WP　twentyseventeen 子テーマ作成後、カスタムメニューを追加しても表示されません。

twentyseventeenのテーマから子テーマを作成しWPのサイトを作成しています。

今回フッター部分にメニューを設置するため、子テーマを修正しましたが、
フッター部にメニューが表示されません。

twentyseventeen-child/functions.php

// フッター部メニュー追加
register_nav_menus( array(
	'fmenu'    => __( 'フッターメニュー', 'twentyseventeen' ),
) );

twentyseventeen-child/template-parts/footer/site-info.php

<div class="footer">
<?php wp_nav_menu( array(
    'theme_location'=> 'fmenu', 
    'container'     => '', 
    'menu_class'    => '',
    'items_wrap'    => '<ul id="fmenu">%3$s</ul>'));
?>
</div>

管理画面->外観->メニュー

メニュー名　fmenu

メニューを追加

メニュー設定をフッターメニュー選択

上記のように設定しましたが、公開画面上に表示されません。
何か作業漏れなどありますでしょうか？
ご存知の方よろしくお願いいたします。

退会済みユーザー

2017/10/19 03:24

フッターですか？ヘッターですか？ヘッダーでしょうか？画面上とは、管理画面または公開画面のどちらのことですか？

YuriY

2017/10/19 03:26

footerです！ヘッダーと書いてる部分ありますね＞＜申し訳ありません。表示されないのは公開画面です。

dit.

2017/10/19 04:22

誤）fanction.php　→　正）functions.php

YuriY

2017/10/19 05:09

正）functions.phpに修正しました。指摘ありがとうございます。

行動規範の内容に同意します

回答3件

以下の作業でテストしました。

新規のWordPressを用意。
themeディレクトリ直下に「twentyseventeen-child」ディレクトリを用意。
style.cssとfunctions.phpを入れる。

style.css

css
1/*
2 Theme Name:   Twentyseventeenchild
3 Template:     twentyseventeen
4*/

functions.php

php
1<?php
2add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
3function theme_enqueue_styles() {
4    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
5}
6
7
8// フッター部メニュー追加
9register_nav_menus( array(
10    'fmenu'    => __( 'フッターメニュー', 'twentyseventeen' ),
11) );

子テーマを有効化する。

メニューの設定
管理画面-外観-メニュー
新規メニューを作成
メニュー名　fmenu
メニューにホームとサンプルページを追加
メニューの位置　フッターメニュー
でメニューを保存

site-info.php　を作成
（twentyseventeen-child/template-parts/footer/）

<div class="footer">
<?php wp_nav_menu( array(
'theme_location'=> 'fmenu', 
'container' => '', 
'menu_class' => '',
'items_wrap' => '<ul id="fmenu">%3$s</ul>'));
?>
</div>

<div class="site-info">
<span>copyright &copy; <?php echo date('Y'); ?> <?php bloginfo('name'); ?>, All Right Reserved</span>
</div><!-- .site-info -->

ここまででcopyrightのすぐ上に、設定したフッター用メニューが表示されました。
functions.phpのメニュー追加部分やsite-info.phpは質問者様の提示のコードです。
特に問題なく設置できましたので、他の要因があるかもしれません。

プラグインの停止、もう一度子テーマを作り直してみるなども検討してください。

投稿2017/10/19 06:53

dit.

総合スコア3235

YuriY

2017/10/20 05:39

作り直して作成したところ正常に表示されましたが、既存のソースで何が問題か調査しました。 wp-includes/nav-menu-template.php をトレースしたところ、 TOPのグローバルメニューに検索用のフォーム窓を追加する処理をfunctions.phpに記載していたのですが、このフィルターの追加によってフッターメニューが表示できない状態でした。 add_filter( 'wp_nav_menu_items', 'add_search_box_to_menu', 10, 2); function add_search_box_to_menu( $items, $args ) { if( $args->theme_location == 'top' ){ return $items . '<li>' . get_search_form(false) . '</li>'; } } topというメニュー以外は、NULLでリターンしており、これのせいでNULLデータに書き換わってしまっていました。そのため、 add_filter( 'wp_nav_menu_items', 'add_search_box_to_menu', 10, 2); function add_search_box_to_menu( $items, $args ) { if( $args->theme_location == 'top' ){ return $items . '<li>' . get_search_form(false) . '</li>'; }else{ return $items; } } top以外は、通常のデータを出力するようにしたところ、正常にメニューがフッターに表示されました！ありがとうございます。

dit.

2017/10/20 05:50

作り直し＆原因究明お疲れ様でした。無事に解決されたようでよかったです。

YuriY

2017/10/20 07:18

