WordPress Main Custom Navigation Menu Criar códigos curtos

Você pode codificar o menu do site, o nome oficial 'menu de navegação do WordPress', que você pode definir no menu WordPress Appearance>, para que seja possível inseri-lo em qualquer lugar da página ou em qualquer lugar que você desejar.

Normalmente você não precisa colocar este menu de navegação em um código curto e você não sabe porque,Poly(Polylang)Você pode usá-lo quando quiser criar um novo porque não gosta do menu de navegação móvel padrão.

Para codificar um menu de navegação, você tem que passar por duas etapas: criar um menu personalizado e registrar o menu criado com o código curto. Todo o código é WordPressfunctions.phpVocê pode digitar.

Crie o menu de navegação personalizado do WordPress

Primeiro de tudofunctionsE faça um estado que possa ser modificado no menu aparência>. Digite o código abaixo.

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

functionsAguarde alguns instantes para se inscreverCustom MenuEstá ativado.'custom_menu' => 'Custom Menu'Você pode continuar criando novos menus simplesmente trocando e colando.

Fazer o código de tiro do menu

Agora você pode codificar o menu criado e registrá-lo. Na verdade, o método de codificação curta é muito fácil.Se você digitar o código como um tipo básico, você verá que todas as skins são ignoradas e posicionadas no topo de uma determinada capa. Portanto, se você inseri-lo da seguinte maneira, você pode codificar o menu personalizado sem erros.

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');

No código acima, o azulcustom_menuAs peças devem ser as mesmas, vermelhasCustom_nav_menuA parte é o nome do código abreviado. Em outras palavras,[Custom_nav_menu], O menu personalizado que você configura é chamado de código curto.

Dentro do códigowp_nav_menu(array(Você pode adicionar ou alterar as configurações no menu de navegação.

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

Desta forma, você pode adicioná-lo como uma parte vermelha.fallback_cbÉ um código que determina o que fazer se não houver nenhum menu especificado no código. O padrão é mostrar a lista de páginas,falseVocê verá um espaço vazio.

Atributos Disponíveis

Aqui estão os códigos que você pode usar aqui: Como não usei tudo, mas consultei a ajuda oficial, parte do código pode ser diferente da descrição.

Insira o ID, o slug e o nome do menu que você deseja permitir

O menu consiste emClassDê o nome. O nome da classe do menu é criado literalmente.

O menu consiste emIDDê o nome.

UlOu não. O valor padrão édiv

Recipiente ao redor do menucontainerDeclassEspecifique o nome.

containerDeIDEspecifique o nome.

O código acima. Define o valor a ser chamado quando não há menu especificado no código. O padrão é uma lista de páginas.falseSe você digitar, nada aparece.

Vamos colocar o texto, imagens e ícones livremente com CSS::before, ::afterDescrito em::beforeComo atributos, você pode especificar o texto que aparece antes da marcação do link.

Acimabefore, Mas define o texto para aparecer mais tarde do que o anterior.

Como acima, especificamos o texto antes do texto do link.

Como acima, especifique o texto após o texto do link.

Diz-se que o menu é exibido ou devolvido. O valor padrão étrue

Determina a hierarquia de menus para carregar. Aqui2, O menu no menu é representado por dois níveis. O padrão é 0, o que significa que todas as camadas são representadas.

Define uma instância de uma classe de trabalho personalizada.

Você define a localização do tema que deseja usar, basta colocar o nome do menu personalizado que deseja usar.

Envolve itens da lista. O valor padrão éidEulAlém disso,printf().

CardápioHTMLDefina se deve ou não preservar o espaço em branco interno. Preservar padrõespreserveLt;discardNão salve se você digitar.

Todos os atributos disponíveis são os acima,WordPresswp_nav_menuAjuda oficial.