Bloggerのアーカイブページやラベルページで記事タイトルのみ表示させる方法

2011年7月7日木曜日

Bloggerのアーカイブページやラベルページで記事タイトルのみ表示させる方法

http://jardindarcis-black.blogspot.com/2011/07/blogger.htmlBloggerのアーカイブページやラベルページで記事タイトルのみ表示させる方法

Bloggerでアーカイブガジェットを使用していると、記事が全文表示されてしまいます。

けど、それって意味あるの？？

個人的には、記事タイトルがリスト表示されるほうが便利だと思うんですけどね･･･
同じような事を思われる方もいらっしゃるかと思いますので記事にしてみました。



Cats n Nuthatch / d a murphy

※この記事は加筆していますので設定前に最後までお読みくださいm(__)m

まず、デザインタブからHTMLの編集を選び、「ウィジェットのテンプレートを展開」にチェックを入れて全ソースを表示させます。

ソースから

<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/>
    <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>

以上で完了♪


2011/07/08　追記

すっかり静的ページのことを忘れてました(^_^;)
上記コードだと、単体ページ（静的ページ）もタイトル表示になってしまうので、中身が読めない状態になってしまいます。
なので、静的ページは投稿ページと同一の扱いにしてあげなければいけないので・・・

<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>

赤字の部分を加える必要がありました。

*****************