Come ti ho detto in a tutorial precedente, WordPress offre un nuovo tema predefinito. Questo tema, progettato per i siti Web aziendali, segna un notevole allontanamento dai temi WordPress predefiniti che in passato erano progettati per i blog e riflette la transizione più significativa di WordPress da una piattaforma di blog a una piattaforma versatile.

Se hai intenzione di provare Twenty Seventeen, capirai rapidamente una cosa: questo tema WordPress predefinito è diverso dai suoi predecessori. I temi predefiniti precedenti imponevano una configurazione minima che si traduceva in un blog solo funzionale. Beh, non è il caso di Twenty Seventeen.

Certo, puoi usarlo come tema del blog, ma ti ricordo che questo non è quello per cui è stato progettato specificamente. In realtà è stato progettato per creare siti Web aziendali utilizzando una home page con sezioni, che puoi facilmente distinguere guardando la sua demo

Scopri anche Come installare un plugin in WordPress

Il risultato di questo spostamento dell'attenzione è che la configurazione di Twenty Seventeen richiede un po 'più di tempo rispetto ai precedenti temi WordPress predefiniti.

In questo tutorial, esploreremo Twenty Seventeen, vedremo cosa ha da offrire e ti guiderò attraverso la configurazione di questo tema WordPress in modo da poter creare facilmente una home page per il tuo sito web. azienda.

Ma prima, se non hai mai installato WordPress, scopri Come installare un blog Wordpress passi 7 et Come trovare, installare e attivare un tema WordPress sul tuo blog 

Quindi torniamo al perché siamo qui.

Panoramica ventisette diciassette

Presentazione ventidue

L'uso di un file pagina di destinazione - Pagina di destinazione - servire come home page per i siti web aziendali è diventato di moda. Con Twenty Seventeen, è facile creare una landing page per un sito web aziendale.

Per avere un'idea delle sue possibilità, dai un'occhiata alla demo ufficiale del tema WordPress venti Seventeen. Subito dopo, noterai l'intestazione del video. Scorri un po 'verso il basso e apparirà il design in sezione della pagina. Ogni sezione è separata da una sorprendente immagine di sfondo parallasse che occupa l'intera larghezza e altezza della finestra.

La navigazione è semplice con una barra di navigazione superiore appiccicosa e un singolo carattere " Franklin libero Che è usato in tutto il tema.

Vi consigliamo di consultare Come aggiungere un menu di navigazione personalizzato su WordPress

Se impostato correttamente, Twenty Seventeen visualizza a aspetto professionale moderno, costruito su selezioni di caratteri leggibili e un forte uso di immagini sorprendenti bilanciate dall'uso di spazi bianchi generosi.

Come creo una home page con Twenty Seventeen?

Andando nella stessa direzione di Matt Mullenweg, quando ha parlato di l'importanza del Customizer, quindi non sorprende che la maggior parte delle attività eseguite su " venti Seventeen Sono nel personalizzatore.

Personalizzazione di Wordpress 47

Oltre alle funzioni standard come menu e configurazione, con i widget Customizer puoi definire un'immagine o un video di intestazione, utilizzare diversi schemi di colori e influenzare il contenuto delle sezioni della tua pagina.

Scopri anche Come personalizzare il CSS del tuo sito Web WordPress

WordPress 4.7 introduce anche una nuova funzionalità chiamata "collegamento di modifica visibile": appaiono come icone blu come nell'immagine precedente. Cliccando su una di queste scorciatoie si aprirà il campo che ti permetterà di modificare la sezione nel Customizer. 

Questo rende abbastanza facile cambiare le caratteristiche di Twenty Seventeen come l'immagine dell'intestazione, lo slogan e il titolo e il contenuto che appare in ogni sezione di una pagina. Devi solo trovare il contenuto che desideri modificare, quindi fare clic sul "collegamento di modifica visibile" e personalizzare il contenuto in questione.

Vai oltre scoprendo Come aggiungere lo scrolling infinito a un blog WordPress

WordPress include anche una nuova funzionalità di personalizzazione chiamata " ulteriore CSS ". Abbiamo già parlato di questa funzione prima. Questa è una funzione specifica di WordPress e non di " venti Seventeen '.

Per mostrarti come impostare venti Seventeen Installerò il tema come se dovessi usarlo per il mio sito web personale.

Fase uno: creare una pagina per ogni sezione

Crea una pagina per ogni sezione

La prima cosa che devi fare è creare alcune pagine:

  • Crea una pagina che sarà la tua home page statica.
  • Crea una pagina che visualizzerà post sul blog.

Come mettere il tuo sito Web WordPress in modalità Manutenzione ? clicca su questo link

Crea fino a quattro pagine aggiuntive per contenere il contenuto che verrà visualizzato nelle sezioni della home page. Crea tre nuove pagine aggiuntive se prevedi di utilizzare il tuo blog o come una delle sezioni della home page.

consultare Come creare colonne su WordPress senza plugin

Nel caso del mio esempio, ho creato una home page, una pagina blog, una pagina delle informazioni, una pagina dei servizi e la pagina dei contatti.

Passaggio 2: aggiungere un'immagine alla prima pagina

Per ottenere l'effetto di parallasse sulle immagini, è necessario aggiungere una grande immagine della prima pagina per ogni pagina, che farà parte delle sezioni della prima pagina. Probabilmente non vorrai aggiungere un'immagine in primo piano alla home page che hai creato nel passaggio precedente, ma puoi aggiungere un'immagine in primo piano a tutte le altre pagine.

