comments trackbacks you may also like

月日表示を変えてみました

2021年0402
ブログいじり
2

月日が一桁の時は「0」を表示しない設定です。

参考にしたサイト

参考にしたサイトでは <i> タグを使っているのですが、ここは <span> に変更しました。

<style>
.n01:before {content:"1"}
.n02:before {content:"2"}
.n03:before {content:"3"}
.n04:before {content:"4"}
.n05:before {content:"5"}
.n06:before {content:"6"}
.n07:before {content:"7"}
.n08:before {content:"8"}
.n09:before {content:"9"}
.n01 span,.n02 span,.n03 span,.n04 span,.n05 span,.n06 span,.n07 span,.n08 span,.n09 span {display:none}
</style>

テンプレートのHTMLの月日表示の部分を

変更前(トップページ)

<%topentry_month>/<%topentry_day>

変更後(トップページ)

<span class="n<%topentry_month>"><span><%topentry_month></span>/</span><span class="n<%topentry_day>"><span><%topentry_day></span></span>

その後、年月日表示にしました。

<%topentry_year>年<span class="n<%topentry_month>"><span><%topentry_month></span>月</span><span class="n<%topentry_day>"><span><%topentry_day></span>日</span>

他のページではそのページの月日の変数を使用します。

上記の記事の中で

今まで縁遠かった「擬似要素」というものを身近に感じられたのは今回の収穫でした。

トップページで一つ前の記事日付のソースを見ると
<span class="n03"><span>03</span>/</span><span class="n31"><span>31</span></span>

ブラウザでは「3」と表示されているのにソースでは「03」のままなんですね。何となく私にも分かったようなどういうこと・・・

関連する記事

コメント(2)

There are no comments yet.

ミドリノマッキー  

2021/04/03 (Sat) 10:06

う~ん、ブログいじりですか。
こういった、いじりは出来ません(^^♪
出来たら楽しいだろうし、幅も広がるのでしょうけどね。

遠太  

2021/04/03 (Sat) 18:45

ミドリノマッキーさん、こんばんは

コメントありがとうございます。

色んなブログを訪ねて探すのが面白いですね。実はチャレンジして失敗や未完成の物もたくさんあります。もちろん記事で紹介はしませんが(笑)

URLを記入していただけるとプロフィール画像が表示されます。