PR PR

Bloggerブログで同日複数投稿の場合、全ての投稿に日付表示する方法。

スポンサーリンク
新着情報
2023.04.09
2023.04.06
2023.04.03
2023.03.19
スポンサーリンク
スポンサーリンク

この記事は2013年5月20日の1年以上前に書かれたものです。現在は状況が異なる可能性がありますのでご注意ください。

記事内に広告が含まれています。

同じ日に複数の投稿がある場合、
最初の投稿にしか日付がつかない…。

これは、Bloggerブログの仕様なのでしょうが、
レイアウト データ タグ - Blogger ヘルプ

dateHeader:この投稿の日付。この投稿がリストにおいてその日最初の投稿であった場合にのみ表示します。

やはり投稿には、

スポンサーリンク

スポンサーリンク

全投稿に日付は付けたい!!

そう思うのが性ではないでしょうか。

そこで、
参考サイトを見つけました。
(というか解決してくれたサイト)

<参考サイト>:(解決してくれたサイト)

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

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

が、
私のテンプレートでは、うまくいきませんでした(>_<)
(カスタマイズしてh2ではなくpタグに変更していた為なのか)

(´;ェ;`)ウゥ・・・

なぜなのでしょう…。

何か他に方法はないものかとバックアップファイルをエディタで検索していた所、
timestampISO8601なる隠れデータを発見!!

これを利用して表示可能だろうと以下コードを記述する。

<script type='text/javascript'>document.write(&quot;<data:post.timestampISO8601/>&quot;.substr(0, 10));</script>

しかし、
これでは、
2013-05-18のように数字のみになってしまいます。

ではなく、年月日もやはり表示したい。

そこで、
毎度のことなのですがm(__)m、
某氏の猫空さんにコメントにて質問させて頂きました。

ありがたいことにすぐに的確な返信を頂き、
その助言通りにコピペしたところ、
見事に、

すべての記事に日付が表示されるようになりました。

コピペさせて頂いたコード
(私の現在"2013/05/18”のテンプレートにて)

<b:if cond='data:post.dateHeader'>
<script type='text/javascript'>
var dateHeader = "<data:post.dateHeader/>";
</script>
</b:if>

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

リンク先のコメントにも記載しておありますが、
同じコードで試したのですが私の置換したつもりコードでは、
なぜか表示がされず…、(>_<)
某氏の猫空さんが記載されたコードだと表示されました。(^^)

Bloggerブログをやっていく中で果てぬカスタマイズ欲…。

以前にテンプレートデザインについて考える…。
なんて記事にしましたが、
やはり、
何か常に進歩というべきかちょっと気になった事で、
カスタマイズ可能なことを探している自分がいる…。
σ(^_^;)アセアセ...。

もっと充実した内容にどんどんしていけば良いのに、
未だにそんな私がいる f^^;)。

ε=(・ρ・*) フゥ
(・_・ヾペペーン マイッター

しばらくはカスタマイズではなく内容の充実に専念したいと思います。
(少し前から常々思ってはいますが…。)

がんばれ!!自分!!

You may choose to prevent this website from aggregating and analyzing the actions you take here. Doing so will protect your privacy, but will also prevent the owner from learning from your actions and creating a better experience for you and other users.

コメント

スポンサーリンク
タイトルとURLをコピーしました