はてなブログのトップを記事名だけにしたい
はてブを使い始めて地味に気になったのが、ブログトップです。
記事の全文がバーーーーーッ!と表示されて地味にウザイ。
タイトルだけ見てつづきを読むか読まないか決めたいんじゃ!(CV:ノブ)
とくに自分のブログはメモとして画像を多用していることもあり、ブログにアクセスしてすぐ全文表示されると、ギガ泥棒じゃ!(CV:ノブ)ないか不安になります。
そもそも自分用メモなので、私が出先で見た場合にパケットが気になる。
ということで、はてなブログでブログトップを記事一覧表示にする方法を調べて実行しました。
目次
- 1.参考にさせていただいたブログ紹介
- 2.【設定】→【詳細設定】→【検索エンジン最適化】
- 3. 【検索エンジン最適化】の【headに要素を追加】へコードをコピペ
- 4.自分のブログURLとブログタイトルに書きかえる
- 5.できた!が…
1.参考にさせていただいたブログ紹介
言いたいことは山のごとし(^^)のはまちさんが、はてブのトップページを記事一覧にする方法を、わかりやすく解説してくれています。
ありがとうございます!
上記ブログを参考にしたら私もすぐにできました。
できない人は、はてなブログに課金してProモードにすれば一発で解決するかもです。
以下、自分用のメモ。
2.【設定】→【詳細設定】→【検索エンジン最適化】
【設定】→【詳細設定】→下にスクロールすると【検索エンジン最適化】のコーナーがあります。
3. 【検索エンジン最適化】の【headに要素を追加】へコードをコピペ
【headに要素を追加】の四角いタブの中に、下記コードをコピペ。
<script type="text/javascript">
if( location.href == 'https://takogame.hatenablog.com/'){
location.href='https://takogame.hatenablog.com/archive';
}
</script>
<noscript>
<p><a href="https://takogame.hatenablog.com/archive">たこのメモwww</a></p>
</noscript>
4.自分のブログURLとブログタイトルに書きかえる
下記の青い部分を自分のブログURL、赤い部分を自分のブログタイトルに書きかえます。
青にブログのURL、赤にブログのタイトルをコピペ入力。
<script type="text/javascript">
if( location.href == 'https://takogame.hatenablog.com/'){
location.href='https://takogame.hatenablog.com/archive';
}
</script>
<noscript>
<p><a href="https://takogame.hatenablog.com/archive">たこのメモwww</a></p>
</noscript>
青→ブログのURL
赤→ブログのタイトル
ブログのURLを入れる時、1回目はそのまま、2~3回目は「archive」を消さずにコピペするのがポイント*1
5.できた!が…
ということで、はてなブログのトップページを記事一覧にすることができました。
だがしかし。
一覧表示にすると、記事のトップ画像が……正方形にアレされてしまう……。
アレ……サプライズじゃなくてなんだけ、サムシング?
アレだよアレ!
正方形に表示された時にタイトルがわかるように、キャプション画像を作る時に気をつけないとです。
ん?今までのキャプション画像の修正?
めんどくさい。