WordPressテーマCocoonでエントリーカードをカスタマイズ

WordPressテーマのコードが記述されている場所がわかれば、カテゴリIDの画像を取得したり、カテゴリやタグ名を追加することができます。

Cocoonのテーマは、カード型の一覧表示に、「entry-card.php」に記載されています。

タグをつけている場合は、タグからのリンク追加したい、というときに使えます。

まず、Cocoonの親テーマにあるentry-card.phpファイルをCocoonの子テーマディレクトリにコピーします。//スニペットの表示あたりを探して追加します。

<?php //スニペットの表示
if (is_entry_card_snippet_visible()): ?>
      <div class="entry-card-snippet card-snippet e-card-snippet">
        <?php echo get_the_snippet( get_the_content(''), get_entry_card_excerpt_max_length() ); //カスタマイズで指定した文字の長さだけ本文抜粋?>
      </div>
<?php endif ?>
<?php　
　//--------------------
　//ここに追加する
　//--------------------
 //タグ、カテゴリの表示　
?>
<div class="entry-card-categories-ex"><object><?php the_category_links() ?></object></div>
<?php if (get_the_tags()): ?>
<div class="entry-card-tags-ex" tabindex="0"><object><?php the_tag_links() ?></object></div>
<?php endif; ?>

カード型の一覧表示を、イメージ通りにカスタマイズすることができます。