Come creare e sviluppare pagine su WordPress 5.x

WordPress è una piattaforma che alimenta una parte importante di Internet. Il CMS è cresciuto da umili origini in un gigante e continua a crescere.

Per chi non lo sapesse, tuttavia, avere un sito WordPress pone alcune sfide.

La prima sfida è come personalizzare il sito secondo le preferenze.

È un lavoro duro se lo fai da solo senza conoscere il codice.

Per semplificarti l'esperienza di sviluppo, abbiamo sviluppato una breve guida su come sviluppare un sito Web WordPress.

 

Come sviluppare pagine su WordPress

Quindi, senza ritardi, iniziamo:

 

Accedere a WordPress

Una volta installato WordPress, digita l'URL del tuo sito nel browser.

Senza dubbio, sembra molto buono dall'inizio, ma un po' meno personale. WordPress utilizza un tema predefinito quando lo installi per la prima volta.

Al momento della stesura di questo documento, il tema predefinito è intitolato "Twenty-Twenty" che può essere modificato per un tema migliore o personalizzato in base alle proprie preferenze.

Per accedere al backend del tuo sito web, puoi digitare l'URL del tuo sito web seguito da un "/wp-admin".

Per esempio: Iltuosito.com/wp-admin

Verrai ora reindirizzato alla schermata di amministrazione di WordPress.

Digita le credenziali che hai creato durante il processo di configurazione per accedere al tuo sito Web WordPress.

Vai su Aspetto> Temi. Lì vedrai un elenco di temi installati sul tuo sito web.

Ora, se hai un tema premium o di terze parti, puoi fare clic su Aggiungi nuovo per caricare il suo file zip.

Se non ce l'hai puoi cercare il tema che preferisci.

Per la personalizzazione, puoi utilizzare il WordPress Customizer oppure Gutenberg editor di blocchi.

Tuttavia, sarai limitato nel livello di personalizzazioni che puoi eseguire.

In questo articolo, useremo il Elementor Page Builder plugin per personalizzare la pagina.

 

Installazione di Elementor

Dalla dashboard di WordPress, visita la sezione Plugin e dalla casella di ricerca digita Elementor.

I risultati della ricerca forniranno una varietà di plugin relativi a Elementor.

Quello che devi scaricare è da Elementor.com. Scarica, installa e attiva il plugin.

Fatto ciò, è ora di passare alla sezione successiva.

 

Creazione di una pagina WordPress con Elementor

Vai su Pagine> Aggiungi nuovo e crea una pagina intitolata Home.

A causa di Elementor, vedrai un pulsante sotto l'editor che dice Modifica con Elementor.

Fare clic su di esso per avviare Elementor.

Per ottenere il massimo da Elementor, dovresti rimuovere il layout predefinito per assicurarti di iniziare a costruire da zero.

Per fare ciò, devi andare sull'icona Hamburger situata in alto a sinistra della pagina, fare clic su di essa e visitare le impostazioni.

Da lì, vedrai una sezione chiamata modello.

Fare clic sul menu a discesa e selezionare Larghezza intera di Page Builder.

Questo rimuoverà il layout predefinito della pagina e ti lascerà con una pagina quasi vuota.

Ora puoi personalizzare il tema in base alle tue preferenze aggiungendo una nuova sezione.

Per comodità, tuttavia, puoi utilizzare un modello da temi preesistenti.

Se hai un tema premium come il Deep Tema, puoi anche eseguire personalizzazioni su di esso.

Nel complesso, l'uso di modelli semplifica notevolmente i processi di sviluppo per i non esperti.

Dopo aver selezionato un modello, devi solo fare clic su Inserisci e caricare il modello su Elementor.

Puoi modificare quasi tutto all'interno del modello.

Dalla riduzione dell'opacità, ai pulsanti, alla modifica del contenuto, dei colori, del carattere e altro ancora.

Con Elementor puoi personalizzare praticamente qualsiasi cosa.

