ACFプラグインの使い方チュートリアル：メニュー項目にフィールドを追加する

ワードプレス メニューは一連のリンク（メニューアイテム）を整理するための強力なツールであり、テーマはナビゲーション機能を作成するためにこれらのメニューを使用することがよくあります。このガイドでは、WordPressのメニュー項目にカスタムフィールドを追加し、メニュー項目のHTML出力を変更する方法を詳しく説明します。使用するプラグインはACF(高度なカスタムフィールド）.

ACFこのプラグインは現在SCFという名前に変更され、プラグインマーケットプレイスにインストールされています：

フィールドの追加

Advanced Custom Fieldsプラグインを使用すると、メニュー項目にカスタムフィールドを簡単に追加できます。

1. 自己啓発フィールドの定義管理画面で新規追加ボタンをクリックして、新しいフィールドグループを作成します。
2. メニュー項目の編集時に表示したいフィールドを追加します。
3. インポジション小文字の場合はメニュー項目ルールを作成し、"All"（すべてのメニュー項目にこのフィールドグループを表示する）または "Specific Menu/Location"（特定のメニュー項目のみにこのフィールドグループを表示する）を選択します。

フィールドの編集

フィールド・グループが作成され、メニュー項目編集画面に表示されるように指定されると、メニュー項目編集画面に移動して編集することができます。外観 > メニューフィールド値を編集するための管理ページ。

WPは各メニュー項目をポストオブジェクトとしてwp_postsACFはすべてのカスタムフィールド値をwp_postmeta表

表示フィールド

WordPress のメニュー項目の HTML は、wp_nav_menu_objects フィルタで簡単にカスタマイズできます。このフィルタは（wp_nav_menu()関数によって）メニューがレンダリングされるたびに実行され、メニューアイテムオブジェクトを修正することができます。それぞれのオブジェクトはタイトル各メニューリンク要素の出力値<a>.

この例では、すべてのメニュー項目オブジェクトを新しい "アイコン"フィールドに値が存在する場合、アイコンを添付します。

add_filter('wp_nav_menu_objects', 'my_wp_nav_menu_objects', 10, 2)；



    // ループ
    foreach( $items as &$item ) { // ループします。

        // 引数
        $icon = get_field('icon', $item)；


        // アイコンを追加
        if( $icon ) { // アイコンを追加

            $item->title .= ' '；

        }

    }


    // リターン
    return $items；

}

はんけつをくだす

これがブラウザでの表示です。新しいアイコンエレメント！