Un sito web a pagina singola visualizza tutto su un'unica pagina. Questi siti web mostrano la pagina completa (il sito web) una volta caricata e, man mano che il visitatore clicca su ciascuna voce del menu presente nell'intestazione, vengono visualizzate diverse sezioni della pagina.
Questi tipi di siti web offrono numerosi vantaggi, come una navigazione semplice e intuitiva, la compatibilità con i dispositivi mobili, un maggiore coinvolgimento dei visitatori, un tasso di conversione più elevato e una facile creazione e manutenzione. Sono adatti per landing page , siti web dedicati a eventi e per presentare il proprio portfolio in modo conciso e chiaro.
Ciò può essere ottenuto utilizzando un elemento fondamentale chiamato ID Sezione , che può essere specificato nelle impostazioni della Sezione.
Questo articolo ti guida nella creazione di un sito web a pagina singola utilizzando la voce di menu ID sezione e collegamento.
In questo articolo:
- Crea una pagina e aggiungi sezioni
- Specificare l'ID della sezione
- Imposta la pagina come home page
- Crea voci di menu di collegamento utilizzando l'ID sezione
- Attiva il pulsante Torna all'inizio
- Abilita la navigazione permanente
Crea una pagina e aggiungi le sezioni
- Il primo passo è quello di crea una nuova pagina and aggiungere le sezioni desiderate ad esso.
- Devi creare tutte le sezioni da collegare alle rispettive voci di menu (come le pagine Informazioni e Contatti).
Specificare l'ID della sezione
- Dopo aver aggiunto le sezioni alla pagina, visita le impostazioni della sezione di tutte le sezioni aggiunte e specificare l'ID della sezione a ciascuno di loro.
Imposta la pagina come home page
Successivamente, vai alla sezione Sito web , imposta la pagina come pagina iniziale (1) e nascondila dal menu/navigazione del sito web (2).
Crea voci di menu di collegamento utilizzando l'ID sezione
Ora, crea le voci del menu di collegamento come Home, Chi sono, Lavoro, Contatti, ecc.
Per aggiungere una nuova voce di menu "collegamento", digita "aggiungi collegamento" (1) nella casella di ricerca e fai clic sull'azione "Aggiungi collegamento" (2).
Per collegare la voce di menu del collegamento a una sezione della pagina, attenersi alla seguente procedura:
- Dal Sito web sezione, passare il mouse sopra la voce di menu dei collegamenti e fare clic su icona di tre punti verticali (1) accanto ad esso.
- Seleziona il Impostazioni profilo opzione (2) dal menu a discesa.
- Successivamente, scorri verso il basso fino a Target di collegamento sezione (3), selezionare il Sezione pagina scheda (4) e specificare il ID sezione (5) della sezione che si desidera collegare.
- L'ID sezione deve essere lo stesso specificato nella sezione della pagina senza spazi.
- Finalmente, colpisci Salva pulsante (6).
Attiva il pulsante Torna all'inizio
È utile avere un pulsante che si dissolve nella visualizzazione mentre scorri verso il basso e fluttua lungo la parte inferiore del browser. Puoi facilmente scorrere verso l'alto facendo clic su di esso.
- Per abilitare il pulsante Torna all'inizio, vai al Design sezione e fare clic su footer scheda o semplicemente digitare torna in cima nella casella di ricerca in questo modo:
- Successivamente, scorri verso il basso fino a Torna a pulsante in alto sezione e abilitare il pulsante.
Abilita la navigazione permanente
Puoi anche abilitare la navigazione fissa sopra l'intestazione per migliorare l'aspetto del tuo sito web. Scopri di più.
Dai un'occhiata a un sito demo con navigazione fissa.
Ecco fatto! Il tuo sito web a pagina singola è pronto. Puoi semplicemente cliccare sul pulsante " Visualizza sito" in alto per visualizzarlo.
Consulta l' articolo " Crea il tuo sito web su Pixpa - La guida completa" per scoprire altre opzioni di personalizzazione disponibili.
- L'ID sezione fa distinzione tra maiuscole e minuscole.
- Utilizzare solo lettere, numeri e trattini per gli ID di sezione. Non utilizzare #, spazi o caratteri speciali.
- Utilizzare i trattini per separare le parole all'interno dell'ID sezione.
Ecco alcuni siti Web dimostrativi a pagina singola: