はてなブログ／【おススメ記事】をヘッダー下に表示させる方法

ブログのおススメ記事って、皆さんどのようにお知らせしていますか？

人気のある芸能人のブログなら、新しい記事を書けば多くの人に見てもらえますが、私の様な一般ピーポー（ど素人）の記事なんて、更新したとて。。。💧

しかし！せっかく一生懸命に書いた記事！同じ事で困っている人に読んでもらいたい!!

という訳で、この記事では、【おススメ記事をヘッダー下に表示する方法】を紹介したいと思います。

イチオシの記事を埋もれさせない様に、固定してみませんか？？

こんな人におススメ👍

ブログ初心者で難しい事は分からない
ブログをカスタマイズしたい
おススメの記事を、ヘッダー下に並べたい
ワードプレスの様なオシャレなデザインにしたい

「ヘッダー下のおススメ記事」とは？
はてなブログテーマ「Innocent」なら、おススメ記事リスト機能付き!!
- 人気記事1位～5位が自動表示!!
- 難しい設定は全くなし！見た目もスッキリ！
狙った記事を表示させる方法（4記事）
- 使用するアイキャッチ画像を準備する
- 毎度おなじみ！「フジブロっ」さんの記事を参考にコードを作成
もしも、デザインが崩れたら「coconala(ココナラ)」に頼ろう！！
まとめ

「ヘッダー下のおススメ記事」とは？

自分のブログを訪れてくれた方に、「是非読んでもらいたい!!」そんな記事を、ヘッダー下に設置しているブログ、よく見かけませんか？

自分が読者側であっても、「こんな記事も書いてるんだ！こっちも読んでみよう！」とつい、思ってしまうおススメ記事。読者の回遊率も上がるので、ぜひ設置しておきたいですよね！

💡ブログだと、どうしても新しい記事に古い記事は埋もれてしまいます。

カテゴリーから探してくれたとしても「読者に読んで欲しい記事」に辿り着いていないケースがほとんど。

「この情報は、訪問してくれた人に届けたい！」そんな記事をピックアップして固定しちゃおう！という事ですね＾＾

おすすめの記事だけでなく、カテゴリーやまとめページを表示することもできるので、自由にカスタマイズして、集客を上げる工夫ができますよ👍

☺️難しそう💦と思って、なかなか取り掛かれなかったのですが、ど素人の私でも出来たので、安心してくださいね＾＾

はてなブログテーマ「Innocent」なら、おススメ記事リスト機能付き!!

画像引用元：はてなブログテーマ「Innocent」に「おすすめ記事リスト機能」を追加しました - MoonNote

私が使っている、はてなブログProのテーマの1つである【Innocent】では、初めから「おススメ記事リスト機能」というものがついています。（これがあるから、このテーマにしたといっても過言ではないくらい便利!!!）

このテーマの製作者である「半月さん／MoonNote」自ら、ご自身のブログで紹介されているのですが、ど素人の私には本当にありがたい機能です＾＾　はてなブロガーさん必見です!!

難しい設定は全くなし！見た目もスッキリ！

そんな便利な機能、設置する方法は1ステップのみ！

はてなブログの「ダッシュボード」＞「デザイン」＞「スパナマーク」＞「ヘッダ」＞「タイトル下」へいき、下のHTMLコードを貼り付けます。

▼貼り付けるHTMLコード

<div id="recommend-entries">
    <div id="recommend-entries-inner">
        <div class="hatena-module hatena-module-entries-access-ranking" 
            data-count="5" 
            data-display_entry_category="0"
            data-display_entry_image="1"
            data-display_entry_image_size_width="320"
            data-display_entry_image_size_height="200"
            data-display_entry_body_length="0"
            data-display_entry_date="0"
            data-display_bookmark_count="1"
            data-source="access"
        >
        <div class="hatena-module-body"></div>
        </div>
    </div>
</div>