Modifica le funzioni fornite dal builder fino a raggiungere il layout giusto per il tuo sito web.

Oltre a ciò, puoi anche creare e personalizzare una sezione contatti e informazioni per il tuo sito.

Successivamente, puoi creare un menu di navigazione e aggiungere un collegamento ad essi sul tuo sito. Ecco come puoi farlo.

 

Creazione della pagina "Chi siamo"

Il processo è simile a come creerai qualsiasi pagina su WordPress.

Dalla dashboard di WordPress, visita Pagine > Aggiungi nuovo e intitola la pagina come pagina "Chi siamo".

Ora, fai clic sul pulsante "Modifica con Elementor" per iniziare a modificare.

A questo punto, vedrai una pagina piuttosto blanda.

Ora puoi aggiungere il titolo di Chi siamo nella parte superiore della pagina o sotto e l'immagine a seconda delle tue esigenze.

Dopo averlo fatto, devi selezionare un layout in cui puoi aggiungere i contenuti Chi siamo rilevanti per il tuo sito web.

Ora puoi aggiungere ulteriori personalizzazioni al contenuto, ma per ora è sufficiente per rendere il tuo sito valido.

 

Creazione di una pagina "Contattaci"

Le pagine di contatto sono al centro dell'esperienza del sito web.

In quale altro modo puoi consentire ai tuoi utenti di contattarti? Dal retargeting e dall'outreach, ci sono molti vantaggi nell'avere una pagina di contatto.

Con Elementor, puoi aggiungere facilmente una pagina di contatto.

Prima di tutto, devi creare una nuova pagina andando su Pagine> Aggiungi nuovo e chiamala come "Contattaci" o "Contattaci".

Non fare ancora clic sul pulsante Modifica con Elementor. Per una pagina di contatto, è necessario un modulo di contatto.

Per aggiungere un modulo al tuo sito Web, devi disporre di un plug-in come WP-Forms che ti consente di creare moduli. Dopo aver scaricato WP-Forms, è il momento di creare un modulo.

Al termine, salvalo, torna alla pagina dei contatti e fai clic sul pulsante Modifica con Elementor. Quello che vedrai essenzialmente è una pagina vuota.

Ora puoi giocarci aggiungendo stili, mappe di Google, cambiando i caratteri e tutto il resto.

Una volta che hai fatto tutto, è il momento di passare all'integrazione del modulo di contatto utilizzando il widget Aggiungi.

Puoi anche personalizzare ulteriormente il layout del tuo modulo per farlo risaltare con il tuo sito.

Ora che abbiamo sviluppato tre pagine di base, è ora di creare un menu e organizzarlo su Elementor.

 

Aggiungere un menu a WordPress

Questa parte è relativamente facile.

Tutto quello che devi fare è visitare Aspetto> Widget e creare un menu da lì.

Fatto ciò, inizia ad aggiungere le pagine che hai creato al menu.

Al termine, salva le modifiche e torna a Elementor.

Se hai creato un menu principale, Elementor lo prenderà e avrai una navigazione dell'intestazione che dettaglia tutte le pagine del tuo sito web.

 

WooCommerce ed Elementor

Se hai un negozio di eCommerce su WordPress, puoi personalizzarlo anche usando Elementor.

Simile a come abbiamo modificato il sito Web sopra, possiamo modificare facilmente un sito Web WooCommerce.

Oltre a modificarlo con Elementor, puoi persino aggiungere funzionalità all'ingrosso a WooCommerce utilizzando una soluzione all-in-one come Plugin eCommerce B2BWoo.

 

Conclusione

Quindi, sei arrivato alla fine di questo articolo.

Speriamo che questa guida di base ti abbia dato il punto di partenza per sviluppare un sito Web WordPress senza bisogno di alcun codice.

Avremmo potuto parlare di più, ma per comodità riteniamo che queste informazioni sarebbero state sufficienti per non sopraffare l'utente.