Costruisci un Sito WordPress Perfetto con Layers

Uno dei migliori aspetti del software open source è che sei libero di modificarlo a tuo piacimento. Ecco perché WordPress è una grande piattaforma per blog: puoi scegliere tra centinaia di temi e anche estenderlo con plugin e migliorare le sue prestazioni con trucchi utili.

Se hai sempre voluto creare il tuo tema WordPress, ma non avevi le competenze di codifica né il tempo da investire nell’apprendimento, Layers è decisamente per te. È un framework di tema che si integra strettamente con le opzioni predefinite di WordPress, consentendo un’esperienza di personalizzazione senza soluzione di continuità. Puoi usarlo per progettare temi WordPress senza alcuna conoscenza di codifica attraverso un’interfaccia drag-and-drop e dialoghi user-friendly.

Installazione e Integrazione con WordPress

Layers è gratuito e open source, quindi puoi semplicemente scaricare il .zip e installarlo tramite il dialogo di installazione del tema nel tuo setup WordPress esistente. Per utilizzare Layers, devi selezionarlo come tema WordPress attivo.

Una volta attivato, Layers sarà accessibile da diverse parti dell’interfaccia di WordPress. Ci sarà un nuovo menu chiamato “Layers” nella barra laterale principale di WordPress. Qui puoi controllare tutti gli aspetti di Layers dal suo Dashboard.

Layers si integrerà anche con il menu Aspetto dove puoi accedervi cliccando su “Personalizza” e il menu Pagine dove puoi aggiungere una nuova pagina come “Template di Layers.” Infine, quando visualizzi il tuo sito WordPress, ci sarà una nuova opzione – “Modifica Layout” – nella barra degli strumenti.

Se vuoi semplicemente provare Layers senza installarlo, c’è una versione demo che funziona nel browser ma richiede una registrazione (gratuita).

Modifica delle Pagine WordPress con Layers

Layers funziona essenzialmente come un tema WordPress completamente personalizzabile; a differenza di altri temi con funzionalità predefinite, puoi regolare ogni elemento del tuo sito web aggiungendo, rimuovendo e modificando i widget. Se non hai voglia di costruire pagine da zero, puoi scegliere uno dei Layout Preimpostati. Alcuni template sono costruiti per scopi specifici, come una pagina portfolio, pagine di atterraggio o una pagina video. Per iniziare a lavorare con i Layout, clicca su “Modifica Layout” nella barra degli strumenti principale o su “Modifica la tua Pagina” dal menu Pagine nella barra laterale di WordPress.

L’Editor di Layers ha la barra laterale principale a sinistra dove puoi scegliere cosa vuoi modificare (Corpo della Pagina, Barra Laterale Mobile, Footer). Ogni sezione è un menu a discesa in cui puoi aggiungere e riordinare i widget. Cliccando su un widget si apre il suo dialogo delle opzioni a destra per ulteriori personalizzazioni.

La barra degli strumenti verticale con icone è chiamata Design Bar, e cambia a seconda del widget che selezioni. Ogni widget ha il proprio set di funzionalità, e i widget di Layers sono contrassegnati con un’icona blu per distinguerli dai widget predefiniti di WordPress. Cliccando sul pulsante “Avanzato” nella Design Bar potrai modificare il CSS per quel widget. In questo modo Layers fornisce un maggiore grado di controllo sui contenuti per utenti avanzati e esperti di CSS.

Naturalmente non devi mai toccare il codice se non vuoi, anche quando si tratta di design responsivo. Layers fornisce supporto per dispositivi mobili consentendoti di creare un menu speciale, solo per dispositivi mobili, semplicemente selezionando e riorganizzando i widget.

Modificare un layout influisce solo sulla pagina WordPress selezionata. Tuttavia, Layers può anche modificare le impostazioni a livello di sito. Per accedervi, esci da “Modifica Layout” cliccando sulla freccia indietro nella barra laterale dell’Editor di Layers.

Regolazione delle Impostazioni del Sito

Dal menu Impostazioni del Sito, puoi controllare elementi come logo e titolo del sito web, navigazione e barre laterali, oltre a utilizzare Google Fonts grazie all’integrazione di Layers con il servizio.

Nella barra laterale dell’Editor di Layers, ci sono anche opzioni separate per modificare l’Intestazione e il Footer, impostare una Pagina Frontale Statica e aggiungere CSS personalizzato. Le sezioni Intestazione e Footer contengono entrambe una scheda “Script Aggiuntivi” che puoi utilizzare per inserire codice personalizzato nel tuo sito web come il tracciamento di Google Analytics o funzioni simili basate su Javascript.

Se hai intenzione di costruire un tema con Layers, ti consiglio di iniziare con quegli elementi generali (impostazioni a livello di sito) e poi procedere verso la personalizzazione di singole pagine e la creazione di template che puoi applicare a un insieme di pagine.

Esportazione e Funzionalità Avanzate

Una volta che sei soddisfatto del layout che hai creato, puoi esportarlo in diversi formati. Dal dashboard di WordPress, vai al menu Layers e seleziona Backup per vedere tutte le opzioni. Puoi esportare solo i layout o fare un backup completo dei tuoi contenuti insieme alle impostazioni dei widget modificati.

Con Layers, è anche possibile creare temi child e Style Kits, che sono esportazioni più estese che contengono tutti gli elementi dell’interfaccia del sito web. Tuttavia, possono essere applicati solo a un’installazione di WordPress che ha Layers. La documentazione ufficiale spiega come creare e importare Style Kits.

Un’altra funzionalità utile di Layers è il supporto per WooCommerce, che rende molto più facile costruire siti web di e-commerce.

Conclusione

Layers è un progetto in crescita, quindi se senti che alcune funzionalità mancano, è probabile che vengano aggiunte in versioni future. È un modo semplice per i principianti di WordPress di creare rapidamente un tema personalizzato, e non appesantisce il sito web. L’interfaccia è pulita e semplice con un flusso di lavoro da sinistra a destra che ti guida dalla barra laterale attraverso menu a discesa fino ai dialoghi dei singoli widget. Naturalmente, Layers non è l’unica estensione di WordPress di questo tipo, quindi se per qualche motivo non ti piace, puoi provare Platform o Unyson, di cui abbiamo parlato in precedenza.

Hai provato Layers? Preferisci costruire i tuoi temi WordPress o ti affidi alle creazioni di altri designer? Dicci nei commenti.