Immagine in primo piano wordpress

La demo di « venti Seventeen Utilizza immagini le cui dimensioni sono 2000 pixel di larghezza per 1200 pixel di altezza. Si consigliano immagini che si avvicinano a queste dimensioni. Capisci che non dovresti usare piccole immagini.

Scopri il 5 WordPress Page Builder Plug-in Builder di pagine

Troverai molte immagini gratuite in " StockSnap E la maggior parte ha buone dimensioni.

Passaggio 3: assegnare home page e pagina blog

Home page statica di wordpress

Ora è il momento di iniziare a personalizzare. Avvia il Customizer, quindi vai a "  Aspetto> Personalizza Sul cruscotto.

Seleziona l'opzione homepage statica E apportare le seguenti modifiche:

  • Imposta ciò che visualizza la home page, seleziona il pulsante di opzione per una pagina statica.
  • Dal menu della home page, seleziona la home page del sito web.
  • Nel menu Pagina Articoli, seleziona la pagina che visualizzerà gli articoli.

Non dimenticare di salvare le modifiche.

Passaggio 4: assegnare le altre pagine alle sezioni della home page

Ventisei sezione tematica

Ora puoi assegnare le diverse pagine che hai creato in precedenza alle sezioni nella sezione " Opzioni del tema ". Utilizzare i menu a discesa per assegnare ciascuna pagina a ciascuna sezione in base alla pertinenza assegnata ad esse.

Passaggio 5: creare il menu di navigazione principale

Puoi creare il tuo menu di navigazione direttamente dall'interfaccia di Customizer o dalla dashboard. In entrambi i casi, la creazione dei menu in WordPress non è cambiata.

Passaggio 6: aggiungere un'intestazione video

Twenty diciassette video di intestazione

Successivamente, sostituiremo l'immagine dell'intestazione con un video. Vai alla sezione corrispondente su Customizer facendo clic sul "collegamento di modifica visibile" appropriato o individua " Intestazione multimediale '.

Scarica o seleziona il video che desideri utilizzare. In alternativa, puoi anche fornire l'URL di un video di YouTube da visualizzare nell'intestazione, se lo desideri.

Ancora una volta, assicurati, per esigenze di qualità, di scegliere un video di grandi dimensioni.

Venti diciassette dimostrazioni

A questo punto, tutto dovrebbe funzionare normalmente. Ti offriremo in seguito ulteriori tutorial sulla personalizzazione di questo nuovo tema WordPress.

Scopri anche alcuni plugin WordPress premium  

Puoi utilizzare altri plugin di WordPress per dare un aspetto moderno e ottimizzare la presa del tuo blog o sito Web.

Ti offriamo qui alcuni plugin WordPress premium che ti aiuteranno a farlo.

1. Prenotazione tavolo ristorante WordPress

Restaurant Table Booking Manager è un plug-in che ti consente di gestire la prenotazione dei tavoli del tuo ristorante online.

Prenotazione tavolo ristorante Wordpress

Offre l'opportunità ai tuoi affezionati clienti di prenotare un tavolo direttamente dal tuo blog WordPress. Offre strumenti di gestione della disponibilità, che ti impediranno di commettere errori.

Puoi anche utilizzare il calendario generato automaticamente per tracciare meglio le diverse prenotazioni.

Download | Demo | Web hosting

2. ShareBang

ShareBang è un plug-in WordPress rivoluzionario per la condivisione sui social. Offre un'esperienza completa ed elegante che ti aiuterà ad aumentare il traffico e migliorare le vendite e la visibilità dei tuoi prodotti, pagine e blog.

I migliori pulsanti di condivisione sociale di Sharebang per wordpress 1

Supporta + 42 dai principali social network, comprese le app mobili, come WhatsApp, Facebook, Telegram, Skype, Line, Viber e altro. Viene fornito con più di 21 posizioni dedicate ai pulsanti di condivisione social, un layout completamente personalizzabile, aggiornamenti automatici e regolari, integrazione con Mailchimp, Mailster e altro ...

Tutte le funzionalità di cui sopra e molto altro ancora sono estremamente facili da usare infine per aiutarti a ottenere più abbonati e generare più traffico. Unisciti alla prossima generazione di plugin per pulsanti di condivisione social.

Download | Demo | Web hosting

3. Octabook

Octabook è un plug-in WordPress molto facile da usare e uno strumento di prenotazione istantanea degli appuntamenti per quasi tutti i tipi di servizi e fornitori di servizi che desiderano offrire Prenotazioni online da un sito web.Octabook

Offre diverse funzionalità che includono: supporto per localizzazione multipla, configurazione del servizio, prezzi dinamici, notifiche, supporto campi personalizzabili per moduli, personalizzazione dell'aspetto, Supporto per Google Calendar, la dashboard intuitiva, l'esportazione dei dati in formato csv e molto altro ancora.

Download | Demo | Web hosting

Risorse raccomandate

Scopri altre risorse consigliate per aiutarti a costruire e gestire il tuo sito web.

Conclusione

Ecco ! Questo è tutto per questo tutorial. Speriamo che ti aiuterà creare un negozio online privato. Non esitare a condividi con i tuoi amici sui tuoi social network preferiti

Tuttavia, sarai anche in grado di consultare il nostro risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress.

Se hai suggerimenti o commenti, lasciali nella nostra sezione commentaires.

...