Good Contents Are Everywhere, But Here, We Deliver The Best of The Best.Please Hold on!
Your address will show here +12 34 56 78
Grazie a questa nuova guida da oggi potrai realizzare anche se non sei tanto esperto di codice HTML o CSS, pagine web. Fantastico vero? 🙂 Andiamo a vedere come fare, leggi tutto l’articolo e ti garantisco che a fine lettura avrai delle basi per realizzare una pagina web.

Visual Composer per WordPress: cos’è e come si utilizza

Come già saprai WordPress è una piattaforma software di “personal publishing” e content management system open source ovvero un programma che, girando lato server, consente la creazione e distribuzione di un sito Internet formato da contenuti testuali o multimediali, facilmente gestibili ed aggiornabili in maniera dinamica, è inoltre il CMS più utilizzare nello sviluppo di siti web.
Devo ammettere però che per realizzare delle pagine professionali bisogna mettere le mani sul codice HTML o CSS, da oggi non più grazie al magico plugin “Visual Composer“.

1. Cos’è il Visual Composer

Il Visual Composer o Compositore Visivo è un plugin per WordPress sviluppato dal team di WP Bakery ed è il miglior editor di siti web. La bellezza di questo plugin è che puoi realizzare qualsiasi tipo di pagina web in poco tempo grazie al sistema “drag & drop”.

2. Come si installa e come si usa il Visual Composer

Come abbiamo detto precedentemente il Visual Composer è un plugin. quindi deve essere installato.
Puoi leggere questa guida per vedere come installare i plugins

Una volta installato noterai subito che l’editor per scrivere testi su pagine e articoli ha subito dei cambiamenti, proprio come nell’esempio che segue.

visual composer alberto di meo adm web designer torino

Come puoi notare ora hai due editor, uno di default di WordPress è uno del Visual Composer
Ora andremo ad inserire degli elementi all’interno della pagina cliccando sul pulsante “Aggiungi elemento”. Noterai centinaia di elementi, non aver paura 🙂 man mano che prenderai dimestichezza riuscirai ad usarli tutti senza nessun problema. 

visual composer alberto di meo adm web designer torino

Inizia inserendo una riga alla tua pagina. Ah dimenticavo, il visual composer ragiona come il framework Bootstrap cioè suddivide gli elementi in colonne e righe per rendere il tutto responsive. Cosa vuol dire il termine responsive? indica una tecnica di web design per la realizzazione di siti in grado di adattarsi graficamente in modo automatico al dispositivo coi quali vengono visualizzati –> Scopri di più <–
Ora come puoi notare dall’immagine sottostante puoi andare a decidere il numero di colonne e cosa vuoi inserire all’interno della pagina.

visual composer alberto di meo adm web designer torino

Cliccando sul + in una delle due colonne, ti apparirà un popup con gli elementi come in figura.

visual composer alberto di meo adm web designer torino

In successione, dopo aver scelto l’elemento di interesse, si aprirà una ulteriore finestra dove potrai andare a configurare tutte le impostazioni. Ci tengo a precisare che le impostazioni cambieranno in base al tipo di elemento che hai scelto, proprio come in figura.

impostazioni visual composer alberto di meo adm web designer torino

Inoltre se clicchi su “Opzioni design” per andare a modificare il padding, il margine, aggiungere il bordo al tuo elemento ecc..
Se visualizzi l’immagine sottostante, puoi andare a trascinare l’elemento all’interno di un’altra colonna o di una nuova riga, inoltre puoi duplicare gli elementi oppure puoi anche decidere di eliminarli.

trascina elemento visual composer alberto di meo adm web designer torino

3. Dove acquistare il Visual Composer

Ero sicurissimo che ti saresti chiesto a fine della guida, dove poterlo acquistare 🙂
Per comprarlo ti basterà andare su Themeforest
Il plugin ha un costo ad oggi di 46$ +iva, non spaventarti del prezzo! da professionista posso azzardarmi a dire che costa anche poco per la potenzialità che ha, in primis il tempo, e come si suol dire “Il tempo è denaro”


Conclusione

