WordPressのメニューのテキストを改行したい

Question

前提・実現したいこと

wordpressでメニューのテキストの中に|（パイプ）が入っていたら、
それを<br>に置き換えますよ、というようにしたいです。

発生している問題・エラーメッセージ

下記のサイトのとおりにソースを書き換えたら、メニュー自体がきえてしまいました。
https://deep-space.blue/web/397

該当のソースコード

ファイル名：\wp-includes\nav-menu-template.php

‘echo’ => false,
echo str_replace(‘|’, ‘<br>’, $memu);

Comments

[CHERRY]

どこをどのように書き換えたのでしょうか？

WordPress core(本体)のファイルを直接書き換えていないですよね？

[kouji_piano]

\wp-includes\nav-menu-template.php
のファイルを以下に書き換えました。

$defaults = array(
'menu' => '',
'container' => 'div',
'container_class' => '',
'container_id' => '',
'menu_class' => 'menu',
'menu_id' => '',
'echo' => false, ←←ここをtrueからfalseにしました。
'fallback_cb' => 'wp_page_menu',
'before' => '',
'after' => '',
'link_before' => '',
'link_after' => '',
'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>',
'item_spacing' => 'preserve',
'depth' => 0,
'walker' => '',
'theme_location' => '',
);
echo str_replace(‘|’, ‘<br>’, $memu);　←この文字列を追記しました。

[kei344]

使用されているテーマは自作テーマでしょうか？それとも公開されているテーマでしょうか？後者の場合は入手先をリンクつきで「質問文に」追記してください。

Answer 1

\wp-includes\nav-menu-template.php
のファイルを以下に書き換えました。

WordPress core(本体)のファイルは書き換えなくても、HOOK で処理を変更できるようになっている部分が多くあります。
今回の内容では HOOK が利用できるので書き換える必要はありません。

また、WordPress 本体を書き換えると WordPress のアップデートで書き換えた部分が元に戻るので、自動アップデートされた場合に原因不明の不具合が発生する原因になります。

---

今回、プログラムを直接書き換えたことによって、表示が消えた理由ですが、'echo' を false にしたからです。

この関数は、引数で表示／値で返すを切り替えできるようになっていて、 echo が、true だと関数の位置に表示。false だと画面に表示しないで、変数等に代入できるように文字列が返ってきます。

---

WordPress 的に推奨される方法としては、お使いのテーマの functions.php の中で、HOOK を使って置き換える方法です。

WordPress 4.x 以降には、wp_nav_menu の出力直前に出力内容を書き換えできる wp_nav_menu HOOK が用意されていますので、これを使ってください。

例:

function my_wp_nav_menu_179217 ( $output, $args ){
    return str_replace( '|', '<br>', $output );
}
add_filter( 'wp_nav_menu', 'my_wp_nav_menu_179217', 10, 2 );

この HOOK は、WordPress Codex 日本語版には記載がないので、英語版のドキュメント Hooks / wp_nav_menu - Code Reference 参照してください。

Comments

[kouji_piano]

できました！
できるかどうかなんですが、これをスマホでは無効にすることってできますか？

[CHERRY]

wp_is_mobile() 関数 ( $_SERVER['HTTP_USER_AGENT']の値に基づき、true または false を返す ) での判断で問題なければ...

if( ! wp_is_mobile() ) {
// スマホじゃない
// ここに回答の HOOK を記載。
}

のような感じで...

関数リファレンス/wp_is_mobile ( https://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/wp_is_mobile ) 参照。

[kouji_piano]

このソースで改行は対応するようになったのですが、管理ページでエラーがおきるようになってしまいました。

■書いたコード

if( !wp_is_mobile() ) {
//PCの場合
function my_wp_nav_menu_179217 ( $output, $args ){
return str_replace( '|', '<br>', $output );
　　}
add_filter( 'wp_nav_menu', 'my_wp_nav_menu_179217', 10, 2 );

} else {
//モバイル・タブレットの場合
function my_wp_nav_menu_179217 ( $output, $args ){
return str_replace( '|', '', $output );
}
add_filter( 'wp_nav_menu', 'my_wp_nav_menu_179217', 10, 2 );
}

■出たエラー
Parse error: syntax error, unexpected '}' in /home/asobinomori/www/playpark/wp-content/themes/kids/functions.php on line 662

[dit.]

横から失礼します。PCの場合のadd_filterの前の｝の所に全角スペースが入っています。