ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

TCDテーマNANO:メガメニューA,Bのメニュー項目を別タブで開く方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.メガメニューを使用した際に、『リンクを新しいタブで開く』にチェックを入れても設定が反映されません。メガメニューでも新規タブで開かせることは可能でしょうか?

※テーマの仕様としまして、メガメニューにおいては、管理画面の外観>メニュー>各メニュー項目の設定にて、「リンクを新しいタブで開く」にチェックを入れても反映されないようになっています。

A.以下のようにテーマファイルをカスタマイズすることで対応可能です。

メガメニューの中の特定の一つの項目のみを、新規タブで開くようにすることは難しいですが、全てのメニュー項目を別タブで開かせることは
以下の該当箇所のカスタマイズで容易に対応できますので、お試しください。

メガメニューAの項目を新規タブで開く

事業案内カテゴリーへのリンク

▼該当箇所イメージ
変更箇所イメージ

該当ファイル:inc/menu.php
該当箇所:74行目

▼修正前

 <a href="<?php echo esc_url( get_term_link( $term->term_id, 'service_category' ) ); ?>">

▼修正後

 <a href="<?php echo esc_url( get_term_link( $term->term_id, 'service_category' ) ); ?>" target="_brank" rel="noopener">

各事業案内へのリンク

▼該当箇所イメージ
変更箇所イメージ

該当ファイル:inc/menu.php
該当箇所:80行目

▼修正前

<a href="<?php echo get_term_link( $child->term_id, 'service_category' ); ?>">

▼修正後

<a href="<?php echo get_term_link( $child->term_id, 'service_category' ); ?>" target="_brank" rel="noopener">

メガメニューBの項目を新規タブで開く

会社案内トップへのリンク

▼該当箇所イメージ
変更箇所イメージ
該当ファイル:inc/menu.php
該当箇所:113行目付近

▼修正前

<a class="p-megamenu02__link" href="<?php echo get_post_type_archive_link( 'company' ); ?>">

▼修正後

<a class="p-megamenu02__link" href="<?php echo get_post_type_archive_link( 'company' ); ?>" target="_brank" rel="noopener">

各項目へのリンク

▼該当箇所イメージ
変更箇所イメージ
該当ファイル:inc/menu.php
該当箇所:133行目付近

▼修正前

 <a href="<?php echo esc_url( $menu->url ); ?>">

▼修正後

 <a href="<?php echo esc_url( $menu->url ); ?>" target="_brank" rel="noopener">

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事