トップページの記事一覧日付位置変更（Cocoon）

ある団体のホームページ（cocoon wordpress)を運営していますが、トップページの記事一覧表示をシンプルにするため、日付（投稿・更新）位置を変更しました。

デフォルトのエントリ－カードの表示は、
①サムネイル、②タイトル、③スニペット、④日付（投稿・更新）の順になっていますが、
①サムネイル、②日付（投稿・更新）、③タイトル、④スニペットの順に変更しました。

エントリ－カードは2年以上前、NEWマークを付けるため子テーマとしているため、その間アップデートもあったかと思い、親テーマの「entry-card.php」のダウンロードからもう一度行いました。

■ 親テーマの「entry-card.php」ダウンロード
public_html→wp-content→themes→cocoon-master→tmp→entry-card.php
↓
■ 「entry-card.php」変更
↓
■ 子テーマの「entry-card.php」アップロード
public_html→wp-content→themes→cocoon-child-master→tmp→entry-card.php

「entry-card.php」変更箇所
■ デフォルト「entry-card.php」
<?php //エントリーカード
/**
* Cocoon WordPress Theme
* @author: yhira
* @link: https://wp-cocoon.com/
* @license: http://www.gnu.org/licenses/gpl-2.0.html GPL v2 or later
*/
if ( !defined( ‘ABSPATH’ ) ) exit;
$article_id_attr = null;
if (is_front_page_type_index()) {
$article_id_attr = ‘ id=”post-‘.get_the_ID().'”‘;
}
?><a href=”<?php echo esc_url(get_the_permalink()); ?>” class=”entry-card-wrap a-wrap border-element cf” title=”<?php echo esc_attr(get_the_title()); ?>”>
<article<?php echo $article_id_attr; ?> <?php post_class( array(‘post-‘.get_the_ID(), ‘entry-card’,’e-card’, ‘cf’) ); ?>>
<figure class=”entry-card-thumb card-thumb e-card-thumb”>

※ インデックス新着記事に「NEW」表示のためここにコードを挿入

<?php
//サムネイルタグを取得
$thumbnail_tag =
get_the_post_thumbnail(
get_the_ID(),
get_entry_card_thumbnail_size($count),
array(
‘class’ => ‘entry-card-thumb-image card-thumb-image’,
‘alt’ => ”,
‘loading’ => ‘lazy’,
‘decoding’ => ‘async’,
)
);
// サムネイルを持っているとき
if ( has_post_thumbnail() && $thumbnail_tag ): ?>
<?php echo $thumbnail_tag; ?>
<?php else: // サムネイルを持っていないとき ?>
<?php echo get_entry_card_no_image_tag($count); ?>
<?php endif; ?>
<?php the_nolink_category(null, apply_filters(‘is_entry_card_category_label_visible’, true)); //カテゴリラベルの取得 ?>
</figure><!– /.entry-card-thumb –>

※ 日付表示位置変更のため下部をここに移動（挿入）

※ 日付表示位置変更のため↓ここから　

<?php
//更新日の取得
$update_time = get_update_time(get_site_date_format());
//投稿日の表示
if (is_entry_card_post_date_visible() || (is_entry_card_post_date_or_update_visible() && !$update_time && is_entry_card_post_update_visible())): ?>
<span class=”post-date”><span class=”fa fa-clock-o” aria-hidden=”true”></span><span class=”entry-date”><?php the_time(get_site_date_format()); ?></span></span>
<?php endif ?>
<?php //更新時の表示
if (is_entry_card_post_update_visible() && $update_time && (get_the_time(‘U’) < get_update_time(‘U’))): ?>
<span class=”post-update”><span class=”fa fa-history” aria-hidden=”true”></span><span class=”entry-date”><?php echo $update_time; ?></span></span>
<?php endif ?>

※ 日付表示位置変更のため↑ここまでを上部に移動

<?php //投稿者の表示
if (is_entry_card_post_author_visible()): ?>
<span class=”post-author”>
<span class=”post-author-image”><?php echo get_avatar( get_the_author_meta( ‘ID’ ), ’16’, null ); ?></span>
<span class=”post-author-name”><?php echo get_the_author(); ?></span>
</span>
<?php endif ?>
<?php //コメント数の表示
$count = get_comments_number();
if(is_entry_card_post_comment_count_visible() && is_single_comment_visible() && apply_filters(‘entry_card_post_comment_count_visible’, true, $count)): ?>
<span class=”post-comment-count”><span class=”fa fa-comment-o” aria-hidden=”true”></span> <?php echo $count; ?></span>
<?php endif; ?>
</div>
<div class=”entry-card-categorys”><?php the_nolink_categories() ?></div>
</div>
</div><!– /.entry-card-content –>
</article>
</a>

■変更後「entry-card.php」
<?php //エントリーカード
/**
* Cocoon WordPress Theme
* @author: yhira
* @link: https://wp-cocoon.com/
* @license: http://www.gnu.org/licenses/gpl-2.0.html GPL v2 or later
*/
if ( !defined( ‘ABSPATH’ ) ) exit;
$article_id_attr = null;
if (is_front_page_type_index()) {
$article_id_attr = ‘ id=”post-‘.get_the_ID().'”‘;
}
?><a href=”<?php echo esc_url(get_the_permalink()); ?>” class=”entry-card-wrap a-wrap border-element cf” title=”<?php echo esc_attr(get_the_title()); ?>”>
<article<?php echo $article_id_attr; ?> <?php post_class( array(‘post-‘.get_the_ID(), ‘entry-card’,’e-card’, ‘cf’) ); ?>>
<figure class=”entry-card-thumb card-thumb e-card-thumb”>

//インデックス新着記事に「NEW」表示（10日間）カスタマイズ　ここから

<?php
$days = 10;
$now = date_i18n(‘U’);
$entry = get_the_time(‘U’);
$term = date(‘U’,($now – $entry)) / 86400;
if( $days > $term ){
echo ‘<span class=”new”>New!</span>’;
}
?>

//インデックス新着記事に「NEW」表示（10日間）カスタマイズ　ここまでを挿入

//日付表示位置変更のため下部から移動し挿入
<?php
//更新日の取得
$update_time = get_update_time(get_site_date_format());
//投稿日の表示
if (is_entry_card_post_date_visible() || (is_entry_card_post_date_or_update_visible() && !$update_time && is_entry_card_post_update_visible())): ?>
<span class=”post-date”><span class=”fa fa-clock-o” aria-hidden=”true”></span> <?php the_time(get_site_date_format()); ?></span>
<?php endif ?>
<?php //更新時の表示
if (is_entry_card_post_update_visible() && $update_time && (get_the_time(‘U’) < get_update_time(‘U’))): ?>
<span class=”post-update”><span class=”fa fa-history” aria-hidden=”true”></span> <?php echo $update_time; ?></span>
<?php endif ?>
//日付表示位置変更のためここまでを移動し挿入