Como tornar seu tema do Wordpress compatível com os menus

Escrito por sara williams | Traduzido por victor rodrigues
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como tornar seu tema do Wordpress compatível com os menus
Adicione compatibilidade do menu ao tema em seu arquivo "functions.php" (Jupiterimages/Photos.com/Getty Images)

O WordPress 3.0 adicionou menus personalizados de navegação que os usuários podem facilmente editar através do painel de controle. Antes que se utilize esses menus, você precisa de um tema compatível com eles. A compatibilidade deve ser adicionada no arquivo "functions.php" do tema e, em seguida, serem adicionadas as funções necessárias para ligar os menus aos arquivos do tema. Use a função register_nav_menus(), onde pode-se adicionar vários menus para edição no painel de controle, o backend do WordPress. Uma vez terminado, é possível, então, acessar o painel e editar seus menus, acrescentando, apagando e reorganizando os links sem necessidade de programar.

Nível de dificuldade:
Moderado

Outras pessoas estão lendo

Instruções

  1. 1

    Efetue login no seu painel do WordPress e vá até "Appearance" (Aparência), clique em "Editor" (Editor) e, em seguida, clique no link "Theme Functions" (Funcionalidade do tema) do lado direito da caixa de edição. Se você tem conhecimento sobre os arquivos de tema no seu computador, poderá abrir o "functions.php" no seu editor de código. Esse arquivo é encontrado aqui:

    /yoursite/wp-content/themes/theme-folder/

  2. 2

    Adicione o código a seguir em qualquer lugar no seu arquivo "functions.php":

    if (function_exists('register_nav_menus')) { register_nav_menus( array( 'first_menu_name' => 'My First Menu', 'second_menu_name' => 'My Second Menu' ) ); }

    Essa função verifica se a register_nav_menus() existe na sua versão do WordPress e, em seguida, usa-a para registrar uma série de menus. Você pode adicionar um, dois, ou qualquer outro número de menus que desejar usar.

  3. 3

    Edite o modelo ao qual você deseja adicionar um menu. A maioria dos temas põem pelo menos um no arquivo "header.php" e, algumas vezes, no arquivo "footer.php". Aqui está o código:

    <?php wp_nav_menu(); ?>

    O código acima é genérico e não inclui quaisquer parâmetros, então use alguns para configurar os menus. Aqui está um exemplo de uso do wp_nav_menu() para chamar um menu com um nome específico, que o usuário precisará criar no painel de "Menus":

    <?php wp_nav_menu(array('menu' => 'Top Menu')); ?>

  4. 4

    Navegue até "Menus" em "Appearance", no painel do WordPress. Você poderá ver os que foram criados. Marque as caixas de seleção ao lado dos links que quer na lista do lado esquerdo e, em seguida, clique em "Add" (Adicionar) para colocá-los em um menu. Reorganize os links, arrastando e soltando-os. Os recuados indicam segundo e terceiro nível dos mesmos. Clique nas guias na parte superior para alternar entre menus.

Dicas & Advertências

  • Adicione uma classe contêiner a um menu em seu código para torná-lo mais fácil de estilizar com o CSS. Aqui está o wp_nav_menu() com uma classe contêiner: " 'classname')); ?>". Agora você pode consultar o menu em CSS como ".classname{}".
  • Sempre faça backup de seus arquivos de temas antes de editá-los. Erro no código PHP muitas vezes resulta em telas brancas. Leia-o, localize a linha de código onde ele existe e corrija-o. Erros de digitação são a causa da maioria dos problemas.

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível