とりあえず短時間で変更できるものだけ反映させた
昨日はエントリーも書かずにカスタマイズで苦労してました。りく(@Rikuma_)です。
以前から設置したいと考えてた機能や、プラグインに頼らず自作でも出来そうな機能を中心に、当ブログのマイナーモデルチェンジを敢行しました。
ほんっとうにマイナーなチェンジなので、見た目がガラッと変わったわけではありません。そしてスマホから見て頂いてる方々はおそらくこのエントリーを読むまで変更に気付きませんw(表示がスマホ対応ではないので)
その1:SNSボックスの大きいボタンを自作しました
これまで「はてなブックマーク」「Twitter」「Facebook」などのSNSボタンは、エントリーの最初に「AddThis」というWebサービスを利用して設置したものと、文末に「WP Social Bookmarking Light」というWordPressのプラグインを利用して設置したもの、2箇所表示させていました。
これらを廃止し、もっと大きいボタンを自作して表示させるよう変更しました。
↑こんな風になりました。本当は「AddThis」ボタンと「Evernoteクリップ」ボタンも設置したかったのですが、「AddThis」は単独のボタン設置が分からず(昔は単独でサンプルあったと思ったんだけど…)、Evernoteもコード発行ページが見つからなかったので断念。
今回の変更により、プラグイン「WP Social Bookmarking Light」は晴れて停止となりました。
その2:RSS購読お願いボックスがようやく完成しました
ずっと前から設置しなきゃと考え続けてたのですが、ようやく完成しました。
↑これです。デカイです。真ん中で存在感をアピールするアイコン画像はハヤタ画伯(@k_hayata)に作ってもらいました。
先日、ヘッダー画像を作ってもらい、それをエントリーで紹介した際に「もう1つのプレゼント」と書いたのがコレです。ハヤタさん、やっと実装できました。どうもありがとう。
ボックス内には、これまた今まで設置してなかった「RSS購読者のカウンター」と、Facebookの「いいね!」ボタンも併せて設置してみました。
その3:Twitterのボックスも設置してみました
今回これが一番苦労したなぁ。いろいろ調べたらどこも「簡単に設置できます」と書かれてたのですが、私は2時間以上かかった。
↑これです。今まで文末にはFacebookのボックスのみ設置してたのですが、Facebookの幅を半分にして、右横にTwitterのボックスを追加設置しました。
サイドバーにもTwitterボックスを設置しようと考えてたのですが、上手く表示できず原因も分からないので、今のところはエントリーの文末にのみ表示させてます。
「A.K.A りく」と大文字になってるのが個人的にイヤなのですが、まあいいや。
その4:ブログロールを作り直しました
以前は各ブログのファビコンを自動取得するWebサービスを利用したブログロールを設置してました。作り方などはエントリーにまとめてます。
しかし、ファビコンを設置し、ブラウザでは問題なく表示されてるのに、ブログロールではファビコンが表示されない、という問い合わせが幾つかあり、原因を調査してみましたが根本的な原因は判らないまま。
デフォルトの地球儀画像のままでは申し訳ないという思いもあり、今回ファビコンを利用せずTwitterのアイコンを表示させるブログロールに変更しました。
↑10月初旬時点でのTwitterアイコンをお借りしています。
その5:トップページの一覧数を10から15に増やしました
上に書いた通りです。サイドバーに表示させるウィジェットを今後増やす予定なので、サイドバーの方が長くなるのを防ぐための施策。
一覧の1つめと2つめの間にあったAdsenseバナーは削除しました。
今回は以上でございます
あとはAdsenseのバナーだったり、サイドバーの有効活用だったり、まだまだ変更・追加したい機能は残ってるのですが、ひとまず第1弾だけ先ほどWebに反映させました。
カスタマイズという意味では、最も大きな宿題として残ってるのが「レスポンシブ対応」なんです。スマホでもWebに近いイメージで表示させる方法。これは勉強しないと作り方が分からないので後回しにしてます。
公式サイトなどで提供されてるテーマを利用すればレスポンシブ対応も出来ちゃうのですが、なるべく自分で作ってみたいので、勉強します。