2024年06月14日

カスタマイズメニュの追加と削除


カスタマイズメニュの中に新規メニュを作成する場合は下記を参照してください。

カスタマイズ画面に「ユーザ作成メニュ」を追加する方法

 

ここでは外観→カスタマイズの中で表示されるメニュの追加/削除を解説します。

1.カスタマイズメニュの追加

「外観→カスタマイズ」の基本画面は下記になります。

画像 編集項目 機能
サイト基本情報 サイトタイトルやブラウザのタブに表示するアイコンが設定ができます。

タブに表示するタイトルはadd_theme_support()を参照して下さい。

メニュ メニュ編集がここからできる
ウィジェット ウィジェットの編集がここからできる
ホームページ設定 設定→表示設定がここからできる
追加CSS CSSの追加ができる

上記画面にWordPressで用意されたメニュを追加していきます。

デフォルト

1. 'custom-header'

2.'custom-background' 3.’custom-logo’

色:ヘッダーテキスト色

ヘッダ画像:画像設定

色:背景色が追加

背景画像:画像設定

サイト基本情報の中にロゴ画像登録メニュが追加されます。

1. 'custom-header'の追加

下記を実行すると「」と「ヘッダ画像」メニュが追加されます(上表参照)

$param = array(/*パラメータ値の設定*/);
add_theme_support('custom-header' , $param );

■設定の詳細はadd_theme_support('custom-header')を参照して下さい。

 

2.'custom-background'の追加

下記を実行すると[]の中に[背景色]と[背景画像]メニュが追加されます(上表参照)

$param = array(/*パラメータ値の設定*/);
add_theme_support('custom-background', $param );

■設定の詳細はadd_theme_support('custom-background')を参照して下さい。

 

3.’custom-logo’の追加

下記を実行すると[サイト基本情報]の中に[ロゴ画像]メニュが追加されます(上表参照)

$param = array(/*パラメータ値の設定*/);
add_theme_support('custom-logo', $param );

■設定の詳細はadd_theme_support('custom-logo')を参照して下さい。

 メモ

上記の各種機能の追加は、WordPress機能の追加になるのでアクションフック:after_setup_themeの中で行ってください。

 

2.不要なメニュを削除する。

カスタマイズメニュの「メニュ」、「ウィジェット」、「ホームページ設定」等はこのメニュから操作しなくても管理画面から直接操作できるので、この画面には不要です。

そこでこれらのメニュを削除する方法を解説します。

1.カスタマイズメニュの種類

カスタマイズメニュには「sectionメニュ」と「Panelメニュ」があります。

メニュ 区分 ID
サイト基本情報 section title_tagline
カラー section colors
ヘッダー画像 section header_image
背景画像 section background_image
メニュ Panel nav_menus
ウィジェット Panel widgets
ホームページ設定 section static_front_page
追加CSS section custom_css

 

2.「sectionメニュ」の削除

$wp_customize->remove_section('ID');

上記で「サイト基本情報」、「カラー」、「ヘッダー画像」、「背景画像」、「ホームページ設定」、「追加CSS」の削除ができます。

 

3.「Panelメニュ」の削除

$wp_customize->remove_panel('ID');

上記で「メニュ」、「ウィジェット」の削除ができます。

 

4.削除事例

削除はアクションフックのcustomize_register を利用します。

function remove_item($wp_customize){
  $wp_customize->remove_panel('nav_menus');					// メニュを削除
  $wp_customize->remove_panel('widgets');						// ウィジェットを削除
  $wp_customize->remove_section('static_front_page');	//ホームページ設定を削除
  $wp_customize->remove_section('custom_css');				//追加CSSを削除
}
add_action( 'customize_register', 'remove_item',10,1);

■アクションフック:customize_registerは、参照変数として$wp_customizeを提供します。

よって7行目の参照変数の数は1になります。

以上でカスタマイズ画面から不要なメニュは削除されます。