Seleziona una pagina

Come installare Divi su WordPress

Ciao a tutti ragazzi e benvenuti su Divi Tutorial, in questa guida vediamo insieme come installare Divi su WordPress.

Vuoi acquistare Divi e non sai da dove iniziare?

Hai acquistato Divi e non riesci ad installare il tema su WordPress?

Non preoccuparti se segui questa guida, in pochi minuti sarai in grado d’installare Divi e anche tu sarai in grado di iniziare a creare il tuo sito web.

Vediamo insieme come installare Divi su WordPress

Come installare Divi su WordPress

Per prima cosa come saprai sicuramente, per installare Divi su WordPress, devi acquistare una licenza per Divi sul sito ufficiale di Elegant Themes, una volta effettuato l’acquisto avrai accesso alla tua area utente dove potrai scaricare l’ultima versione di Divi in formato zip.

Divi Account Area

Una volta effettuato il download di Divi, vai nella bacheca di WordPress e vai nella libreria dei temi installati, passando per “Aspetto/Temi”

Divi temi

Clicca in alto a sinistra su “Aggiungi nuovo tema” e subito dopo su “Carica Tema” e si aprirà un tab dove avrai la possibilità di caricare il file zip contenenti il tema Divi per WordPress.

Divi carica tema

Puoi caricare il file attraverso il tab “Scegli file” altrimenti puoi trascinare il file zip sempre sul tab”Scegli file” e poi cliccare su installa per iniziare l’installazione di Divi.

Una volta caricato il file zip e installato, puoi vedere un’anteprima del tema, o puoi attivarlo direttamente cliccando sul tasto “Attiva”.

Divi installazione temi

Una volta che avrai attivato Divi, avrai a disposizione tutte le opzioni di configurazione e di personalizzazione che prevede il tema e potrai iniziare a creare il tuo sito web con uno dei migliori temi in circolazione.

Divi

Conclusioni:

In questa Divi tutorial, abbiamo visto come installare Divi su WordPress, ora sei in grado anche tu di installare Divi per iniziare a creare  tutti i siti web che vuoi.

Per il momento è tutto.

A presto!

Raffaele

Divi: come creare una pagina 404 per il tuo sito web

Ciao a tutti ragazzi, in questo tutorial vediamo insieme come creare una pagina 404 con Divi e attivarla nel tuo sito web.

La pagina 404 è una pagina che appare, quando un’articolo o una pagina del tuo sito web non è raggiungibile o disponibile.

L’utilità di avere una pagina 404 attiva, è quella di non perdere un utente che trova un errore nel nostro sito web, e invitarlo a continuare la navigazione indirizzandolo verso una pagina disponibile.

La pagina 404 di base di Divi non è delle migliori, e viene generata automaticamente dal tema quindi non è modificabile.

In questo Divi Tutorial, vediamo come creare una pagina 404 con il Divi builder e renderla attiva sul tuo sito web.

Vediamo insieme come fare.

Come creare una pagina 404 con Divi

Prima di iniziare se ancora non l’hai fatto crea un backup del tuo sito web e installa un child theme per Divi.

In questo tutorial per Divi, andremo a creare un Layout con Divi e inseriremo un file 404.php nel child theme se non è presente.

La procedura da seguire è molto semplice, è la stessa che abbiamo visto nella guida “Come creare un footer personalizzato con Divi”, ma vediamo insieme passo passo come fare.

Per prima cosa andiamo nella “Libreria Divi” e creiamo un nuovo Layout.

Libreria Divi

Inserisci il nome del Layout es: “Pagina 404” e imposta come “Tipo di Layout”: Layout

Layout pagina 404

Ora inizia a creare il tuo Layout 404, puoi utilizzare sia il Divi builder che il Builder Visivo di Divi come preferisci.

Una volta creato il Layout, salva tutto e pubblicalo lo riprenderemo più tardi.

divi builder 404

Questa è la pagina 404 creata con Divi che attualmente è attiva su Divi Tutorial.

404 Divi Tutorial

Come inserire il file 404.php nel tuo child theme

Se il child theme che stai utilizzando prevede già un file 404.php, puoi skippare questo passaggio, altrimenti continua a seguire.

Per verificare se nel tuo child theme è presente il file 404.php, vai in “Aspetto/Editor” e dal menu a tendina scegli il tuo tema.

Se il file non è presente, scarica questo file > 404.php zip che andremo a posizionare nel child theme attraverso il file manager del tuo hosting.

divi child teme 404 php

Se ancora non l’ hai fatto fai un backup del tuo sito web,

Vai nel cPanel del tuo hosting provider e apri il file manager, in questo esempio sto utilizzando SiteGround.

Attenzione questo passaggio lo devi fare solo se stai cosa stai facendo altrimenti potresti fare danni al tuo sito web

Vai nella cartella “public_html”, cerca la cartella d’installazione di WordPress dove risiede il tuo sito web e vai alla cartella “wp-content”

404 wp-content

Clicca sopra la cartella per visualizzare le sottocartelle contenute nel “wp-content”, clicca sulla cartella “Themes” per visualizzare i temi installati.

404 cartelle wp content

All’interno della cartella troverai i temi installati in WordPress, individua il tuo child themes e cliccaci sopra.

child theme 404

Adesso sei nella cartella che contiene i file del tuo child themes dove dovrai caricare il tuo file 404.php (ricordati di scompattare il file zip), clicca in alto su “Carica”.

carica file 404 php

Scegli il file da caricare e in pochissimi secondi sarà caricato nella cartella del tuo child theme.

upload file 404 php

Verifica se il file è stato caricato correttamente e passiamo al punto successivo.

404 caricato

Divi: come attivare la pagina 404 sul tuo sito web

A questo punto abbiamo il nostro child theme completo con il file 404.php al suo interno, e il nostro Layout pronto nella libreria, adesso andiamo ad attivare la pagina.

Torniamo in “Aspetto/Editor” e apriamo di nuovo il child theme dal menu a tendina, individuiamo il file 404.php e clicchiamoci sopra.

404 php modifica

All’interno delle due righe di codice andiamo a inserire una nuova riga di codice, e successivamente cambieremo il numero previsto nel codice con il numero del Layout della pagina 404.

codice 404 numero da modificare

Nell’immagine qui sotto vediamo il codice. Lo puoi scaricare da qui > codice.zip

Copia il codice e inseriscilo nel 404.php in mezzo alle due righe di codice già presenti.

codice divi

Andiamo nel Layout che abbiamo salvato nella “Libreria Divi”, copiamo il codice di pagina (numero) e andiamo a inserirlo al posto del codice che si trova nel file 404.php.

codice di pagina 404

Salva tutto e la tua pagina 404 è attiva nel tuo sito web.

Fai un test per verificare se funziona, scrivendo una qualsiasi parola dopo l’url del tuo sito web: https://divitutorial.it/404.

404 Divi Tutorial

Conclusioni:

In questo Divi Tutorial, abbiamo visto come creare una pagina 404 per il tuo sito web.

Da ora in poi i tuoi utenti non perderanno occasione per rimane ancora sul tuo sito.

Per il momento è tutto.

Ciao a presto!

Raffaele

Divi: creare un footer con divi builder e cambiare quello di default

Ciao a tutti ragazzi, oggi vediamo insieme come cambiare il footer di default di Divi e inserire un footer creato con il Divi builder.

Sei stufo di avere il footer a 3 colonne e ne vuoi inserire uno personalizzato con un layout super figo, segui il tutorial e in pochi minuti avrai il tuo nuovo footer.

La cosa che devi sapere è che una volta hai inserito il nuovo footer creato con Divi, non dovrai più andare pagina per pagina per inserirlo ma sarà automaticamente inserito in tutte le pagine del sito web.

Vediamo insieme come fare e quali sono i passi da seguire.

Creare il footer con il Divi builder

Per prima cosa andiamo nella “Libreria Divi” e aggiungiamo un nuovo Layout cliccando su “Add new”

Libreria Divi

Successivamente compiliamo i campi per il nuovo Layout, inserendo il nome del template, la tipologia di template che andiamo a creare ( assicuratevi di mettere su Layout), e se volete inserite anche una categoria per il Template in modo tale da ritrovarlo rapidamente tra i tutti i template quando fate una ricerca.

