「Tumblr」サイドバーに最新の投稿一覧を表示させたい【T】
 |
サイドバーに情報を集約するメリット
ブログのサイドバーは、どのページを開いても表示される「案内板」のような役割を果たします。
最新の投稿をここに配置することで、読者が現在のページを読み終えた後、自然に次の興味へと繋がる導線を作ることができます。
具体的には以下の効果を意識して構成を考えてください。
過去に埋もれてしまった投稿へのアクセスを増やし、滞在時間を延ばす。
ブログが頻繁に更新されていることを視覚的に伝え、リピーターを増やす。
記事のタイトルやサムネイルを並べることで、ブログの全体像を瞬時に伝える。
アドバイスとして、あまり多くの情報を詰め込みすぎると肝心の記事が読みづらくなるため、表示件数は5件から10件程度に絞るのが効果的です。
テーマのカスタマイズ機能から一覧を表示したい
「Tumblr」で採用しているテーマ自体に最新投稿を表示するオプションが備わっている場合、最も簡単に解決できます。
作業をスムーズに進めるため、以下の手順で設定を確認してください。
自分のブログのダッシュボード右上の「アカウント」アイコンから「設定」を開く。
右側のメニューからカスタマイズしたいブログ名を選択し、「テーマの編集」ボタンを押す。
左側に表示されるカスタマイズメニューの中から「Recent Posts（最新の投稿）」などの項目を探す。
チェックボックスをオンにするか、表示件数の数値を入力して変更を保存する。
注意点として、無料テーマや一部のシンプルなテーマにはこの機能が標準で搭載されていないことがあるため、その場合は次のステップを試してください。
外部ツールやHTMLを編集してリストを追加したい
標準機能に項目がない場合でも、外部のウィジェット作成サービスや短いスクリプトを利用することで高度なカスタマイズが可能です。
作品の表現を広げるため、以下の手順でコードの挿入を行ってください。
「Tumblr RSS」などのキーワードで検索し、ブログのRSSフィードをリスト化してくれる外部ツールを探す。
ツール上でデザインを調整し、発行された「埋め込み用コード（JavaScriptなど）」をコピーする。
テーマ編集画面の左メニューにある「HTMLを編集」をクリックする。
サイドバーを定義しているコード（通常は
<aside>や<div id="sidebar">付近）を探し、コピーしたコードを貼り付ける。
アドバイスとして、HTMLの編集に慣れていない場合は、作業前に必ず現在のコードをすべてコピーしてメモ帳などにバックアップしておきましょう。
投稿一覧を最適化した際の効果
最新の投稿が常にサイドバーに並んでいる状態を作ることで、ブログは単なる情報の羅列から「メディア」としての完成度へと進化します。
具体的には以下の結果が得られます。
訪問者が一度の訪問で複数の記事を読む確率が高まり、エンゲージメントが向上する。
サイト全体のレイアウトが引き締まり、よりプロフェッショナルなブログに見えるようになる。
投稿者自身も過去の活動を振り返りやすくなり、次なる記事作成のモチベーションに繋がる。
注意点として、サイドバーの幅が狭いテーマでは、長いタイトルが途切れてしまうことがあるため、表示された後の見栄えをスマートフォンとPCの両方で確認してください。
