りくまろぐ秋のカスタマイズ祭り・ちょこちょこ変更してみました

スポンサーリンク

とりあえず短時間で変更できるものだけ反映させた

昨日はエントリーも書かずにカスタマイズで苦労してました。りく(@Rikuma_)です。

以前から設置したいと考えてた機能や、プラグインに頼らず自作でも出来そうな機能を中心に、当ブログのマイナーモデルチェンジを敢行しました。

ほんっとうにマイナーなチェンジなので、見た目がガラッと変わったわけではありません。そしてスマホから見て頂いてる方々はおそらくこのエントリーを読むまで変更に気付きませんw(表示がスマホ対応ではないので)

その1:SNSボックスの大きいボタンを自作しました

これまで「はてなブックマーク」「Twitter」「Facebook」などのSNSボタンは、エントリーの最初に「AddThis」というWebサービスを利用して設置したものと、文末に「WP Social Bookmarking Light」というWordPressのプラグインを利用して設置したもの、2箇所表示させていました。

これらを廃止し、もっと大きいボタンを自作して表示させるよう変更しました。

screenshot_201210_006

↑こんな風になりました。本当は「AddThis」ボタンと「Evernoteクリップ」ボタンも設置したかったのですが、「AddThis」は単独のボタン設置が分からず(昔は単独でサンプルあったと思ったんだけど…)、Evernoteもコード発行ページが見つからなかったので断念。

今回の変更により、プラグイン「WP Social Bookmarking Light」は晴れて停止となりました。

その2:RSS購読お願いボックスがようやく完成しました

ずっと前から設置しなきゃと考え続けてたのですが、ようやく完成しました。

screenshot_201210_007

↑これです。デカイです。真ん中で存在感をアピールするアイコン画像はハヤタ画伯(@k_hayata)に作ってもらいました。

先日、ヘッダー画像を作ってもらい、それをエントリーで紹介した際に「もう1つのプレゼント」と書いたのがコレです。ハヤタさん、やっと実装できました。どうもありがとう。

ボックス内には、これまた今まで設置してなかった「RSS購読者のカウンター」と、Facebookの「いいね!」ボタンも併せて設置してみました。

その3:Twitterのボックスも設置してみました

今回これが一番苦労したなぁ。いろいろ調べたらどこも「簡単に設置できます」と書かれてたのですが、私は2時間以上かかった。

screenshot_201210_008

↑これです。今まで文末にはFacebookのボックスのみ設置してたのですが、Facebookの幅を半分にして、右横にTwitterのボックスを追加設置しました。

サイドバーにもTwitterボックスを設置しようと考えてたのですが、上手く表示できず原因も分からないので、今のところはエントリーの文末にのみ表示させてます。

「A.K.A りく」と大文字になってるのが個人的にイヤなのですが、まあいいや。

その4:ブログロールを作り直しました

以前は各ブログのファビコンを自動取得するWebサービスを利用したブログロールを設置してました。作り方などはエントリーにまとめてます。

しかし、ファビコンを設置し、ブラウザでは問題なく表示されてるのに、ブログロールではファビコンが表示されない、という問い合わせが幾つかあり、原因を調査してみましたが根本的な原因は判らないまま。

デフォルトの地球儀画像のままでは申し訳ないという思いもあり、今回ファビコンを利用せずTwitterのアイコンを表示させるブログロールに変更しました。

screenshot_201210_009

↑10月初旬時点でのTwitterアイコンをお借りしています。

その5:トップページの一覧数を10から15に増やしました

上に書いた通りです。サイドバーに表示させるウィジェットを今後増やす予定なので、サイドバーの方が長くなるのを防ぐための施策。

一覧の1つめと2つめの間にあったAdsenseバナーは削除しました。

今回は以上でございます

あとはAdsenseのバナーだったり、サイドバーの有効活用だったり、まだまだ変更・追加したい機能は残ってるのですが、ひとまず第1弾だけ先ほどWebに反映させました。

カスタマイズという意味では、最も大きな宿題として残ってるのが「レスポンシブ対応」なんです。スマホでもWebに近いイメージで表示させる方法。これは勉強しないと作り方が分からないので後回しにしてます。

公式サイトなどで提供されてるテーマを利用すればレスポンシブ対応も出来ちゃうのですが、なるべく自分で作ってみたいので、勉強します。

スポンサーリンク
この記事がお気に召したら
「いいね!」をお願いします!
「りくまろぐ」の最新情報を
Facebookにお届けします