About This Site

はてなブログで人気記事を任意の場所に表示する方法

ブログ運営

はてなブログではサイドバーだけではなく、記事の下やトップページのなどに人気記事(注目記事)を表示したい場合があると思います。この記事で紹介するコードをコピペすれば、簡単に好きな場所に人気記事を表示できます。

はてなブログで人気記事を表示する方法

人気記事を任意の場所に表示するには、下記のコードを表示したい場所に貼り付ければOKです。記事下でもヘッダー下でも好きな所に貼り付けてください。

<div class="hatena-module hatena-module-entries-access-ranking"
data-count="6"
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>

適宜cssを調整して使ってください。

data-countというのは、記事を何件表示させるかという意味です。上記の例では6になっていますが、好きな値に変えて使ってください。

data-display_entry_body_lengthで本文を何文字表示させるかを指定できます。上記の例では0文字なので、本文は表示されません。

data-sourceは、何を基準にしてランキングを集計するかということです。上記の例では「access」となっていますので、アクセス数でランキングが作られます。他には「recent-bookmark」(はてなブックマークの新着順)、「total-bookmark」(はてなブックマークの数)が指定できます。このあたりはサイドバーの注目記事と同じ仕様になっています。

コメント

タイトルとURLをコピーしました