スタイリッシュな表示でPVアップ2020年1月8日TwitterSharePocketHatenaLINEコピーするはてなブログを書き始めてからの1つの悩みが関連記事の表示。他のブログサービスのようにデフォルトで関連記事表示機能がPC表示では備わっていないので独自にカスタマイズしたり、ブログパーツを利用する必要があります。今回はそんなはてなブログにおける関連記事表示について語りたいと思います。目次Milliardではてなブログにスタイリッシュな関連記事を表示Milliardを使ってはてなブログに関連記事を表示させるはてなブログにあわせて読みたいGで関連記事を表示Zenbackではてなブログに関連記事を表示はてなブログ関連記事ジェネレーターLinkWithinではてなブログに関連記事表示Milliardではてなブログにスタイリッシュな関連記事を表示はてなブログで使っているのがMilliardさんの関連記事表示ブログパーツ。こんな感じで関連記事がスタイリッシュで表示されます。スマホ表示の場合はこんな感じMilliardを使ってはてなブログに関連記事を表示させる注意ポイントMilliardの関連記事プラグインは、2020年1月1日でサービスを終了しました。Milliardを使ってはてなブログに関連記事を表示させるには以下のページにアクセスします。http://www.shisuh.com/statics/relatedPageSetting/すると以下のページが表示されるので、それぞれ入力していきます。トップのURL:はてなブログのトップページURLを指定します。サイトタイプ:はてなブログ紹介文:関連記事一覧の上部に表示する文字を指定します。空欄だと「こんな記事も書いています」が表示されます。表示方法をパネルにすると上で紹介したイメージのようにアイキャッチ画像と記事のタイトルが表示されます。リストにした場合はこんな感じ。各種設定してコード取得ボタンを押すと、ソースコードが表示されるので、それをコピーして、以下のMilliard公式ページのはてなブログ設定方法で解説されている方法(デザイン-記事下欄にペースト)で設定するだけです。Milliard関連ページをはてなブログで設定する方法Milliardのブログパーツ・プラグインは、はてなブログ以外にもWordpressのプラグインも用意されていますし、ライブドアブログやFC2ブログ、Bloggerでも使えるので今後利用者が増えそう。ここからは、これまではてなブログで使ってきた関連記事表示のブログパーツや試してみたブログパーツをご紹介していきます。皆さんの用途にあった関連記事表示ブログパーツを使って、はてなブログのPVをUP!しちゃいましょう。記事が属するカテゴリやブックマーク数が多い記事などをはてなブログカード風なデザインで表示できます。さんの以下の記事を御覧ください。太陽がまぶしかったからZenbackではてなブログに関連記事を表示つい最近まで関連記事表示に使っていたのがZenback。今思えば、上の「あわせて読みたいG」の方が良かったのですが、以前FC2やSeesaaなど他のブログでZenbackを使った経験があったので、こちらを使ってしまってました。関連記事をアイキャッチ画像付きで表示させることが出来ます。「おしらせ」という所にブログと全然関係のない広告が表示されるのが嫌で今は外しています。ページの表示レスポンスも遅いのが気になるところです。はてなブログ関連記事ジェネレーターリスト形式で関連記事を表示するのがはてなブログ関連記事ジェネレーター。はてなブログ関連記事ジェネレータカテゴリやキーワードを指定して関連記事のリストを作成することが出来ますが、記事毎にいちいち生成しないといけないのと、アイキャッチ画像付きで関連記事を表示させたかった事から本ブログでは不採用に。LinkWithinではてなブログに関連記事表示こちらも、アイキャッチ画像付きで関連記事を表示できるブログパーツ。動作も軽快みたいです。id:tarVolcanoさんの下記記事に詳しく書いてあります。tar.blogru.mehttps://tar.blogru.me/entry/2014/05/08/003058https://tar.blogru.me/entry/2014/05/08/003058LinkWithinに関してはこのブログでも試してみたのですが、上手く関連記事が表示されなかったため断念しました。今回は、はてなブログの中で使っている画像を一括でダウンロードする方法について紹介します。WordPressへの移行時にも大活躍する技なので、ぜひ覚えておいてもらえればと思います。...はてなブログはてなブログの過去記事全てのリンクや文字を簡単に一括置換する方法はてなブログで過去記事内にあるリンクや文字を一括で別のリンクや文字に置き換える方法を紹介します。SSL化でURLが変わった時やリンク切れの対応などが楽になりますよ。はてなブログ「はてなブログ公式ミートアップ」の開催中止メールが届いてた7月1日に開催される予定だった「はてなブログ公式ミートアップ」が中止となりました。本日6月25日の17時半に応募者宛に中止の連絡メールが届いていました。...はてなブログはてなブログProの料金を60%以上安くする4つの方法はてなブログの有料版であるはてなブログProの料金を安くする4つの方法について紹介していきます。いつでも利用できる方法から、今この時期でしか使えない方法まで全て網羅しています。...はてなブログはてなブログのレスポンシブデザインでアドセンス表示をスマホとPCで切り替える方法とSEOのリスクはてなブログを使っていて、最近少し困ったのがレスポンシブデザインを利用した時のGoogleアドセンス広告表示制御です。Analisticsやptengineなどリンククリック計測ツールに関する誤解はてなブログが5周年で本ブログは開設2周年。これまでのアクセス数経緯は振り返ってみたスマートニュースに本ブログが初掲載。