Pular a navegação
Atualizado
dezembro 4, 2024

WPML CMS Navigation é um plugin adicional que fornece elementos de navegação ao construir seu site multilíngue.

O add-on 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

Ajuda os usuários a encontrar seu caminho através da estrutura do site

Menus suspensos

Dá 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

Adicionando Elementos de Navegação ao Seu Tema

Para usar cada elemento, adicione-os ao seu tema usando funções PHP de linha única.

Código PHPOnde 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 na barra lateral também vem como um Widget WordPress. Adicione-o através do controle de Widgets na página Aparência → Widgets.

Personalizando Elementos de Navegação

Para personalizar as configurações globais do add-on, vá para WPML → Navegação. Você pode ajustar configurações básicas, como o símbolo que separa o caminho dos breadcrumbs.

Você também pode aplicar várias personalizações através do editor WordPress ou CSS.

1. Personalizando Elementos de Navegação com o Editor WordPress

Quando você estiver editando uma página no editor WordPress, role para baixo para encontrar uma seção rotulada CMS Navigation.

Role para baixo no editor WordPress para encontrar a seção com configurações de Navegação

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 para mostrar a página abaixo

2. Personalizando 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 estas etapas:

  1. Copie o segundo arquivo, cms-navigation.css, do diretório do plugin e coloque-o no diretório do seu tema.
  2. Chame wp_head() e carregue sua cópia. Isso carregará os arquivos CSS do plugin.
  3. Aplique suas personalizações CSS ao novo arquivo.