Come modificare la home page di WordPress (per principianti)

Pubblicato: 2020-11-04

Ci siamo stati tutti.

Installi un nuovo tema WordPress solo per scoprire che l'aspetto è leggermente diverso da quello che hai visto nell'anteprima dal vivo del tema originale.

No, lo sviluppatore del tema non ti ha ingannato. Per sistemare le cose, devi solo adattare il tuo nuovo tema al tuo sito web con alcune modifiche di base, che iniziano con il sapere come modificare la home page di WordPress.

Contenuti
  1. Perché modificare la tua home page su WordPress?
  2. Impostazione di una home page statica in WordPress
  3. Come modificare la home page su WordPress utilizzando le opzioni integrate del tema
  4. Come modificare la home page di WordPress utilizzando un editor di blocchi
  5. Come modificare la home page di WordPress utilizzando Divi Page Builder
  6. Modifica della home page di WordPress utilizzando Beaver Builder
  7. Per riassumere

Perché modificare la tua home page su WordPress?

Bene, per impostazione predefinita tutti i siti Web WordPress appena installati mostrano i post recenti sulla loro prima pagina (ovvero home page). La ragione di ciò è il fatto che WordPress è stato inizialmente progettato come Content Management System (CMS) per i blog . Non era una piattaforma universale per la creazione di siti Web come la percepiamo oggi.

Quindi, sostanzialmente WordPress conserva ancora oggi il suo "CMS di blog" e questo crea una sorta di confusione per i principianti che vengono a WordPress per creare i loro siti Web e si aspettano che si comporti come un classico costruttore di siti.

Ora, i post recenti in prima pagina possono funzionare per i blog, ma per la maggior parte dei siti questo concetto non ha senso .

Ad esempio, le aziende di solito preferiscono impostare e modificare una home page statica quando il loro obiettivo è:

  • Ottieni più iscritti alla posta elettronica
  • Genera più contatti
  • Concentrati su un servizio specifico
  • Produci più vendite
  • Avvia un blog in una fase successiva
  • Non intendo affatto avere un blog

Controlla anche: Come modificare il piè di pagina in WordPress

Impostazione di una home page statica in WordPress

Se non vuoi che la tua prima pagina mostri i post recenti, vai avanti e impostala su una pagina statica.

Per iniziare, crea una nuova pagina andando su Pagine » Aggiungi nuovo . Potresti voler intitolarlo Home e premere il pulsante di pubblicazione.

Crea una nuova home page per modificarla
Crea una nuova pagina

Il passaggio successivo è dire a WordPress di iniziare a utilizzare la pagina che hai creato.

Per raggiungere questo obiettivo, vai alla dashboard di WordPress e vai su Impostazioni » Lettura.

Per selezionare una pagina statica, vai su impostazioni>Lettura
Vai su Impostazioni, quindi su Lettura

Vedrai due opzioni sotto il testo "visualizza la tua home page":

  • I tuoi ultimi post
  • Una pagina statica
Una pagina statica precede il processo di modifica
Seleziona pagina statica

Seleziona "una pagina statica", quindi scegli la "home page" che avevi creato in precedenza.

Seleziona la home page sotto la pagina statica
Scegli la home page

È stato facile, vero?

Ma la homepage che hai appena creato è ancora vuota. Quindi, come lo modifichi?

Come modificare la home page su WordPress utilizzando le opzioni integrate del tema

La maggior parte dei temi viene fornita con un design che puoi facilmente modificare, il che rende la modifica di WordPress una passeggiata nel parco.

Nella dashboard, vai su Aspetto » Personalizza . Il personalizzatore del tema verrà avviato insieme all'anteprima dal vivo del tuo tema.

Il personalizzatore del tema contiene diverse opzioni per ogni tema, ma il concetto è praticamente lo stesso. Per la maggior parte, la maggior parte dei temi ha un'icona a forma di matita blu vicino al testo della pagina, che devi modificare.

Utilizzo delle opzioni integrate di un tema per modificare la home page di WordPress
Usa la personalizzazione del tema

Alcuni temi richiedono che tu faccia clic sulle opzioni sul lato sinistro per individuare il testo che deve essere modificato e modificarlo.

Ogni volta che apporti modifiche, le modifiche verranno visualizzate nella modalità di anteprima del tuo sito. Se ti piacciono le modifiche, puoi fare clic sul pulsante Pubblica.

Come modificare la home page di WordPress utilizzando un editor di blocchi

A volte, potresti voler creare una home page da zero e hai bisogno di un editor di blocchi per raggiungere questo obiettivo.

Pertanto, dovresti iniziare aprendo la pagina "home" che hai creato in precedenza e aggiungendo il tuo contenuto.

Apri la home page già creata
Apri la pagina

