O WPML CMS Navigation é um plugin de complemento que fornece elementos de navegação ao criar seu site multilíngue.
O complemento está incluído no seu pacote WPML Multilingual CMS.
Os elementos de navegação que você pode adicionar com o plugin WPML CMS Navigation incluem:
Breadcrumbs
Ajudam os usuários a se localizarem na estrutura do site
Menus suspensos
Dão aos usuários acesso rápido a seções específicas
Barra lateral
Mostra aos usuários páginas relacionadas à página que estão visualizando
Como adicionar elementos de navegação ao seu tema
Para usar cada elemento, adicione-os ao seu tema usando funções PHP de uma única linha.
| Código PHP | Onde adicionar | |
|---|---|---|
| Breadcrumbs | <?php do_action('icl_navigation_breadcrumb'); ?> | header.php ou single.php, page.php, archive.php, tag.php e search.php |
| Menus suspensos | <?php do_action('icl_navigation_menu'); ?> | header.php |
| Barra lateral | <?php do_action('icl_navigation_sidebar'); ?> | sidebar.php |
A navegação da barra lateral também vem como um widget do WordPress. Adicione-a por meio do controle de widgets na página Aparência → Widgets.
Como personalizar os elementos de navegação
Para personalizar as configurações globais do complemento, vá para WPML → Navegação. Você pode ajustar configurações básicas, como o símbolo que separa a trilha de breadcrumbs.
Você também pode aplicar várias personalizações através do Editor do WordPress ou CSS.
1. Como personalizar os elementos de navegação com o Editor do WordPress
Quando você estiver editando uma página no Editor do WordPress, role para baixo para encontrar uma seção chamada CMS Navigation.
Esta seção permite que você personalize o que exibir na barra lateral. Você pode:
- Excluir a página atual
- Mostrar ou não mostrar suas páginas filhas
- Atribuir uma seção sob a qual mostrar a página
2. Como personalizar a aparência dos elementos de navegação com CSS
Os elementos de navegação vêm com uma aparência padrão, que você pode personalizar usando CSS.
Vá para ../wp-content/plugins/wpml-cms-nav/res/css para localizar dois arquivos:
- cms-navigation-base.css: Este é responsável pela funcionalidade do menu suspenso e você não deve modificá-lo.
- cms-navigation.css: Este é um arquivo que você pode copiar e modificar para adicionar suas personalizações.
Siga estes passos:
- Copie o segundo arquivo, cms-navigation.css, do diretório do plugin e coloque-o no diretório do seu tema.
- Chame wp_head() e carregue sua cópia. Isso carregará os arquivos CSS do plugin.
- Aplique suas personalizações de CSS ao novo arquivo.