一覧表示形式にしようと思ったらできなかった
はてなブログ無料会員でも下記のようにトップページを記事一覧にすることができるのですが、ネットに落ちている方法をそのまま流用するだけではできない場合もあるようです。最初はうまくできなかったので、それの共有です。
具体的な原因としては、2018年7月ごろからセキュリティ対策の一環で、はてなブログから与えられるブログのアドレスがhttp://→https://になっていることが原因でした。
一覧表示形式とは
百聞は一見にしかずです。下記のようにすることを一覧表示形式にすると私は呼んでいます。
before
after
はてなブログのトップページ初期設定は「記事①の内容全部→記事②の内容全部→・・・」と各記事の内容全てが繋がっており、文章は読みやすいのですが全体感がた少し見にくいものになっています。これを「記事①のタイトル→記事②のタイトル→・・・」に変えてやることで、整理された見やすいブログにすることができます。
（記事が少なすぎて有用性がよく分からないｗ）
記事一覧にする方法
他人様のブログを参考にすると、下記を「設定-詳細設定-headを要素に追加」の欄にコピペするだけです。
注意したいのは青字の部分を自分のブログのアドレスに、赤字の部分を自分のブログのタイトルに、変更する必要があることです。
<script type="text/javascript">
if( location.href == 'https://herumo.hatenablog.com/'){
location.href='https://herumo.hatenablog.com/archive';
}
</script>
<noscript>
<p><a href="https://herumo.hatenablog.com/archive">社会人はリラックスしたい</a></p>
</noscript>
上記は下記ブログ様のものを自分のブログ用に書き換えたものです。
一覧表示形式（記事一覧、タイトル列挙）にできないぞ
ちなみに最初はうまくいきませんでした。理由は最初に書いたとおり、はてなブログのアドレスがhttp://からhttps://に変更されている一方、ネットで出回っているコピペのアドレスはhttp://のままになっているからでした。
つまり、アドレスがhttps://から始まっている場合、上のものが正しいのに、よくあるコピペは下のようにhttpにsが入っていない。
★ネットで出回っているやつ
<script type="text/javascript">
if( location.href == 'http://herumo.hatenablog.com/'){
location.href='http://herumo.hatenablog.com/archive';
}
</script>
<noscript>
<p><a href="http://herumo.hatenablog.com/archive">社会人はリラックスしたい</a></p>
</noscript>
★当ブログのためにかえたもの （最初のと一緒）
<script type="text/javascript">
if( location.href == 'https://herumo.hatenablog.com/'){
location.href='https://herumo.hatenablog.com/archive';
}
</script>
<noscript>
<p><a href="https://herumo.hatenablog.com/archive">社会人はリラックスしたい</a></p>
</noscript>
おそらくブログ登録時期によってhttp://なのかhttps://なのかが違うのでしょう。うまくいかなかったらアドレスを確認してみることをお勧めします。
一覧表示形式（記事一覧）する方法最初から
①自分のブログにあったコピペをつくる
<script type="text/javascript">
if( location.href == 'https://herumo.hatenablog.com/'){
location.href='https://herumo.hatenablog.com/archive';
}
</script>
<noscript>
<p><a href="https://herumo.hatenablog.com/archive">社会人はリラックスしたい</a></p>
</noscript>
青字の部分を自分のブログのアドレスに変更
赤字の部分を自分のブログのタイトルに変更
※自分のブログがhttpsなのか、httpなのかを確認しましょう。ブラウザの表示はhttps://が省略されてblog.hatena.~~とだけ表示されているのですが、この部分をコピペしてメモ帳に貼り付けると全文が表示されるはずです。
②画面右上の「ＩＤ（下の図だと「herumo」）をクリックし、出てきた一覧から「設定」をクリック
③「詳細設定」をクリック
④下のほうまでスクロールし、headに要素を追加のところにコピペ
※図はhttps://のものをつかっています。
⑤下のほうにスクロールして「変更する」をクリックで終了！
ちなみにhttp://とhttps://の違いって？
あまりよく分かりませんが、セキュリティ対策が強化されたものがhttps://のようです。セキュリティ対策は最近厳しいですよね。これまでhttp://でよかったものが、https://にすることが必須の流れになっているようです。
よくみるとamazonのサイトとかもhttps://で、googleのSEOもhttps://のほうが有利らしいです。SEOってなんのこっちゃって感じなのですが、ブログを検索してると頻繁に出てくる文字なので、縁が深いユーザーもいるのかな。
アンドロイド4.2のまま使っているスマホのアプリがこのままでは使えなくなるよ、としきりに警告を発してくるのですがおそらくこの流れの一環か？必要性はわかるけどめんどくせーというのが本音です。
はてなブログもhttps://化ができるようですね。その際はアドレスの登録を変更する必要がありそうです。
google analytics や google serch consoleを使っている場合も注意が必要かも？
たぶん最初からhttps://の場合は問題ないですが、世の中の流れに従ってhttps://化した場合にはそれぞれのアドレス登録を変更する必要があります。
