WPML CMS Navigation es un plugin complementario que proporciona elementos de navegación al crear su sitio multilingüe.
El complemento está incluido en su paquete WPML Multilingual CMS.
Los elementos de navegación que puede añadir con el plugin WPML CMS Navigation incluyen:
Migas de pan
Ayudan a los usuarios a orientarse en la estructura del sitio
Menús desplegables
Dan a los usuarios acceso rápido a secciones específicas
Barra lateral
Muestra a los usuarios páginas relacionadas con la página que están viendo
Añadir elementos de navegación a su tema
Para usar cada elemento, añádalos a su tema usando funciones PHP de una sola línea.
| Código PHP | Dónde añadirlo | |
|---|---|---|
| Migas de pan | <?php do_action('icl_navigation_breadcrumb'); ?> | header.php o single.php, page.php, archive.php, tag.php y search.php |
| Menús desplegables | <?php do_action('icl_navigation_menu'); ?> | header.php |
| Barra lateral | <?php do_action('icl_navigation_sidebar'); ?> | sidebar.php |
La navegación de la barra lateral también viene como un widget de WordPress. Añádalo a través del control de widgets en la página Apariencia → Widgets.
Personalizar los elementos de navegación
Para personalizar la configuración global del complemento, vaya a WPML → Navegación. Puede ajustar configuraciones básicas, como el símbolo que separa la ruta de las migas de pan.
También puede aplicar varias personalizaciones a través del editor de WordPress o mediante CSS.
1. Personalizar los elementos de navegación con el editor de WordPress
Cuando esté editando una página en el editor de WordPress, desplácese hacia abajo para encontrar una sección etiquetada como CMS Navigation.
Esta sección le permite personalizar qué mostrar en la barra lateral. Puede:
- Excluir la página actual
- Mostrar o no mostrar sus páginas hijas
- Asignar una sección bajo la cual mostrar la página
2. Personalizar la apariencia de los elementos de navegación con CSS
Los elementos de navegación vienen con una apariencia predeterminada, que puede personalizar usando CSS.
Vaya a ../wp-content/plugins/wpml-cms-nav/res/css para localizar dos archivos:
- cms-navigation-base.css: Este es responsable de la funcionalidad del menú desplegable y no debería modificarlo.
- cms-navigation.css: Este es un archivo que puede copiar y modificar para añadir sus personalizaciones.
Siga estos pasos:
- Copie el segundo archivo, cms-navigation.css, del directorio del plugin y colóquelo en el directorio de su tema.
- Llame a wp_head() y cargue su copia. Esto cargará los archivos CSS del plugin.
- Aplique sus personalizaciones CSS al nuevo archivo.