こんにちは
メニュー項目にクラスを追加する方法はどうでしょうか?
下記コードは、top メニューの更新日が30日以内の固定ページのメニュー項目に new クラスを追加するサンプルコードとなります。
サンプルコード:
function my_nav_menu_css_class( $classes, $item, $args ) {
if ( $args->theme_location !== 'top' )
return $classes;
if ( $item->type === 'post_type' && $item->object === 'page' ) {
if ( ( $post = get_post( $item->object_id ) ) ) {
$now_date = date( 'U' );
$post_date = mysql2date( 'U', $post->post_modified ); // 投稿日なら $post->post_date
$diff_date = date( 'U', ( $now_date - $post_date )) / 86400;
if ( (int)$diff_date <= 30 ) {
$classes[] = 'new';
}
}
}
return $classes;
}
add_filter( 'nav_menu_css_class', 'my_nav_menu_css_class', 10, 3 );
スタイルの例:
#top-menu .menu-item.new a:after { content: "NEW!"; }
ありがとうございます。
サンプルコードまで頂けて本当に感謝です。
それをカスタマイズしてうまく行きました。