Grav テーマ(bootstrap)ファイルのカスタマイズ

サイトのテーマとして bootstrapテーマ https://github.com/getgrav/grav-theme-bootstrap を利用させていただいてます。

CMS以外でもbootstrapを触ることが多いので使い慣れているという理由での選択です。

基本的にblogページでの利用なんですが、一つ気になるところが。
それはページのPost dateのフォーマットが「 July 6, 2022, 6:27 am 」的な形で固定されているところです。

Gravの管理画面にはコンテンツの詳細設定(高度な設定)に「ページ日付の置き換え」という項目があります。

通常この項目はテンプレート上の日付を設定したフォーマットでオーバーライドしてくれるものなのですが、どうやらこの設定が効いていないようなのです。

気になりだすと止まらないので、テンプレートファイル(blog_item.html.twig)を覗いてみると、

File:themes/bootstrap/templates/partials/blog_item.html.twig

~~~
        <span class="list-blog-date">
            <i class="fa fa-calendar"></i> <span>{{ page.date|date("F j, Y, g:i a") }}</span>
        </span>
~~~

という記述が。ううむ、固定フォーマットになっていますね。

ということでここをちょいと書き換えてしまいましょう。

File:themes/bootstrap/templates/partials/blog_item.html.twig

~~~
        <span class="list-blog-date">
            <i class="fa fa-calendar"></i> <span>{{ page.date|date(config.system.pages.dateformat.default) }}</span>
        </span>
~~~

これで、システムの基本設定にある「ページの日付フォーマット」が反映されます。
ちなみに「短い日付フォーマット」を反映させたいなら

config.system.pages.dateformat.short

「長い日付フォーマット」なら

config.system.pages.dateformat.long

を指定すればシステムの設定を引っ張ってこれます。

これで日付が見慣れた形式になって一安心です (`・ω・´)フゥ。

Last edited: 2024-07-31 02:02