れのログ(仮)

主に邦ロックについて書いています。【リリース情報】【おすすめバンド】なんかをあげています!

はてなブログPro不要!!トップページを記事一覧に変更して見やすく表示させる方法

スポンサーリンク

こんばんは。れのんです。

 

 

はてなブログに乗り換えてまず戸惑ったことがあります。

無料版ではトップページが記事一覧で表示されないということ。

 

これじゃ見づらいしだたでさえ誰も見てないのに過去記事なんか絶対見てもらえないよー。

Pro版では設定できるみたいだけどとりあえずまだ運営して間もないし

無料版でなんとか一覧表示させたい・・・。

 

ということで調べたら

 

ありました。無料版で一覧表示させる方法。

 

 

 

お品書き

 

                  

Javascriptを使って一覧表示に変えてみます。

現状の無料版はてなブログでのブログトップページです。

f:id:mtba:20171227092136p:plain

 

ブログの全文が連続で表示されます。

これではせっかく書いた過去のブログがただでさえ誰も見てないのに完全に埋もれてしまいますね。

 

 

 

ググッた結果Javascriptをheadの要素に追加すれば無料版でも一覧表示が可能とのこと。

 

さっそく設定

ブログの[設定]から[詳細設定]へ

f:id:mtba:20171227090603p:plain

 

 

[詳細設定]の

f:id:mtba:20171227091439p:plain

 

[検索エンジン最適化]→[headに要素を追加]へ下記コードをペーストします。

f:id:mtba:20171227092406p:plain

 コピペするコード

 <script type="text/javascript">
if( location.href == 'ご自分のブログURL/'){
location.href='ご自分のブログURL/archive';
}
</script>
<noscript>
<p><a href="ご自分のブログURL/archive">ご自分のブログタイトル</a></p>
</noscript>

 を[headの要素の追加]へペーストしてください。

/archive は間違っても消さないように!

 

 

 確認してみると・・・

 

 

 

ご覧の通り!!

f:id:mtba:20171227092520p:plain

無料版でも一覧表示できちゃうわけです。

ぜひ試してみてくださいねー。

 

                  

参考にさせていただいたブログ様様

iitaikotoha.hatenablog.com

                  

まとめ

なかなかPro版に手を出しづらいですよね。

見やすくする方法を執筆中にも模索していました。

その結果・・・

 

Pro版に上げました\^o^/

 

あとでまたいろいろと変更するよりはいいかなと思いまして

早めに加入しようと思い立った所存です。

今後もいろいろブログに関しての記事をアップしていこうと思います。

 

ではでは。

 

 

 

 

保存保存

保存保存

保存保存

保存保存