はてなブログをカスタマイズ。サイドバーにRSSを追加する方法
はてなブログ開設にともなって、サイドバーのカスタマイズを行いました。
内容としては以下の通り。
いずれ変更するかもしれないので、とりあえず画像貼っておきます。
プロフィール欄にボタンまとめておきたかったので、こんな感じになりました。
2〜5の方法は後日紹介していきますが、今日は1について紹介します。
1.RSSボタンの追加方法（はてなブログ）
一応説明しておくと、RSSボタンというのはサイトの購読機能です。
買うわけじゃないので購読っていう言い方が気になりますけど、登録してもらうとブログが更新されているのが分かるようになってます。
いちいちサイト開かなくてもサイトの更新状況が分かるっていうメリットがあります。
読んでくれるユーザーさんのために設置するものなので、自分が使わなくても一応ボタンをつけておくといい感じです。
1.1.RSSのフリーアイコンを手にいれる
はてなブログの場合、RSSはブログのURLの後に「/feed」か「/rss」のどちらかをつけるとRSS用のURLになります。なぜ2つあるのかは知りませんが、どちらかに決めておいた方がいいと思います。そのうち活用しようと思った時に楽です。
ちなみに「/rss」よりも「/feed」がおすすめです。理由は「/rss」だとFeedlyの登録時になぜか更新情報が2つになるからです。
とりあえず適当にRSSのボタン素材を手に入れましょう。
僕はここの素材を使いました。サイズは「64*22px」です。
RSSボタン（オレンジ） | 無料で使えるフリーアイコン素材 No.2681
1.2.RSSアイコンをアップロード
手に入れたら「はてなフォトライフ」というところに画像を追加しましょう。
ブログの右上のあたりにあります。
アップロードを選んで、ダウンロードした画像をアップロードしましょう。
画像をアップしたら、画像の1〜4の順にクリックしていきましょう。（写真を削除しましたとか書いてますが、気にしないでください）
4の画像にRSSのURLがあるので、メモ帳などにコピペしておいてください。下の画像だと4行目から「src="http://img~~"」と書いてありますが、「src="」の後の「http」から、次の「"」に挟まれている文字列が『RSS画像のURL』です。
「"」←この記号が入らないようにコピペしておいてください。
1.3.サイドバーにRSSボタンを追加する
ブログの管理画面からデザインを選ぶと下のようなページが開きます。
最初にスパナのマークをクリックしてから、サイドバーをクリックします。
下みたいな画像が開くので、「HTML」というのをクリックしてから、タイトルを自分がわかりやすいように入力しましょう。今回は「RSS」とかで良いと思います。
タイトルの下の欄に、下記の記述を入れましょう。
<a href="/(ブログのURL)/feed"><img src="(RSS画像のURL）" alt="rss"></a>
RSS画像のURLは、さっきメモってもらったものです。ブログのURLはあなたのブログのURLです。僕のブログだと「http://marke-life.hatenablog.com」です。
ちなみに僕のブログだと、完成系はこんな感じです。
<a href="http://marke-life.hatenablog.com/feed"><img src="http://img.f.hatena.ne.jp/images/fotolife/y/ysuzuk1/20160112/20160112201238.png" alt="rss"></a>
1.4.あとは「適用」して「変更を保存する」だけ！
ここまでできたら、あとは「適用」「変更を保存する」の順にクリックするだけです。
こんな感じになります。 プロフィール欄に入れようと思うと、もうちょっと難易度が高くなります。ここまでの内容もほとんど無駄にならないので、まずはここまでやってみてください。
ちなみに、サイドバーは掴んで動かすだけで表示位置を上下に入れ替えることができるので、自分で「便利だ」と思う場所に移動しておきましょう。黒文字の「RSS」はタイトル欄に書いた文字なので、言葉を変えたかったらタイトル欄を変えましょう。
画像を見て分かる通り「早く１記事目を上げろ」とはてなに催促されているので、今回はここまで。
次回はFeedlyボタンの設置について紹介していきます。
これからよろしくお願いします。
