そういうのがいいブログ

SIerで働く30代サラリーマンSEがインフラエンジニアに憧れてLinux・クラウド・AWSの勉強をするブログ

【はてなブログ】トップページを記事一覧表示にする方法(無料版に対応)

※[PR]当ブログの記事の中にはプロモーションが含まれています。

はてなブログのトップを記事一覧表示にする方法


はてなブログのトップページを記事一覧表示にするカスタマイズ方法(無料版でも可能)

はてなブログでは、PRO版では、設定>トップページの表示形式(PC版)PRO で、
・全文形式
・一覧形式
のどちらかを選べます。
無料版でもできる方法がないかと探したら、見つかったのでその方法を紹介します。
※PRO版は、「設定 > トップページの表示形式(PC版)」から変更が可能。



f:id:souiunogaii:20191216095230j:plain

参考にしたサイト

herumo.hatenablog.com

変更前後のイメージ

変更前

f:id:souiunogaii:20191216095811j:plain

変更後

f:id:souiunogaii:20191216095840j:plain

具体的な手順

設定 > 詳細設定 > 検索エンジン最適化 > headに要素を追加 
の部分に、下記に記載のコードを追加します。

f:id:souiunogaii:20191214203914j:plain
f:id:souiunogaii:20191214212613j:plain
f:id:souiunogaii:20191216100103j:plain

※「https://~」の部分は、自信のブログのURLに書き換えが必要です。
サイト名の部分も、自信のブログのサイト名に変更が必要です。

<!--一覧表示形式(記事一覧)-->
<script type="text/javascript">
 if( location.href == 'https://souiunogaii.hatenablog.com/'){
 location.href='https://souiunogaii.hatenablog.com/archive';
}
</script>
<noscript>
<p><a href="https://souiunogaii.hatenablog.com/archive">そういうのがいいブログ</a></p>
</noscript>