aggiungi nuovo Layout

Iniziamo a creare il Footer, puoi utilizzare il Divi Builder o il Builder Visivo come preferisci, una volta terminato pubblica il Layout.

Footer Divi

Come inserire il footer personalizzato con divi nel tuo sito web

Per inserire il tuo nuovo footer in tutte le pagine del sito web, dobbiamo inserire una riga di codice nel file footer.php del tuo child theme, mi raccomando non andare a modificare i files del tema originale altrimenti rischi di far saltare il sito se non sai cosa stai facendo.

Fai un backup del sito prima di continuare.

Quindi se ancora non l’hai fatto crea subito il tema child per il tuo sito web.
Una volta installato il child theme assicurati che all’interno sia presente il file footer.php, lo puoi verificare andando su “Temi/Editor” selezionando il tema child appena installato.

Footer php

Se il file non è presente nel child theme appena creato, lo devi inserire per effettuare le modifiche, lo puoi inserire attraverso il file manager del tuo hosting provider nella cartella dove è installato il child theme. (Scarica il file footer.php > footer.php zip decomprimi lo zip prima di caricare il file.)

Attenzione questo passaggio qui sotto, fallo solo se nel tuo child theme non è presente il file footer.php, se non sei esperto fai attenzione che potresti corrompere il sito web.

Apri il file manager e nella cartella “public_html“, cerca la cartella corrispondente all’installazione di WordPress per il sito web e vai alla cartella “wp-content“e cliccaci sopra.

divi wp content

Adesso visualizzerai una serie di cartelle clicca sulla cartella “Themes”.

divi themes

All’interno della cartella “Themes” troverai le cartelle dei temi caricati in WordPress, seleziona la cartella del tuo child theme e cliccaci sopra.

child divi

Ora ti trovi nella cartella del tuo child theme, dove dovrai caricare il tuo file footer.php

carica footer

Clicca su carica e fai l’upload del file footer.php, in pochi secondi il file sarà caricato nella cartella del child theme.

divi upload Divi

Adesso siamo pronti a proseguire.

upload footer divi done

 

Divi: attivare il footer personalizzato in tutto il sito web

Torniamo in “Aspetto/Editor” e selezioniamo il child teme. Clicchiamo sul file footer.php, e scorriamo fino a trovare il codice “<footer id=“main-footer“>“.

file footer php child

Subito sotto a questa riga inserite il seguente codice:

codice divi

non modificate il codice, l’unica cosa che va modificato è il numero che vedete e che è l’unico numero presente. ( scarica il codice > codice zip)

numero da modificare

Adesso ci rimane da cambiare il numero nel codice e per farlo torniamo nella “Libreria Divi” e apriamo il layout che abbiamo creato in precedenza.

In alto nell’ Url del Layout andiamo a prendere il numero di corrispondenza del footer personalizzato che abbiamo creato con Divi.

Prendiamo questo numero e sostituiamo quello che si trova nel codice che abbiamo inserito nel file footer.php del child theme.

codice layout footer divi

Una volta inserito il codice nel file footer.php, salvate le modifiche e il vostro nuovo footer personalizzato, sarà presente in tutte le pagine del vostro sito web.

Successivamente se volete effettuare modifiche al footer, vi basta andare nella “Libreria Divi” modificare il footer e le modifiche saranno applicate a tutto il sito web.

footer Divi Tutorial

Conclusioni:

In questo Divi Tutorial, abbiamo inserito un footer personalizzato creato con Divi nel tuo sito web.

Se hai seguito tutti i passaggi ci sei riuscito anche tu.

Fammi sapere cosa ne pensi nei commenti.

Ciao a presto

Raffaele

Divi 3.0 il migliore tema WordPress

Ciao a tutti ragazzi e benvenuti su Divi Tutorial, in questa guida vediamo insieme Divi 3.0 di Elegant Themes.

Divi è in assoluto il tema WordPress, più completo e più potente che puoi trovare nel mondo di WordPress.

E’ semplicissimo da utilizzare, ha nel mondo più di 400.000 mila utenti attivi e dietro a Divi c’è una community di supporto non indifferente che rende questo tema per WordPress il migliore di sempre.

Per utilizzare Divi, non devi essere un esperto e non devi essere un programmatore, il limite di Divi sarà soltanto la tua fantasia.

Dai uno sguardo al video qui sotto per capire le potenzialità di Divi 3.0.

Divi: creare un sito web con 165 Layout già pronti all’uso

Se stai cercando il miglior tema WordPress, Divi è in assoluto il tema che fa per te.

E’ un tema versatile, personalizzabile, veloce potente e che ti permette di realizzare i layout per il tuo sito web o per i siti dei tuoi clienti in totale Autonomia.

Anche se sei un principiante assoluto, con Divi sarai in grado di realizzare il tuo sito web.

Divi ha integrato il Divi Builder, un potentissimo page builder che puoi utilizzare live in front end, il tutto con sistema drag&drop, quindi puoi trascinare gli elementi all’interno della pagina che stai creando senza bisogno di scrivere una riga di codice.

La cosa ancora più importante che devi sapere è che Divi, viene aggiornato continuamente e avrai sempre un nuovo Layout da scegliere dalla libreria disponibile.

Se acquisti Divi, hai a disposizione più di 165 Layout già predisposti e pronti per essere personalizzati.

Dovrai solo caricarli nel tuo sito web con un click.

Inoltre puoi personalizzare ancora di più le tue pagine con tutti i moduli che Divi ti mette a disposizione.

divi elegant themes moduli

Hai a disposizione un’infinità di combinazioni, per creare un sito web, landing page, blog e inserire pulsanti, call to action, slider, testimonial, video, mappe, modulo di contatto e molto altro ancora, le combinazioni sono veramente infinite.

Divi: quanto costa acquistare una licenza

Hai a disposizione 2 possibilità per acquistare Divi 3.0 di Elegant Themes:

Divi Tutorial acquisto Divi 3.0 elegant themes

Yearly Access per 89$ l’anno,  hai a disposizione Divi + tutti i temi messi a disposizione da Elegant Themes, inoltre hai accesso a tutti i plugin, gli aggiornamenti, il supporto premium, cosa importantissima, puoi utilizzare Divi su qualsiasi sito lo vuoi installare senza limiti, la licenza deve essere rinnovata annualmente.

Lifetime Access per 249$ One time Fee, come per la licenza Yearly hai a disposizione Divi + tutti i temi di Elegent Themes, tutti i plugin, tutti gli aggiornamenti, il supporto premium e puoi utilizzare Divi su tutti i siti che vuoi, lo puoi acquistare sia se sei un singolo utente, ma anche se sei una piccola web agency o un freelance per creare il sito web per i tuoi clienti. Con la licenza Lifetime paghi una volta e non paghi più per il resto della tua vita.

Licenza Sviluppatore – 20% sconto, se vuoi acquistare Divi con uno sconto sulla licenza Yearly Access a 70$ al posto di 89$ clicca sul link, la licenza sviluppatore prevede le stesse funzioni della licenza Yearly, la dovrai rinnovare annualmente.

Pensa che vantaggio, se utilizzi Divi per creare dei siti web, prendi una licenza e la puoi applicare a tutti i siti web che vuoi.

Una volta che hai unito la velocità ed efficenza di SiteGround e WordPress con la Potenza di Divi 3.0, puoi iniziare a creare qualsiasi sito web tu abbia pensato.

Inizia a creare un sito eCommerce, un Blog, un sito di Info-prodotti, un sito di Corsi online, un sito per un’agenzia, un sito per un ristorante……..

Con Divi 3.0 le possibilità sono veramente infinite.

Cosa stai aspettando?

Conclusioni:

In questa guida abbiamo visto, quali sono gli elementi essenziali per creare un sito web con Divi 3.0.

Non ti lasciare sfuggire l’occasione di acquistare Divi con licenza lifetime per avere a disposizione il tema WordPress piu potente in rete per iniziare a creare tutti i siti web che vuoi per te e per i tuoi clienti senza limitazioni.

Ci vediamo al prossimo tutorial….

Ciao a presto da Raffaele 😉

PS: Rimani sintonizzato su Divi Tutorial, per ricevere i prossimi tutorial e personalizzare il tuo sito web.

Se hai domande, scrivi pure nei commenti.