[林田大平]

【お使いの Snow Monkey のバージョン】19.2.0
【お使いの Snow Monkey Blocks のバージョン】 18.2.0
【お使いの Snow Monkey Editor のバージョン】 9.1.2
【お使いのブラウザ】GoogleChrome/Microsoft Edge
【当該サイトのURL】

### 実現したいこと

投稿記事一覧にカテゴリーラベルと”NEW”アイコンを表示させたい。

### 発生している問題

### 試したこと

過去のトピックを参考にしてみましたが”NEW”アイコンだけ表示できない。

最新記事一覧のブロックに「新着記事（NEW）」アイコンをつけたい

以前、別のトピックで質問した複数表示させたカテゴリーラベルの表示順を指定したいで回答していただいた通り、My Snow Monkeyにカテゴリーラベルについてのカスタマイズをしています。これと競合してしまっているせいなのか、NEWアイコンを表示させることができません。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

件の記事はカテゴリーラベルの表示がありませんが、カテゴリーラベルと NEW ということで、どういうレイアウトで表示したい感じですかね？レイアウトによって実現方法が変わるかもしれません。

♥ 2

いいねをした人:

[林田大平]

記事を投稿してから1週間”NEW”と表示させたいのですが、レイアウトは記事を投稿した日付の後ろか、記事のタイトルの前後に表示させたいです。

”NEW”の表示方法は、追加CSSで文字に色を付けたり好みで変更できればアイコンでなくてもいいです。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

記事タイトルの前に出力するコードを書いてみました。

add_filter(
	// template-parts/loop/entry-summary/title/title.php が出力する HTML を書き換える
	'snow_monkey_template_part_render_template-parts/loop/entry-summary/title/title',
	function( $html ) {
		$days  = 7; // NEWマークを表示する日数
		$now   = date_i18n( 'U' ); // 今の時間
		$entry = get_the_time( 'U' ); // 投稿日の時間
		$term  = date( 'U', $now - $entry ) / 86400;
		if ( $days > $term ) {
			// 前に New を追加
			$html = '<span class="new">New</span>' . $html;
		}
		return $html;
	}
);

上記を参考に、出力するテンプレートや出力位置を変更したりしてみてもらえればと思います。

♥ 1

いいねをした人:

[林田大平]

返信遅くなり申し訳ありません。

タイトル前にNewと入るようになりました。ありがとうございます。

♥ 1

いいねをした人:

[投稿者]

投稿