TCD テーマ AVANT のメニューアイコンカスタマイズ

TCD テーマ AVANT のメニューアイコンってどういう規則で使われるの?

TCD テーマ AVANTのマニュアル

TCD テーマ AVANTのマニュアルをさくっと読んでもそのことは記載されていません。

実は、思いもよらぬところに・・・

テーマオプションのヘッダー ⇒ メニュー項目 ⇒ アイコンフォント

思い込んではいけません。

でも、メニューの設定ならやっぱりメニューのところでやらせてほしいよね?

力ずくでやるならば inc/menu.php をカスタマイズすることになります。

$item->ID がターゲットのIDになり、その値によってアイコンを交換します。

switch ( $dp_options[‘gnav_items’][$item->ID][‘icon_type’] ) {

case ‘type1’ : // Use an icon font
$item_output = sprintf(
‘<a href="%s"><span class="p-global-nav__item-icon p-icon p-icon–%s"></span>%s<span class="p-global-nav__toggle"></span></a>’,
esc_url( $item->url ),
esc_attr( $dp_options[‘gnav_items’][$item->ID][‘font_icon’] ),
esc_html( $item->title )
);
break;
case ‘type2’ : // Use an icon image
$item_output = sprintf(
‘<a href="%s"><span class="p-global-nav__item-icon p-icon p-icon–img">%s</span>%s<span class="p-global-nav__toggle"></span></a>’,
esc_url( $item->url ),
wp_get_attachment_image( $dp_options[‘gnav_items’][$item->ID][‘icon_img’] ),
esc_html( $item->title)
);
break;

マニュアルを通読しないとダメってことですね。

TCDのマニュアルは、逆引きも付けてほしいと思う今日この頃(笑)

関連記事

ページ上部へ戻る