it-swarm-pt.tech

Alterar a estrutura HTML para o menu personalizado na barra lateral

Eu tenho cavado para documentação sobre como alterar a saída HTML para o "menu personalizado" que você coloca no widget opcional. Então está claro o que eu tenho eu anexei uma imagem do bloco de widget aqui:

Custom menu

A saída desse elemento está assim:

<div class="nav_menu-8 widget_nav_menu col-sm-4">
    <div class="menu-expo-container">
        <ul id="menu-expo" class="menu">
            <li><a href="http://xxxxx.com/test1">Test 1</a></li>
            <li><a href="http://xxxxx.com/test2">Test 2</a></li>
        </ul>
    </div>
</div>

É essa estrutura de código que quero mudar para que ela atenda às minhas necessidades. Como e onde eu mudo isto? Existe alguma fonte de código que eu possa reutilizar e para as minhas funções.php?

2
user3751508

Trabalhar com dados brutos é sempre um pouco sujo. A abordagem limpa para fazer isso provavelmente seria implementar um widget próprio, que faz exatamente o que você quer fazer.

Você pode aprender mais sobre o uso da API Widget aqui: http://codex.wordpress.org/Widgets_API Há também alguns ótimos exemplos. Não é tão difícil de entender.

Para começar, você pode basicamente copiar o código do padrão WP_Nav_Menu_Widget de default-widgets.php (linhas 1298 a 1363) em seu tema (eu sugeriria um arquivo próprio , que você precisa do functions.php) e comece a personalizá-lo.

Mas, voltando à resposta de Christophs: A API Walker é muito poderosa e aprender vale a pena, se você quiser fazer coisas extravagantes com navegações, comentários, etc. pp.

1
Hendrik Luehrsen