投稿の一覧で、各投稿のタグをラベルで複数表示したい

>キタジマさん

ありがとうございます。category →　post_tag へ変更してCSSも変更しました。

表示が出てこなかったので調べて以下のようにやってみたのですが変更できず行き詰まっています。

↓

// 投稿以外の場合は無視

if ( 'post' !== $args['name'] ) { return $args; }

このpostの部分をカスタム投稿に変更しなければならないのでは？と考え

// カスタム投稿以外の場合は無視
if ( 'custom_post_type' !== $args['name'] ) {
	return $args;
}

にしてみました。おそらく思い切り間違えてると思いますが…
勉強不足で申し訳ないです。

以下変更してUPしたものです。

お手数ではありますがご指摘よろしくお願いいたします。

php

/**
 * Snow Monkey 投稿の一覧で、カスタム投稿のみタグを複数表示にする
 */
add_filter(
	'snow_monkey_get_template_part_args',
	function( $args ) {
		// 記事一覧カテゴリー以外のテンプレートの場合は無視
		if ( 'template-parts/loop/entry-summary/term/term' !== $args['slug'] ) {
			return $args;
		}

		// カスタム投稿以外の場合は無視
		if ( 'custom_post_type' !== $args['name'] ) {
			return $args;
		}

		// 全ての設定されたタグを返す
		$args['vars']['_terms'] = get_the_terms( get_the_ID(), 'post_tag' );

		return $args;
	}
);

CSS

/*カスタム投稿のみ最新の投稿にスラッグを複数ラベル表示*/

.c-entry-summary--lessons .c-entry-summary__figure span:nth-of-type(2){
  top: 2.5em;
}

.c-entry-summary--lessons .c-entry-summary__figure span:nth-of-type(3){
  top: 5em;
}

.c-entry-summary--lessons .c-entry-summary__figure span:nth-of-type(4){
  top: 7.5em;
}

.c-entry-summary--lessons .c-entry-summary__figure span:nth-of-type(n + 5){
  display:none;
}

先に投稿したもの、コードが皆さんが投稿しているような表示にならない（通常はコードの部分だけバックがベージュになっている）のが気になっています。やり方を調べても見つけられずで…。

もしやり方が間違っているようでしたら、質問の時にコードをはりつけるときはこの機能を使う等、ご指摘いただければと思います。

♥ 1

いいねをした人:

キタジマさん

コードの件ありがとうございます。テキストモードで入れるのですね。

タグの表示ですが教えていただいた方法で出力できました！

ただ

nth-of-type(2)

だけがCSSが効いていないようで１番目と重なって表示されているのですが、修正方法がわからずにおります。

CSS

/*カスタム投稿のみ最新の投稿にスラッグを複数ラベル表示*/

.c-entry-summary--lessons .c-entry-summary__figure span:nth-of-type(2){
top: 2.5em;
}

.c-entry-summary--lessons .c-entry-summary__figure span:nth-of-type(3){
top: 5em;
}

.c-entry-summary--lessons .c-entry-summary__figure span:nth-of-type(4){
top: 7.5em;
}

.c-entry-summary--lessons .c-entry-summary__figure span:nth-of-type(n + 5){
display:none;
}

`

解決しましたのでトピックを閉じさせていただきます。

♥ 1

いいねをした人: