Menu Fechar

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.

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

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

  • 'menu_id'
  • O menu consiste emIDDê o nome.

  • 'container'
  • UlOu não. O valor padrão édiv

  • 'container_class'
  • Recipiente ao redor do menucontainerDeclassEspecifique o nome.

  • 'container_id'
  • containerDeIDEspecifique o nome.

  • 'fallback_cb'
  • 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.

  • 'before'
  • 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.

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

  • 'link_before'
  • Como acima, especificamos o texto antes do texto do link.

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

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

  • 'depth'
  • 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.

  • 'walker'
  • Define uma instância de uma classe de trabalho personalizada.

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

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

  • 'item_spacing'
  • 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.

    Comentários (Informação não requerida)

    Posted in All, Wordpress

    이메일 구독 - Email Subs

    최선을 다해 직접 만든 콘텐츠만 공유합니다.
    We share the best content we have created.