いろいろなこと、はじめてみませんか。

ゆかりさんの雑記帳

いろんなことが気になるお年頃 ✿

サイトTOPに記事一覧を載せるメリット & はてなブログのTOPページを無料で記事一覧にする方法

記事一覧をTOPページにする方法

f:id:Lady_EndlessDesire:20190827234802j:plain

記事一覧をTOPページにする利点

記事一覧をTOPページにするメリットは、TOPページのリンクから好きな記事を見てもらえ、興味を持ってもらえることです。

どんなブログなのか?が、最新記事を開いてもわかりにくいです。しかし、記事一覧なら一目でわかります。

そこで、最初に飛ぶページ = 複数の記事を載せてあるページだと、都合がいいわけです。

有料はてな会員で、TOPページを記事一覧にする方法

たった2STEPで可能です!

  1. ブログ管理画面⇒設定⇒詳細設定を開く
  2. トップページの表示形式を一覧形式にする。


無料はてな会員で、TOPページを記事一覧にする方法

これは先人たちの知恵を借りれば簡単です。
htmlのヘッダに、自分のトップページから記事一覧に飛べるようにscriptを追加するだけ。
手順としては4STEPです。

  1. スクリプトコードを検索してコピーしてくる
    この時、必ず自分のURLとブログ名に変更すること。
  2. ブログ管理画面⇒設定⇒詳細設定を開く
  3. headに要素を追加欄にスクリプトコードを貼り付ける
  4. 一番下までいって変更するボタンで保存!

参考にしたページ

blog.wackwack.net

他にも検索すると沢山出てくるので、適宜参考にしてください。


モバイルで記事一覧が多すぎる場合

先ほど紹介したページでは、pcより幅の狭い端末でのアクセスに対しては、指定記事数のみ表示し、もっとみるボタンでたどっていけるようにしています。
これもオススメの方法なのでぜひ取り入れていきましょう!

有料の一覧形式について

調べている中でこんな記事を見つけました。

記事一覧ページと、一覧形式の違いは、表示される記事数にあるようです。なので、レスポンシブデザインにしていくことで対応できそうですね!

次回 【画像でわかるcss 記事一覧 編】

画像でわかる記事一覧ページセレクタ指定
記事一覧ページの見た目がきたない!綺麗にしたいときに変更するCSSはどこ!??
詳細はこちら

web-making.hatenablog.com