ありがとうございます！

行動規範の内容に同意します

自己解決

作り直して作成したところ正常に表示されましたが、既存のソースで何が問題か調査しました。

wp-includes/nav-menu-template.php
をトレースしたところ、

TOPのグローバルメニューに検索用のフォーム窓を追加する処理をfunctions.phpに記載していたのですが、このフィルターの追加によってフッターメニューが表示できない状態でした。

add_filter( 'wp_nav_menu_items', 'add_search_box_to_menu', 10, 2);
function add_search_box_to_menu( $items, $args ) {
if( $args->theme_location == 'top' ){
return $items . '<li>' . get_search_form(false) . '</li>';
}
}

topというメニュー以外は、NULLでリターンしており、これのせいでNULLデータに書き換わってしまっていました。

そのため、

add_filter( 'wp_nav_menu_items', 'add_search_box_to_menu', 10, 2);
function add_search_box_to_menu( $items, $args ) {
if( $args->theme_location == 'top' ){
return $items . '<li>' . get_search_form(false) . '</li>';
}else{
return $items;
}
}

top以外は、通常のデータを出力するようにしたところ、正常にメニューがフッターに表示されました！
ありがとうございます。

投稿2017/10/20 05:40

YuriY

総合スコア33

内容は問題無いと思うのでsite-info.phpの編集が適用、反映されているかどうかだけではないでしょうか。
site-info.phpに何かしら適当な文字を入れてサイト上で表示されますか？
キャッシュと合わせてその辺り確認してみてください。

投稿2017/10/19 03:35

退会済みユーザー

総合スコア0

YuriY

2017/10/19 03:40

<?php /** * Displays footer site info * * @package WordPress * @subpackage Twenty_Seventeen * @since 1.0 * @version 1.0 */ ?> <div class="footer"> <?php wp_nav_menu( array( 'theme_location'=> 'fmenu', 'container' => '', 'menu_class' => '', 'items_wrap' => '<ul id="fmenu">%3$s</ul>')); ?> </div> <div class="site-info"> <span>copyright © <?php echo date('Y'); ?> <?php bloginfo('name'); ?>, All Right Reserved</span> </div> site-info.phpの中身です。 <div class="site-info"> </div> の部分は表示されています。

退会済みユーザー

2017/10/19 03:47

テンプレートのコードは要りませんが、例えばそのテンプレートからcopyrightを消すとフロントエンドでも消えますか？

YuriY

2017/10/19 03:48

消えます。毎回表示は強制リロードするようにしています。

YuriY

2017/10/19 03:50

現在　fmenu以外に gnavというメニューを作成して（デフォルトで用意されていたメニューです。）ヘッダー部に表示させているのですが、そちらは正常に表示されています。

退会済みユーザー

2017/10/19 04:44 編集

このテンプレート名は正しいですか？ fanction.php functions.phpではないですか？考えられる原因は fmenuにまだ何もページが追加されてないキャッシュ系のプラグインによるキャッシュの影響編集するテンプレートが間違っている

退会済みユーザー

2017/10/19 05:13

実際のファイル名が正しいのかどうか確認した方が良いでは？ functions.phpで、a ではなく u です。状況が見えないのでその程度のアドバイスしか出来ません。

YuriY

2017/10/19 05:14

ファイル名が記載ミスでした。　正）functions.phpです。キャッシュ系のプラグインは特にインストールしていません。テンプレートは <div class="footer"> <?php wp_nav_menu( array( 'theme_location'=> 'fmenu', 'container' => '', 'menu_class' => '', 'items_wrap' => '<ul id="fmenu">%3$s</ul>')); ?> </div> 記述したとき、<div>の部分だけは表示されているので、関数を呼び出したもののnullか何かで帰ってきているのだと思います。何もページが追加されていないということですが、存在する固定ページを指定していますが、うまくいかないようです。

YuriY

2017/10/19 05:20

functions.php　になっています。

退会済みユーザー

2017/10/19 05:29

最初に書いた通り作業されてる内容自体に問題は無いようなので、あくまで可能性の一つとして考えました。ならばデバッグモードで何かエラーが無いか確認してみてください。

YuriY

2017/10/19 06:14 編集

ありがとうございます。デバッグモードでもエラーはありませんでした。親テーマのfunctions.phpをすべてコピーせず差分だけを子テーマに持って行って編集してfunctions.phpを作成したのですが、もしかしてその方法がまずかったりしますでしょうか？

退会済みユーザー

2017/10/19 06:42

ファイルは最低限 style.css functions.php この2つがあれば問題ないので関係ないです。プラグインをインストールしているなら全て停止してみてください。