JackPack Mobile Thema のメニューを変更する方法

問題点

JackPackのMobileテーマはデフォルト設定になっているため、外観からメニューを作成した場合に、デスクトップのメニューと違うものが表示されてします。
もっと悪いことには、練習で作成した固定ページが全てメニューに掲載されていることだ。

これをなんとか回避し、外観→メニューで作成した項目を表示させたい

《手順》

1 プラグイン Functionalityをインストールする

これにより、テーマのfunctions.phpファイルに依存せずにカスタム関数を追加できるようになります。

2 menuのIDを取得する

(1)外観 → メニュー にいき、表示させたいメニューのIDを取得します。

メニューのIDは、URLの最後に書いてあります。この場合は、17 です。

出てこない場合は、「選択」をクリックします。
メニューが1つしか作成されていない場合は、IDがついていません。
その時は、ダミーのメニューを1つ作成し、使用するメニューを選択してIDを表示させます。

3 functionをエディットする

(1) プラグイン → Edit Functionsに

次のコードを下図のように挿入します。この時、IDは17ですので、17になっています。

コード

function tj_mobile_theme_menu() {
return 17;
}
add_filter( ‘jetpack_mobile_theme_menu’, ‘tj_mobile_theme_menu’ );
更新します。

Customize the Jetpack Mobile Theme
Please note: Mobile Theme was deprecated in March, 2020. The following information is being kept for posterity.   Howdy ...
Change the Menu in WordPress Jetpack's Mobile Theme (Replace Pages List) - Tech Journey
WordPress Jetpack plugin allows users to easily and quickly set up a beautiful mobile website through its Mobile