ポワたまログ

ポワたまログ

個人的に気に入った品物や体験したこと,日々の出来事を記録してきます.

MENU

はてなブログのTOPページを記事一覧に変更する方法

 

はてなブログTOPページの全文形式を

記事一覧に変えたい欲求が出てきた.

有料プランならば詳細設定で行えるが,無料版は詳細設定では行えない.

 

  • はてなブログ無料版でTOPページを記事一覧形式にはどうやってやるんだろう?
  • ブログの始めのページをタイトル一覧にしたい

 

諦めずググって見ると無料版でもできそう!

参考ブログもわかりやすい!

参考ブログ一覧へ飛ぶ

   

目次

1 ・設定方法
1-1・コピペするスクリプト
1-2・コピペスクリプトの変更するところ
2・headに要素にすでにスクリプトが入っている場合
3 ・⭐️参考にさせていただいたブログ記事⭐️

 
  
1・設定方法

はてなブログ
→  管理画面
→  設定詳細設定 
→  (下スクロール)headに要素を追加 
→  スクリプトをコピペ (下記にあり)
→ (下スクロール) 変更するボタンクリック(忘れずに!)

 

 

  1-1・コピペするスクリプト
 

<script type="text/javascript">
if( location.href == 'https://〜〜hatenablog.com/'){
location.href='https://〜〜hatenablog.com/archive';
}
</script>
<noscript>
<p><a href="https://〜〜hatenablog.com/archive">ポワたまログ</a></p>
</noscript>

 

 

  1-2・コピペスクリプトを書き換えする所
 

https://〜〜hatenablog.comは 自分のトップページのURL に書き換える

※URLの前後にある記号「"」「/」を書き換え中に消さないよう注意※

黄緑色の名称は 自分のブログ名 に書き換える

 

 

 
2・headに要素にすでにスクリプトが入っている場合

既にスクリプトを打ち込んである場合も設定できました.

筆者の場合は,先に打ち込んであスクリプトから一行空欄を作って入力し,設定変更してみました.スマートフォンタブレット,パソコンから記事一覧になってることを確認できました.最初のスクリプトの設定も作動してました.

 

 

 

 

3 ・⭐️参考にさせていただいたブログ記事⭐️

  目次へ戻る

とてもわかりやすいです!無料版で一覧形式にすることのメリットデメリットも説明してくれています!

1つ目( ・∇・)

blog.wackwack.net

この記事一本で簡単に全文形式から記事一覧に変更できました.他の記事もはてなブログのカスタマイズの勉強になりました. 

 

 

2つ目( ・∇・)

blog.wackwack.net

 導入文から引き込まれます.一覧形式にしたくなります.