Che dire… se sei un web designer, hai la passione di creare siti web e non hai tanta dimestichezza con il codice il Visual Composer fa al caso tuo. Ti consiglio di installarlo immediatamente si possono fare tantissime cose interessanti. Se hai delle domande da farmi a riguardo a questo plugin, puoi lasciarmi il tuo commento, in caso contrario fammi sapere come ti trovi 🙂

Detto ciò con oggi abbiamo concluso, scopri Come adeguare il tuo sito web alla normativa GDPR


Come adeguare il Tuo Sito Web alla normativa GDPR

 

 

 

0

Sei un web designer? Hai la passione di creare siti web ma non sai come aumentare la velocità? Ti do una bella notizia, ti trovi nel posto giusto 🙂 
Oggi scopriamo insieme come aumentare la velocità del tuo sito con il plugin WP Super Cache
Buona lettura!

come rendere un sito wordpress veloce con un plugin

Il plugin “MAGICO ” 
che ti consiglio di installare si chiama WP Super Cache Cosa fa questo plugin? Ha il compito di generare  file html statici dal tuo sito dinamico. Dopo che un file html è stato generato, il server web servirà quel file invece di elaborare gli script PHP WordPress che risultano più pesanti e costosi.
Personalmente mi trovo alla grande con WP Super Cache, in tutti i siti che realizzo non viene per nulla al mondo escluso 🙂 ed è per questo che ho preparato una guida per te finalizzata a installare e impostare il plugin in totale semplicità.

1. Installazione e configurazione

Per prima cosa vai su ‘Plugin’ –> ‘Aggiungi nuovo’ –> Nella barra della ricerca scrivi il nome del plugin –> ‘WP Super Cache’.
Successivamente nella Dashboard posta al la sinistro vai su ‘Impostazioni’ –> ‘WP Super Cache’ 
Una volta entrato nel plugin devi eseguire questi semplici passaggi per configurare il tutto:
1) Accedi sulle impostazioni di WP Super Cache –> ‘Facile’ –> ‘Cache’ –>spunta la voce ‘Cache attiva (raccomandata)’ –> ‘Aggiorno lo stato’
2) In seguito dovrai andare su –> ‘Avanzato’ ed impostare come da immagini sottostante i seguenti settaggi:

configurazione plugin wp super cache

Se hai eseguito tutti i passaggi correttamente, noterai subito un leggero cambiamento ti risulterà molto più fluido e veloce

2. La prova del nove sulla velocità

Vai su PageSpeedTools per fare la così detta prova del nove, dovrai semplicemente copiare ed incollare il link del tuo sito web e Google PageSpeed permette di ottenere uno score sulla velocità del tuo sito web sia in versione Mobile che in versione Desktop.

google page speed

Successivamente clicca su ‘Verifica’, il sistema ti fornirà un’analisi dettagliata della velocità/ottimizzazione del sito sia in versione mobile che desktop, inoltre ti suggerisce cosa potresti modificare affinchè il sito risulti ottimizzato al 100%.
Sicuramente in mente tua ti starai chiedendo, e se dopo questi passaggi il sito dovesse essere ancora lento? Benissimo in quel caso bisognerebbe valutare un altro hosting più potente, come puoi vedere dai miei articoli pubblicizzo molto SiteGround a parer mio è il migliore insieme a Tophost infatti io per certi sito uso uno per certi l’altro, ma entrambi sono impeccabili.

Web Hosting

Conclusione

Con questa guida ho voluto spiegarti in modo dettagliato il metodo utilizzato da molti per velocizzare subito il tuo sito in WordPress. 
WP Super Cache non ha rivali è il miglior plugin in assoluto, poi sicuramente un altro simile c’è ed è W3 Total Cache ma non ottieni lo stesso risultato.
NB: Vorrei precisarti di non installare i due plugin insieme per magari di pensare “installo tutti e due i plugin cosi va super veloce” NO ASSOLUTAMENTE, anzi il sito ti darà l’effetto contrario, diventerà lento e poco piacevole da visitare.

Siamo dunque al termine di questo articolo, fammi sapere qui sotto nei commenti o in chat privata se hai installato anche tu il fantastico WP Super Cache e se la guida ti è stata utile.


E tu sei un web designer? Hai la passione di realizzare siti web ma hai sempre il problema di quale tema scegliere? Scopri quali sono i migliori temi WordPress 2018

0

Domande? Scrivimi su Whatsapp!