Menu di navigazione e sottonavigazione

I menu di navigazione e sottonavigazione sono dei collegamenti alle pagine interne del sito Web. Tali menu vengono generati automaticamente in base alle pagine create e il layout del menu potrebbe cambiare leggermente da modello a modello. Un menu di navigazione ben strutturato consente ai visitatori del sito di trovare le informazioni desiderate.

Building the menu

Add the Navigation links widget to the site and pick one of the options for populating the list of links.

navigation12_en-US.png

  • Site page - Populate the content of the navigation links with site pages, navigation folders and anchors. This menu will be generated automatically based on site Pages tab. This is a quick way to place basic navigation on your site. 
  • Custom links - Build your own menu with custom links. This option allows great flexibility in creating quick navigation bars to add inner page navigation, footer navigation with only most useful links, social accounts menu and more.

navigation13_en-US.png

After you pick the Custom links option, the editor will prompt you to populate the list of links with custom elements, similar to how you would work with link picker. Just add items and link them to external or internal pages and anchors.

Styling the menu

Edit the navigation's design by right-clicking on the navigation and selecting Edit Design.nav1_en-US.png

Layout

The Layout section lets you easily switch between one of the several designs for the navigation bar. Keep in mind you can modify the design of any of these layouts, so just pick one which looks similar to the design you want, and then see the later Predefined Sections of this article for customizing the look even further.

nav2_en-US.png

Per utilizzare le funzionalità di navigazione (pubblicate e non pubblicate), gli utenti devono cambiare attivamente un layout. La nuova navigazione utilizza selettori CSS diversi, quindi la modifica del layout reimposta la personalizzazione della navigazione e consente all'utente di personalizzarla nuovamente. Facendo clic su Annulla viene ripristinata la vecchia navigazione.

If your site contains subpages, then you will also have access to a Sub Navigation Layout section. From here you can select a layout for how the subpages on your site will appear. Just like the main navigation layout, you can also modify the sub navigation layout in later Predefined Sections.

nav3_en-US.png

if you want to place your site's logo in between your navigation items without having to create two separate sets of navigations, You can do it by selecting the "Horizontal with logo" orientation.

nav4_en-US.png

It will break the navigation links to two, aligning them equally from both sides of the logo. The center logo feature takes into account the number of navigation items, so if you keep adding pages, the navigation items will be organized automatically.

If there is an odd number of navigation items, the right side will contain more items (no option to change this).

Pagine

Dalla scheda Pagine puoi personalizzare:

  • The style of individual navigation bars (background color, hover color, and Blank Space, as well as text style)
  • La direzione di navigazione (da sinistra a destra o da destra a sinistra)
  • Il numero degli elementi di navigazione visibili
  • The type of divider you want between your navigation pages (if you want a divider).
  • Whether to enable quick navigation is enabled (Read more about this in Considerations) 

nav5_en-US.png

If you click on "Link Text" you can adjust options for

  • Tipo di carattere
  • Dimensione del carattere
  • Colore del testo
  • Opzioni sottolineato, grassetto e corsivo

nav6_en-US.png

Pagina selezionata e passaggio del mouse

In fondo alla sezione relativa alle pagine puoi personalizzare lo stile della navigazione selezionata e gli effetti visibili al passaggio del mouse sulla navigazione. Scegli tra i numerosi effetti disponibili per assicurare l'unicità del tuo sito.

nav7_en-US.png

Puoi modificare il colore delle voci di navigazione al passaggio del mouse, nonché il formato grassetto, corsivo e sottolineato, dalle opzioni "Testo collegamento".

nav8_en-US.png

Pagine secondarie

Dalla scheda Pagine secondarie puoi personalizzare lo stile della navigazione secondaria:

  • Colore di sfondo
  • Ombra
  • Spacing between sub navigation
  • Stile del divisore
  • Colore di sfondo della pagina selezionata

nav9_en-US.png

If you go into the "link text" options for subpages you can also specify how the sub pages appear. Specifically:

  • Stile del carattere
  • Dimensione del carattere
  • Colore del testo
  • Grassetto, corsivo e sottolineato
  • Direzione del testo (da destra a sinistra o da sinistra a destra)
  • Colore del testo per la pagina selezionata
  • Grassetto, corsivo e sottolineato per la pagina selezionata

nav10_en-US.png

Spaziatura

From the Spacing tab, you can customize the spacing of the navigation bar.

nav11_en-US.png

 

Risorse

  • Per scoprire come aggiungere questo widget alla pagina, consulta la nostra guida su come Aggiungere i widget.
  • Per maggiori informazioni sulla modifica di widget, leggi la nostra guida sulla Modifica di widget.