• FelipeANDRES

    (@felipeandres)


    Boa tarde comunidade!

    Eu fiz um tema wordpress e tenho uma pequena dúvida.
    Criei um menu com a seguinte estrutura:

    <nav class="nav-global-cont">
       <ul id="menu-menu-1" class="nav-global">
          <li>
             <a>Item 1</a>
          </li>
          <li>
             <a>Item 2</a>
          </li>
          <li>
             <a>Item 3</a>
          </li>
          <li>
             <a>Item 4</a>
          </li>
       </ul>
    </nav>

    Para tal, usei o seguinte código dentro do meu header.php

    <?php
       wp_nav_menu(array(
          'menu' => 'Nav Primário',
          'container' => 'nav',
          'menu_class' => 'nav-global',
          'container_class' => 'nav-global-cont',
          'depth' => '2'
       ));
    ?>

    Eu gostaria do contrário, pois os “li” contem imagens de botões e desejo que todos os botões sejam inteiramente transformados em links, não apenas o texto. Como faço para que os “li” fiquem dentro das tags “a”? Dessa forma eu gostaria:

    <nav class="nav-global-cont">
       <ul id="menu-menu-1" class="nav-global">
          <a>
             <li>Item 1</li>
          </a>
          <a>
             <li>Item 2</li>
          </a>
          <a>
             <li>Item 3</li>
          </a>
          <a>
             <li>Item 4</li>
          </a>
       </ul>
    </nav>

    Obrigado!

Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • Se o seu único desejo é: “que todos os botões sejam inteiramente transformados em links”, basta modificar o CSS.

    Deixe os “li” com margin:0; e padding:0;
    Se o seu “li” estiver com a propriedade ‘background-image’ basta inserir no “a” um padding-left para que a tag se afaste da imagem.
    Deu pra sacar?

    Criador do tópico FelipeANDRES

    (@felipeandres)

    Sim, eu sei disso, porém os botões tem width e height específicos, se eu colocar padding, o tamanho final vai variar de acordo com o texto escrito e temos tambem a diferença de um navegador para o outro.

    Isso na verdade é uma gambiarra, eu gostaria de saber se tem como alterar direto pelo codigo =D

    Se não encontrar um jeito, eu faço isso mesmo.

Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • O tópico ‘Como colocar dos menus dentro de um ?’ está fechado para novas respostas.