祝日カウントダウンのブログパーツを自作

スポンサーリンク
サイト運営
この記事は約3分で読めます。

当ブログでは「MYSTな休日」とサイトの名前はつけている。

名前の由来は、休日を大切に過ごせるように休日の過ごし方を紹介するというものです。そのためブログの主な記事は「謎解き」や「遊び」をテーマにしているつもりだ。

カスタマイズも色々手を加えてきたが最近何か足りないことに気が付いた。

スポンサーリンク

「休日」という要素が全然足りない

これまでのカスタマイズ

  • プロフィールのカスタマイズ
  • Instagramのエリア
  • LEGOの紹介エリア(Amazonのアフリィエイト)
  • 楽天のアフリィエイト
  • カテゴリーとリンクのビジュアル化

これまで上記のようなカスタマイズをしてきたが、ブログのテーマと一致しているものが「LEGO」しかないことに気が付いた(LEGOといってもアフリィエイトで人任せ?)。

そこで何か「ぐっ」とくるブログパーツが欲しいと思い始めた。

新しいブログパーツ検討

Webで”ブログパーツ”と検索をしたところ、良いパーツを見つけた。

ブログパーツ|カレンダー関連ブログパーツ無料配布
カレンダー関連ブログパーツ「3ヶ月表示カレンダー」「祝日カウントダウンブログパーツ」「ブログパーツ版マイフォトカレンダー」があります。あなたのブログ、ホームページにいかがでしょうか。

カレンダーをテーマにしているサイトで、実際に貼り付けると下のような感じだ!(休日がテーマなのでドンピシャである)

Sakura Calendar

デザインもほのぼの系アイコンで申し分ない。

ということでこのパーツを利用させてもらうことにした。が、残念なことにパーツのデザインが縦長なのである。

何かカスタマイズで横長にできないか試行錯誤したが変更ができなかった。

自作のブログパーツ

アイデアは良く自分のサイトにもぴったりなパーツだ。

カスタマイズは諦め自分で作成することにした。多少なりにもPHPくらいは触れるし、そもそも簡単な仕組みであることは想像がつく。

ということで2時間くらいで完成した。(模索している時間の方が時間がかかってしまった)

ほのぼの系アイコンでアイコンだけでも利用したいが、横長パーツのベースにはほのぼのアイコンはスペースが狭い。

アイコンが小さくなりすぎることから、シンプルに別の写真を使用することにした。

無料サイトは邪魔な広告が

他のレンタルサーバで作成したPHPのパーツを貼り付けるのだが、問題が発生した。

最初はXServer(無料で利用)で動かしていた。

PC版は問題がなかったが、スマホでは意図しないロゴが表示され邪魔である(AdSenseを使用している自分が言うな!と自分に矛盾)。

不要な表示を消すように悪戦苦闘したが全く消えず、調べたところ無料のサーバだとこのようになるようですね。納得できました。(さすが無料だ)

有料のサイトで完成

結果的に有料のレンタルサーバを利用することにした。

実は私は無料のXServerの他にSAKURAインターネットを最低金額で利用している(129円/月)。

XServerの有料メニューは1,000円/月なのでちょっと手が出ない。

「WordPress」に移行するときがきたら考えたいが、今は「はてな」のほうが記事作成パーツも充実していて気に入っている。

で最後には以下のようなデザインで収まっている。今度リンクを貼って「休日」をテーマにした固定ページも作ってみたい。

プロフィールにもおさまっているし、何より自作だけあってイベントを追加できるのが嬉しい。休日の他に「バレンタイン」「ハロウィン」「クリスマス」のイベントも 追加している。早くクリスマスが来ないかな・・・・。

0

スポンサーリンク
サイト運営日記ブログ
スポンサーリンク
刹那をフォローする
MYSTな休日(休日の過ごし方)

コメント

タイトルとURLをコピーしました