日々のコンピュータ情報の集積と整理

Dr.ウーパのコンピュータ備忘録

2014年6月4日水曜日

Blogger : 月別アーカイブのページにタイトルを設置

イントロダクション

Blogger には、投稿した月ごとに投稿をまとめて表示する月別アーカイブの機能があります。

例)
月別アーカイブ:6月 2014 のアーカイブ
http://upa-pc.blogspot.jp/2014_06_01_archive.html


標準の状態では、単純に同じ月に投稿した投稿が並んでいるだけであり、何のページなのかページタイトルを見る以外には判別できないため、投稿の上に月別アーカイブであることを明示するようにしました。
(タイトルには月と年が表示されていますが、Chrome のようなタブブラウザだとタイトルの表示領域が狭いため、わかりづらい。)


コード

以下のコードを、Blogger のテンプレートの HTML の編集より挿入しました。

<b:if cond='data:blog.pageType == "archive"'>
  <h1>月別アーカイブ:<data:blog.pageName/> のアーカイブ</h1>
  <p><data:blog.pageName/> に投稿された投稿を表示しています。</p>
  <br />
</b:if>


挿入箇所は、ブログの投稿を表示するガジェット内の一番上である、

<b:widget id='Blog1' locked='false' title='ブログの投稿' type='Blog'>
 <b:includable id='main' var='top'>

のすぐ下です。


結果

次のように、月別アーカイブのページでタイトルを表示できるようになりました。

月別アーカイブにタイトルを追加






関連記事

関連記事を読み込み中...

同じラベルの記事を読み込み中...