- このトピックには9件の返信、3人の参加者があり、最後に
により5年、 12ヶ月前に更新されました。
-
投稿
-
いつも使わせていただいています。
カテゴリーやトップページに表示されるアイキャッチ画像にカテゴリーが表示されていると思うんですが、「その記事に登録されてるカテゴリーを全部表示させる」ことはできますでしょうか。
イメージとしてはこんな感じです
いいねをした人: 居ませんこれは投稿タイプは「投稿」ですかね。
投稿であれば、子テーマに
template-parts/loop/entry-summary-post.phpをコピペし、その中の<?php if ( ! empty( $_term ) ) : ?> <span class="c-entry-summary__term"><?php echo esc_html( $_term->name ); ?></span> <?php endif; ?>を
<?php if ( ! empty( $terms ) ) : ?> <?php foreach ( $terms as $_term ) : ?> <span class="c-entry-summary__term"><?php echo esc_html( $_term->name ); ?></span> <?php endforeach; ?> <?php endif; ?>に変えてみてください。とりえあずこれで複数カテゴリーがでるようにはなるかと！
いいねをした人: 居ませんWeb上からでは
子テーマ/template-parts/loop/entry-summary-post.phpが正しく配置されているか、読み込まれているかがわからないので、一旦子テーマ/template-parts/loop/entry-summary-post.phpの中身を全部消して空っぽにしてみて頂けますでしょうか？それで本来なら画面上に一覧がでなくなるはずですが、普通に表示されるのであればファイルが読み込まれていない = 正しく配置されていない（ファイル名が間違っているとか、ディレクトリの位置が違うとか）ということになります。
いいねをした人: 居ませんありがとうございます、確認しました。
ディレクトリの名前が違っていたようで、それで読み込まれていなかったようです。（お恥ずかしい…ラベルは表示されたので、あとはCSSで配置を変えるような感じでしょうか。
いいねをした人: 居ませんそですね。あとは CSS で調整されてみてください。注意点ですが、記事下の関連記事の部分にもカテゴリが複数でるようになるので、そこはおかしくならないように別途
display: noneするなり調整が必要かもしれません。うまくできなければまた書き込んでください！
いいねをした人: 居ませんちょっと強引ですけど、こういう形で表示させました。
.c-entry-summary__term:nth-of-type(2){ top: 2.5em; } .c-entry-summary__term:nth-of-type(3){ top: 5em; } .c-entry-summary__term:nth-of-type(n+4){ display:none; }（関連記事の関係はメディアクエリ でバランスとりました）
他に良い書き方あったら教えていただきたいです。
いいねをした人: 居ません僕もそういう感じでやると思います！
ちょっと細かいことを言えば、
nth-of-typeをここで使うのはちょっと後々混乱のもとになるかもしれないので、僕ならnth-childを使うかなと思います。いいねをした人: 居ません
- トピック「アイキャッチ画像に複数のカテゴリー（ラベル）を表示させたい」には新しい返信をつけることはできません。