A Sito Web a pagina singola mostra tutto su una singola pagina. Questi siti Web mostrano l'intera pagina (sito Web) una volta caricata e quando il visitatore del sito Web fa clic su ciascuna voce di menu presente nell'intestazione, verranno visualizzate e visualizzate diverse sezioni della pagina.
Questi tipi di siti Web presentano molti vantaggi come la navigazione semplice e facile, l'ottimizzazione per i dispositivi mobili, l'aumento del coinvolgimento dei visitatori del sito Web, un tasso di conversione più elevato e la facilità di creazione e manutenzione. Questi sono adatti per le pagine di destinazione, siti Web basati su eventi e mostrare il tuo portafogli in modo breve e nitido.
Ciò può essere ottenuto utilizzando un elemento vitale chiamato ID sezione che può essere specificato nel Sezione Impostazioni.
Questo articolo ti guida su come creare un sito Web a pagina singola utilizzando l'ID sezione e Voce di menu 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 ed 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 al Sito web , impostare la pagina come home page (1), e nasconderlo dal menu/navigazione del sito web (2).
Crea voci di menu di collegamento utilizzando l'ID sezione
Adesso, creare le voci di menu di collegamento come Casa, Informazioni, Lavoro, Contatto, ecc.
Per aggiungere una nuova voce di menu di collegamento, immettere aggiungi collegamento (1) nella casella di ricerca e fare clic su Aggiungi link azione (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 Risparmi 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 adesiva sopra l'intestazione per migliorare l'aspetto del tuo sito web. Vedi qui per saperne di più .
Controlla un sito dimostrativo con navigazione appiccicosa.
Ecco! Il tuo sito Web a pagina singola è ora pronto. Puoi semplicemente cliccare sul Vedi sito pulsante presente in alto per visualizzare il tuo sito web.
Controlla il Crea il tuo sito web su Pixpa – La guida completa articolo per conoscere altre personalizzazioni che puoi apportare al tuo sito web.
Nota:
- L'ID sezione fa distinzione tra maiuscole e minuscole.
- Non utilizzare spazi all'interno dell'ID sezione.
- Utilizzare i trattini per separare le parole all'interno dell'ID sezione.
Ecco alcuni siti Web dimostrativi a pagina singola: