WPML CMS Navigation è un plugin aggiuntivo che fornisce elementi di navigazione durante la creazione del tuo sito multilingue.
Il componente aggiuntivo è incluso nel tuo pacchetto WPML Multilingual CMS.
Gli elementi di navigazione che puoi aggiungere con il plugin WPML CMS Navigation includono:
Breadcrumb
Aiutano gli utenti a orientarsi nella struttura del sito
Menu a discesa
Offrono agli utenti un accesso rapido a sezioni specifiche
Sidebar
Mostra agli utenti le pagine correlate a quella che stanno visualizzando
Aggiungere elementi di navigazione al tuo tema
Per utilizzare ogni elemento, aggiungilo al tuo tema usando funzioni PHP di una sola riga.
| Codice PHP | Dove aggiungerlo | |
|---|---|---|
| Breadcrumb | <?php do_action('icl_navigation_breadcrumb'); ?> | header.php o single.php, page.php, archive.php, tag.php e search.php |
| Menu a discesa | <?php do_action('icl_navigation_menu'); ?> | header.php |
| Sidebar | <?php do_action('icl_navigation_sidebar'); ?> | sidebar.php |
La navigazione della sidebar è disponibile anche come widget di WordPress. Aggiungilo tramite il controllo dei widget nella pagina Aspetto → Widget.
Personalizzare gli elementi di navigazione
Per personalizzare le impostazioni globali del componente aggiuntivo, vai su WPML → Navigazione. Puoi regolare le impostazioni di base, come il simbolo che separa il percorso dei breadcrumb.
Puoi anche applicare varie personalizzazioni tramite l’editor di WordPress o il CSS.
1. Personalizzare gli elementi di navigazione con l’editor di WordPress
Quando modifichi una pagina nell’editor di WordPress, scorri verso il basso per trovare una sezione denominata CMS Navigation.
Questa sezione ti permette di personalizzare cosa visualizzare nella sidebar. Puoi:
- Escludere la pagina corrente
- Mostrare o non mostrare le sue pagine figlie
- Assegnare una sezione sotto la quale mostrare la pagina
2. Personalizzare l’aspetto degli elementi di navigazione con il CSS
Gli elementi di navigazione hanno un aspetto predefinito, che puoi personalizzare usando il CSS.
Vai in ../wp-content/plugins/wpml-cms-nav/res/css per individuare due file:
- cms-navigation-base.css: Questo file è responsabile della funzionalità del menu a discesa e non dovresti modificarlo.
- cms-navigation.css: Questo è un file che puoi copiare e modificare per aggiungere le tue personalizzazioni.
Segui questi passaggi:
- Copia il secondo file, cms-navigation.css, dalla directory del plugin e posizionalo nella directory del tuo tema.
- Chiama wp_head() e carica la tua copia. Questo caricherà i file CSS del plugin.
- Applica le tue personalizzazioni CSS al nuovo file.