Bloggerの投稿日付をすべての記事に入れる方法 【dateHeader,1日複数記事対応】

  • 投稿 : 2013-01-26
  • 更新 : 2013-05-18
Bloggerの日付表示に「<data:post.dateHeader>」というタグが使用されているかと思います。

1日に複数記事を書いている場合、トップページなどの記事一覧などで使用すると、同一日付の場合は最初しか表示されません。

たとえば、タイトルの下に投稿日付を必ず入れるレイアウトにすると、同じ投稿日だと2つ目の投稿日付だけ表示されないということが起こります。

それを解決する一つが以下の方法です。

javascriptで日付の値を保存しておいて、<data:post.dateHeader>が値を返さないときはその値を利用して表示するという方法です。海外テンプレートなどでは初めからそういうロジックが入っているものがあります。

しかし、Bloggerの標準テンプレートからカスタマイズする人は悩むと思うので記事にしました。
■修正前
<b:if cond='data:post.dateHeader'>
   <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
■修正後
<b:if cond='data:post.dateHeader'>
<script type='text/javascript'>
 var dateHeader = "<data:post.dateHeader/>";
</script>
</b:if>

<b:if cond='data:post.dateHeader'>
  <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
<b:else/>
  <h2 class='date-header'><span>
<script type='text/javascript'>
document.write(dateHeader);
</script>
  </span></h2>
</b:if>

その他の方法

Bloggerの投稿日の難点(1日2件以上の記事) ~ マルカジリます。

<data:post.timestamp/>を使用する方法です。
スポンサーリンク