-->
スポンサーリンク

2015年1月19日月曜日

Bloggerのラベルページとブログアーカイブページをタイトル表示のみにする

更新日:2016年8月12日(金)
Bloggerの初期設定ではラベルページとブログアーカイブページで記事が全文表示されてしまいます。

具体的には[図1]のようになるのですが、これだと個別表示と変わらず、一覧としては使いづらいですよね。

記事タイトルのみに変更できる方法を探していたら、詳しい記事を見つけたのでメモしておきます。

●参考にさせていただいた記事はこちらです。
【ダルシーの日記】http://jardindarcis-black.blogspot.com/2011/07/blogger.html
【Sunabox】http://www.sunabox.net/2012/06/blogger.html

全文表示
図1

※HTMLを編集するので、後で戻せるようにテンプレートメニューの「バックアップ/復元」で事前にバックアップしておきましょう。

テンプレートのバックアップ
図2

●HTMLの編集

手順1.「管理画面→テンプレート→HTMLの編集」でHTMLの編集画面を開きます。
HTMLの編集画面
図3

手順2.<b:include data='post' name='post'/> を検索します。
Ctrlキー+Fキーを押すと検索窓が出るので探しやすいです。

テンプレート編集
図4

手順3.<b:include data='post' name='post'/> コードを以下のコードに置き換えます。
<b:if cond='data:blog.pageName == &quot;&quot;'>
  <b:include data='post' name='post'/>
<b:else/>
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <b:include data='post' name='post'/>
  <b:else/>
  <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <b:include data='post' name='post'/>
  <b:else/>    <div class='post hentry'>
      <a expr:name='data:post.id'/>
      <b:if cond='data:post.title'>
        <h3 class='post-title entry-title'>
       <b:if cond='data:post.link'>
         <a expr:href='data:post.link'><data:post.title/></a>
       <b:else/>
          <b:if cond='data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
       </b:if>
        </h3>
      </b:if>
    </div>
  </b:if>
  </b:if>
</b:if>

●結果 

タイトル記事のみ
図5

テンプレートを保存してブログに適用すると、タイトル記事のみの表示に変更できました。
だいぶスッキリしましたね!

もっと色々なカスタマイズに挑戦してみたいです(^_^)
スポンサーリンク
こんな記事も書いてます↓