はてなブログデザインのカスタマイズ!記事下に関連記事編

このエントリーをはてなブックマークに追加

はてなブログ デザインカスタマイズ

この度、記事下に関連記事を自動で挿入するカスタマイズを実行しました。記事下に関連記事を挿入する方法には色々とカスタマイズする方法がありますが、私が選んだのは『太陽がまぶしかったから』さんが作成してくれら『あわせて読みたいG』にしました。設置の仕方はコピペで出来るのでご安心を。

関連記事の設置方法

『あわせて読みたいG』の設置方法は『太陽がまぶしかったから』さんのブログに詳しい解説がのっています。

bulldra.hatenablog.com

カスタマイズの方法はとっても簡単です。以下をコピーして、はてなブログの管理画面から、

  1. デザイン
  2. カスタマイズ(アイコン)
  3. 記事
  4. 記事下

の順にクリックしてコードを貼り付けるだけです。はい!終了です。めっちゃ便利なものを作ってくださった池田仮名 (id:bulldra)さんに感謝です。

<script src="https://www.google.com/jsapi"></script>
<script src="http://bulldra.github.io/commons.js" charset="utf-8"></script>
<script src="http://bulldra.github.io/gatcha.js" charset="utf-8"></script>

<script type="text/javascript">
writeGatcha(3,'entryGatcha','category','あわせて読みたい' ,true);
google.setOnLoadCallback(function(){ writeGatchaCategory('entryGatcha') } );
</script>

もうちょっと細かくカスタマイズ!

先ほどコピペしたコードの一部を書き換えると、さらに細かくデザインをカスタマイズすることができます。書き換える箇所は、以下の赤線の部分です。

はてなブログ デザインカスタマイズ

関連記事の表示数をカスタマイズ

①の部分は関連記事の表示数です。デフォルトでは3になっているので、好きな数字にしましょう。ちなみに私は10にしました。

②は『パーツID』です。好きな名前でOKです。

関連記事のモードをカスタマイズ

③で関連記事のモードを選ぶことができます。デフォルトでは『category』、つまり関連記事を同じカテゴリーの中から選んで表示させる設定になっています。

モード 説明
all すべてのエントリー記事から選ばれる
category 同じカテゴリーの中から選ばれる
recent 最新のエントリー記事から選ばれる
デフォルト はてぶ数の多いエントリー記事から選ばれる

※デフォルトは空欄にしておけばいいのでしょうか?ちょっとわかりませんでした。

関連記事ヘッダーのカスタマイズ

④はヘッダーの文字をカスタマイズすることができます。デフォルトでは、『あわせて読みたい』になっています。ここはお好みで変更できます。

⑤は『購読』というボタンを表示したり非表示にしたりできます。

さいごに

『あわせて読みたいG』最高ですよ。本当に凄いブログパーツを作成してくださいました。はてなブロガーの皆さんも使っている人多いのではないでしょうか。手軽なので皆さんも『あわせて読みたいG』ではてなブログのデザインをカスタマイズしてみてはいかがでしょうか。