サイトTOPに記事一覧を載せるメリット & はてなブログのTOPページを無料で記事一覧にする方法
記事一覧をTOPページにする方法
- 記事一覧をTOPページにする利点
- 有料はてな会員で、TOPページを記事一覧にする方法
- 無料はてな会員で、TOPページを記事一覧にする方法
- モバイルで記事一覧が多すぎる場合
- 有料の一覧形式について
- 次回 【画像でわかるcss 記事一覧 編】
記事一覧をTOPページにする利点
記事一覧をTOPページにするメリットは、TOPページのリンクから好きな記事を見てもらえ、興味を持ってもらえることです。
どんなブログなのか?が、最新記事を開いてもわかりにくいです。しかし、記事一覧なら一目でわかります。
そこで、最初に飛ぶページ = 複数の記事を載せてあるページだと、都合がいいわけです。
有料はてな会員で、TOPページを記事一覧にする方法
たった2STEPで可能です!
- ブログ管理画面⇒設定⇒詳細設定を開く
- トップページの表示形式を一覧形式にする。
無料はてな会員で、TOPページを記事一覧にする方法
これは先人たちの知恵を借りれば簡単です。
htmlのヘッダに、自分のトップページから記事一覧に飛べるようにscriptを追加するだけ。
手順としては4STEPです。
- スクリプトコードを検索してコピーしてくる
この時、必ず自分のURLとブログ名に変更すること。 - ブログ管理画面⇒設定⇒詳細設定を開く
- headに要素を追加欄にスクリプトコードを貼り付ける
- 一番下までいって変更するボタンで保存!
参考にしたページ
他にも検索すると沢山出てくるので、適宜参考にしてください。
モバイルで記事一覧が多すぎる場合
先ほど紹介したページでは、pcより幅の狭い端末でのアクセスに対しては、指定記事数のみ表示し、もっとみるボタンでたどっていけるようにしています。
これもオススメの方法なのでぜひ取り入れていきましょう!
有料の一覧形式について
調べている中でこんな記事を見つけました。
記事一覧ページと、一覧形式の違いは、表示される記事数にあるようです。なので、レスポンシブデザインにしていくことで対応できそうですね!
次回 【画像でわかるcss 記事一覧 編】
画像でわかる記事一覧ページのセレクタ指定❕
記事一覧ページの見た目がきたない!綺麗にしたいときに変更するCSSはどこ!??
詳細はこちら