Twenty Twentyのデフォルトだと投稿日だけがヘッダに表示されるのだけれど更新日も表示されるように設定を変更した。
投稿ページと固定ページのデフォルトテンプレートとカーバーテンプレートで更新日が表示されるようにしている。
固定ページの所は無理矢理な感じなんでもう少しいい方法がわかったら変更しようと思う。
最新の方法は以下にリンク先へ
Twenty Twenty-Oneの方法
投稿ページ
ダッシュボードの外観、テーマーエディターを開いて右のテーマファイルから以下を選択する。
Twenty Twenty: template-tags.php (inc/template-tags.php)
364行目
変更前
// Post date.
if ( in_array( 'post-date', $post_meta, true ) ) {
$has_meta = true;
?>
<li class="post-date meta-wrapper">
<span class="meta-icon">
<span class="screen-reader-text"><?php _e( 'Post date', 'twentytwenty' ); ?></span>
<?php twentytwenty_the_theme_svg( 'calendar' ); ?>
</span>
<span class="meta-text">
<a href="<?php the_permalink(); ?>"><?php the_time( get_option( 'date_format' ) ); ?></a>
</span>
</li>
<?php
}
追加コード
| <?php the_time( get_the_modified_date(get_option('date_format')) ); ?> 更新
変更後
// Post date.
if ( in_array( 'post-date', $post_meta, true ) ) {
$has_meta = true;
?>
<li class="post-date meta-wrapper">
<span class="meta-icon">
<span class="screen-reader-text"><?php _e( 'Post date', 'twentytwenty' ); ?></span>
<?php twentytwenty_the_theme_svg( 'calendar' ); ?>
</span>
<span class="meta-text">
<a href="<?php the_permalink(); ?>"><?php the_time( get_option( 'date_format' ) ); ?></a> | <?php the_time( get_the_modified_date(get_option('date_format')) ); ?> 更新
</span>
</li>
<?php
}
固定ページのカーバーテンプレート
Twenty Twenty: content-cover.php (template-parts/content-cover.php)
変更前
if ( is_page() ) {
?>
<div class="to-the-content-wrapper">
<a href="#post-inner" class="to-the-content fill-children-current-color">
<?php twentytwenty_the_theme_svg( 'arrow-down' ); ?>
<div class="screen-reader-text"><?php _e( 'Scroll Down', 'twentytwenty' ); ?></div>
</a><!-- .to-the-content -->
</div><!-- .to-the-content-wrapper -->
<?php
} else {
追加コード
<br/>
<span class="modified">
<?php the_time( get_the_modified_date(get_option('date_format')) ); ?> 更新
</span>
変更後
if ( is_page() ) {
?>
<div class="to-the-content-wrapper">
<a href="#post-inner" class="to-the-content fill-children-current-color">
<?php twentytwenty_the_theme_svg( 'arrow-down' ); ?>
<div class="screen-reader-text"><?php _e( 'Scroll Down', 'twentytwenty' ); ?></div>
</a><!-- .to-the-content -->
</div><!-- .to-the-content-wrapper -->
<br/>
<span class="modified">
<?php the_time( get_the_modified_date(get_option('date_format')) ); ?> 更新
</span>
<?php
} else {
固定ページのデフォルトテンプレート
Twenty Twenty: entry-header.php (template-parts/entry-header.php)
変更前
// Default to displaying the post meta.
twentytwenty_the_post_meta( get_the_ID(), 'single-top' );
?>
</div><!-- .entry-header-inner -->
</header><!-- .entry-header -->
追加コード
<?php if ( is_page() ) : ?>
<div class="entry-meta">
<br/>
<span class="modified">
<?php the_time( get_the_modified_date(get_option('date_format')) ); ?> 更新
</span>
</div>
<?php endif; ?>
変更後
// Default to displaying the post meta.
twentytwenty_the_post_meta( get_the_ID(), 'single-top' );
?>
<?php if ( is_page() ) : ?>
<br/>
<span class="modified">
<?php the_time( get_the_modified_date(get_option('date_format')) ); ?> 更新
</span>
<?php endif; ?>
</div><!-- .entry-header-inner -->
</header><!-- .entry-header -->
追加 CSS
ダッシュボードの外観、カスタマイズ、追加CSSを選択する。
以下を追加する。
.modified {
color: #6d6d6d;
font-size: 0.9em;
}
以下のような感じになった。
![TwentyTwentyに変更日を追加](https://hiroshitsuchiya.com/wp-content/uploads/2020/03/2020-03-25-173920.png)
Twenty Twenty-Oneの設定方法
Twenty Nineteenの時の設定方法
-
画像をWebPに変換してPageSpeed Insightsの結果を改善させる WebP Converter for Mediaを使用
特にメインのサイトなんだけど写真が多くてPageSpeed Insightsでテストすると33と読み込み速度が… 続きを読む
-
-
-
-
-
-
サイトに重大なエラーがありましたの対処法 ワードプレス5.5にアップデート
WordPressを5.4から5.5にアップデートしたところ「サイトに重大なエラーがありました」とサイトに表示… 続きを読む
-
-
利用中のホスティング環境は画像の回転機能に対応していない。ワードプレスの画像編集
ワードプレスの画像の編集画面を開くと「利用中のホスティング環境は画像の回転機能に対応していません。」と表示され… 続きを読む