Главное пользовательское навигационное меню WordPress Создание коротких кодов

Вы можете коротко определить меню сайта, официальное название «меню навигации WordPress», которое вы можете установить в меню «Внешний вид WordPress»>, чтобы можно было вставлять его в любом месте на странице или в любом месте.

Обычно вам не нужно вводить это навигационное меню в короткий код, и вы не знаете, почему,Поли Lang(Polylang)Вы можете использовать его, когда хотите создать новый, потому что вам не нравится меню навигации по умолчанию.

Чтобы закодировать меню навигации, вам нужно пройти два шага: создание пользовательского меню и регистрация созданного меню с помощью короткого кода. Весь код WordPressfunctions.phpВы можете ввести.

Создание пользовательского навигационного меню WordPress

Прежде всего,functionsИ создайте состояние, которое можно изменить в меню «Внешний вид». Введите код ниже.

register_nav_menus( array(
  'custom_menu' => 'Custom Menu',
) );

functionsПодождите несколько минут, чтобы применить,Custom MenuВключено.'custom_menu' => 'Custom Menu'Вы можете продолжать создавать новые меню, просто меняя и вставляя их.

Сделать код снятия кода меню

Теперь вы можете закодировать созданное меню и зарегистрировать его. На самом деле метод короткого кодирования очень прост. Если вы вводите код как базовый тип, вы увидите, что все скины игнорируются и располагаются в верхней части определенного скина. Поэтому, если вы введете его следующим образом, вы можете создать собственное меню с коротким кодом без ошибок.

function get_menu($args){
    $menu = isset($atts['menu']) ? $atts['menu'] : '';
    ob_start();
    wp_nav_menu(array(
        'theme_location' => 'custom_menu',
    ) );
    return ob_get_clean();
}
add_shortcode('Custom_nav_menu', 'get_menu');

В приведенном выше коде синийcustom_menuЧасти должны быть одинаковыми, красныеCustom_nav_menuЧасть - это короткое кодовое имя. Другими словами,[Custom_nav_menu], Настраиваемое меню, которое вы настроили, называется коротким кодом.

Внутри кодаwp_nav_menu(array(Вы можете добавить или изменить настройки в меню навигации.

    wp_nav_menu(array(
        'theme_location' => 'custom_menu',
        'fallback_cb'      => false,
    ) );

Таким образом вы можете добавить его как красную часть.fallback_cbЯвляется кодом, который определяет, что делать, если в коде не указано меню. По умолчанию отображается список страниц,falseВы увидите пустое место.

Доступные атрибуты

Вот коды, которые вы можете использовать здесь: Поскольку я не использовал все это, но посоветовался с официальной помощью, некоторые из кода могут отличаться от описания.

Введите идентификатор, slug и имя меню, которое вы хотите разрешить

Меню состоит изClassДайте имя. Название класса меню создается буквально.

Меню состоит изIDДайте имя.

UlИли нет. Значение по умолчаниюdiv

Контейнер вокруг менюcontainerизclassУкажите имя.

containerизIDУкажите имя.

Вышеприведенный код. Устанавливает значение, которое вызывается, когда в коде не указано меню. По умолчанию используется список страниц.falseЕсли вы печатаете, ничего не появляется.

Давайте поместим текст, изображения и иконки с помощью CSS::before, ::afterОписанный в::beforeКак и атрибуты, вы можете указать текст, который появляется перед разметкой ссылки.

поbefore, Но он устанавливает, что текст появляется позже предыдущего.

Как и выше, мы указываем текст перед текстом ссылки.

Как указано выше, укажите текст после текста ссылки.

Говорят, что меню отображается или возвращается. Значение по умолчаниюtrue

Определяет иерархию меню для загрузки. здесь2, Меню в меню представлено двумя уровнями. Значение по умолчанию равно 0, что означает, что все слои представлены.

Определяет экземпляр настраиваемого рабочего класса.

Вы определяете местоположение темы, которую хотите использовать, просто введите имя пользовательского меню, которое вы хотите использовать.

Обертывает элементы списка. Значение по умолчаниюidсulКроме того,printf()Это должно измениться в пути.

менюHTMLОпределите, сохранять или не сохранять внутренние пробелы. Сохранять значения по умолчаниюpreserveИ,discardНе сохраняйте, если вы набираете.

Все доступные атрибуты указаны выше,WordPresswp_nav_menuОфициальная помощьТакже его можно найти.