Minimal Green

はてなブログカスタマイズや、HTML、CSS、サイト制作などについて書いています。

記事一覧表示、アーカイブページの日付の仕様変更に伴いはてなブログテーマ「Minimal Green」の修正をしました。

はてなブログの仕様変更?でトップページの記事一覧表示とアーカイブページの日付部分のHTMLが変わっています。先程気付きました。

私の制作したテーマ「Minimal Green」では記事ページの日付のデザインを少し変わった丸いデザインにしています。
https://cdn.image.st-hatena.com/image/scale/2f15d9f595afbf041993b56738f43670f1de25d8/height=460;version=1;width=620/http%3A%2F%2Fcdn.mogile.archive.st-hatena.com%2Fv1%2Fimage%2Fsyofuso_sub%2F316965161679375775.png
今までは記事ページの日付のHTMLとアーカイブページのHTMLは違っていたのですが、今回の仕様変更?で同じになっています。timeタグの中身が同じになっているようです。

<time datetime="2017-09-22" title="2017-09-22">
        <span class="date-year">2017</span><span class="hyphen">-</span><span class="date-month">09</span><span class="hyphen">-</span><span class="date-day">22</span>
</time>

具体的には.date-year,hyphen,date-month,.date-dayをCSSでカスタマイズしている方は影響あります。

f:id:minimalgreen:20170926211914p:plain
修正前
f:id:minimalgreen:20170926211846p:plain
修正後

これにより「Minimal Green」テーマをお使いの方のアーカイブページやトップページの記事一覧表示の日付がおかしなことなっていました。

現在はテーマのCSSファイルを修正済みです。

もしどこか不具合があればご連絡下さい。トップページをカード型にカスタマイズし、日付デザインも独自にカスタマイズされている方はカスタマイズを見直す必要があるかもしれません。

他のテーマをご利用の方、ほとんどのユーザーの方は影響ないと思いますが一応報告させていただきました。

関連記事:
design.syofuso.com