Per aggiungere testo, fai clic sulla pagina e inizia a digitare o incolla il testo da un documento di Word alla pagina. Verrà creato automaticamente un blocco di paragrafo per te.

È possibile modificare la dimensione del testo facendo clic sulla dimensione preimpostata.

Modifica la dimensione del testo durante la modifica della home page
Fare clic sulla dimensione preimpostata

Vuoi cambiare il tuo testo in un colore diverso? Fare clic sulle impostazioni del colore per selezionare il colore preferito.

Fare clic sulle impostazioni del colore per modificare il colore del testo
Cambia il colore del testo

E i contenuti possono essere noiosi senza elementi visivi. Quindi, per aggiungere un'immagine alla tua pagina, clicca sul simbolo ' + ' nell'angolo in alto a sinistra e seleziona il blocco immagine.

Aggiungi immagini durante la modifica della home page in wordpress
Fare clic su + quindi selezionare l'icona dell'immagine

Puoi selezionare un'immagine dalla libreria multimediale o caricarne una dal tuo dispositivo. Puoi controllare più blocchi e usarli per modificare la home page.

Una volta che sei soddisfatto dell'aspetto della pagina, premi Pubblica in alto a destra sullo schermo.

Come modificare la home page di WordPress utilizzando Divi Page Builder

Uno dei modi più semplici per modificare una home page di WordPress è utilizzare un plug-in per la creazione di pagine. La maggior parte delle persone usa il page builder Divi perché è un generatore di trascinamento della selezione che funziona con qualsiasi tema e ti consente di personalizzare un sito Web in modo semplice e rapido, grazie ai suoi layout predefiniti.

In questa sezione, userò il tema Divi per mostrarti come funziona l'editing.

Il primo passo è scaricare il tema Divi dopodiché dovresti installarlo e attivarlo. L'installazione verrà fornita con il plug-in Divi builder, quindi non è necessaria un'installazione separata per questo.

Dopo aver installato il tema, vai alla dashboard di WordPress, quindi Divi » Opzioni tema » Aggiornamenti e inserisci un nome utente e una chiave API.

Installa divi builder per iniziare a modificare la home page in wordpress
Inserisci nome utente e chiave API

Prima di modificare la home page, assicurati di selezionare il modello di pagina vuota andando su Documento » Attributi di pagina » Modello » Vuota (nella schermata di modifica della home page, barra laterale destra).

Ciò assicurerà che la tua home page non abbia elementi predefiniti, come titolo, barra laterale e menu.

Scegli il modello di divi builder per modificare la home page
Seleziona un modello predefinito

Quindi, vai nella parte superiore dello schermo e fai clic sul pulsante "Usa Divi Builder".

Inizia a usare il divi builder
Attiva il Divi Builder

Vedrai il pulsante "Modifica con Divi Builder" al centro dello schermo. Cliccaci sopra.

Inizia a modificare la home page in wordpress
Fare clic sul pulsante Modifica

Lavorare con i layout

Successivamente, vedrai tre opzioni per creare una pagina:

  1. clonare la pagina esistente
  2. costruire da zero
  3. e scegli un layout predefinito.

Qui, fai clic su "sfoglia layout"

layout di divi builder per la modifica della home page di wordpress
Fare clic su sfoglia layout

Il risultato successivo mostra tonnellate di layout (Divi ha 1383 layout in totale). Puoi digitare nella casella di ricerca qualcosa relativo alla tua attività per trovare layout pertinenti.

scopri come modificare la home page in wordpress scegliendo il pacchetto di layout divi builder
Pacchetti di layout diversi per Divi Builder

Puoi anche filtrare le tue ricerche in base alle categorie spuntando una casella a sinistra di ogni categoria.

Utilizzeremo il pacchetto di layout "Art & Design" per creare la home page.

In primo luogo, faremo clic sul pacchetto di layout che desideriamo in modo da poter vedere i layout sotto di esso, che in questo caso è il pacchetto di layout del copywriter:

modifica la home page di wordpress scegliendo un pacchetto di layout
Seleziona un pacchetto di layout

Successivamente, vengono visualizzate una serie di opzioni di layout, tra cui pagina di destinazione, home page, prezzi, domande frequenti e altro ancora. Andremo con l'opzione home poiché stiamo creando una home page.

Dopo aver cliccato sul layout 'home', facciamo clic su 'usa questo layout:

seleziona il layout di home divi builder per modificare la home page di wordpress
Scegli la disposizione della casa

Divi quindi importa il layout in modo che tu possa vederlo dal vivo sul tuo schermo, proprio come apparirà sul tuo sito web.

Per modificare la pagina, fai clic sulla sezione che desideri modificare.

Fare clic sul testo per modificarlo

Divi ha righe e moduli per aiutarti a creare una pagina. Utilizzando i moduli di testo, puoi fare clic sul testo predefinito e sostituirlo con quello che desideri.

È possibile utilizzare l'icona del cestino per eliminare righe e moduli. Per sostituire le immagini esistenti con le tue, puoi modificare le impostazioni del modulo.

Tieni presente che l'immagine dell'intestazione è un'immagine di sfondo e per cambiarla, dovrai andare su Contenuto »Sfondo e fare clic sull'icona dell'immagine.

Cambia l'immagine di sfondo per modificare la home page su wordpress facendo clic sull'icona dell'immagine
Fare clic sull'icona dell'immagine

Una volta che sei soddisfatto delle modifiche apportate, fai clic su "pubblica" o "salva bozza" sotto lo schermo.

una volta terminata la modifica di una home page di wordpress, pubblica le modifiche
Fare clic su salva o pubblica

Controlla anche: Perché WordPress è così difficile da usare?

Modifica della home page di WordPress utilizzando Beaver Builder

Beaver Builder è un altro generatore di pagine drag and drop che puoi utilizzare per creare e modificare la tua home page. È facile da usare e puoi usarlo per creare pagine Web belle e reattive in pochi minuti.

Innanzitutto, dovresti scaricare il plug-in, installarlo e attivarlo.

Ecco il video tutorial su questo:

Successivamente, vai al menu delle pagine e fai clic sulla home page che abbiamo impostato in precedenza per modificarla.

Quindi, vai all'editor dei blocchi e poi Documento » Attributi di pagina » Modello.

Apparirà una pagina con il pulsante "Avvia Beaver Builder" al centro. Per questo esempio, utilizziamo il tema Astra.

come modificare la home page su wordpress con beaver builder
Avvia Beaver Builder

Fai clic sul pulsante e vedrai rapidamente l'editor di Beaver Builder. Per creare rapidamente una home page, utilizza i modelli integrati.

Nota che la versione lite del plugin non ha i modelli.

I modelli di Beaver Builder aiutano a modificare la home page in wordpress
Fai clic sui modelli di Beaver Builder

Utilizzeremo il modello Fashion Freaks.

Scegli uno dei modelli per iniziare a modificare la home page in wordpress
Scegli un modello

Per apportare qualsiasi modifica al modello, fai semplicemente clic sulla parte che desideri modificare e verrà visualizzato un editor di testo con il testo che desideri modificare.

Modifica qualsiasi testo con l'editor di testo
Usa l'editor di testo

Una volta terminate le modifiche, fai clic su Salva.

Aggiunta (e rimozione) di moduli e righe

Ancora più importante, Beaver Builder contiene moduli e righe che ti consentono di aggiungere nuovi elementi.

Per aggiungere un modulo o una riga, fai clic sul simbolo '+' in alto.

Quindi, trascina e rilascia i moduli o le righe che hai selezionato.

Trascina e rilascia righe o moduli

Puoi utilizzare lo stile dell'editor di testo per modificare il tipo di carattere e la dimensione del testo.

Stile dell'editor di testo per modificare la dimensione del carattere, il colore sulla home page
Fare clic sullo stile per modificare la tipografia

Per rimuovere un modulo o una riga dalla pagina, passa semplicemente il mouse attorno ad esso e fai clic sulla X situata a sinistra.

Modifica la pagina rimuovendo una riga o un modulo
Fare clic su X per rimuovere riga o modulo

Puoi continuare a modificare e aggiungere i moduli e le righe alla pagina tutte le volte che preferisci. Una volta che sei soddisfatto dell'aspetto della pagina, vai in alto a destra e fai clic su " Fine ".

Ora puoi pubblicare o salvare la pagina.

Pubblica la pagina modificata con Beaver Builder
Fatto? Premi Pubblica!

Per riassumere

Ecco qua! Una guida passo passo su come modificare la home page in WordPress utilizzando diversi metodi.

Ricorda che puoi utilizzare le opzioni integrate del tema, ma se ti sembra complesso, vai avanti ed esplora i costruttori di pagine semplici e intuitivi: Divi Builder, Elementor, Beaver Builder o altri editor front-end di WordPress.

Quindi, quale dei metodi precedenti lo trovi facile da usare quando modifichi le tue pagine?

Faccelo sapere nei commenti qui sotto!

🔔 Controlla anche:

  • Come modificare il sito WordPress?
  • Come giustificare il testo in WordPress
  • Come cambiare il colore del collegamento in WordPress
  • Come aggiungere post di blog alle pagine in WordPress
  • WordPress: come rimuovere "Lascia una risposta"
  • Come creare un sito webcomic
  • Come modificare il piè di pagina in WordPress
  • Perché WordPress è così difficile da usare?
  • Editor visivo di WordPress non funzionante