I Colori nel Web

È risaputo che la scelta di un colore rispetto ad un’altro non è più un semplice fattore estetico ed ottico ma è un vero e proprio studio delle emozioni, della psicologia e di cosa si vuole trasmettere a chi se lo trova davanti. Per questo motivo al giorno d’oggi i colori anche nel web sono una scelta molto importante per una corretta comunicazione visiva.

La scelta dei giusti colori e delle tonalità, affiancato ad una struttura moderna e responsive, ad una scelta corretta di immagini, elementi e fonto può contribuire senza ombra di dubbio al successo e all’efficacia comunicativa del tuo sito web.

Un corretto affiancamento cromatico, scelto in base al settore e a ciò che si vuole comunicare, possono rafforzare e aiutare l’azienda a trasmettere il proprio messaggio e la propria percezione nel settore di apparteneneza.

Il colore quindi è senza dubbio un’elemento da non tralasciare essendo strettamente collegato al proprio messaggio, al proprio targhet ed è un’elemento fondamentale per avere un’impatto emotivo su chi visita il sito web.

La scelta dei colori nel web (e non solo)

La scelta di una combinazione di colori rispetto da un’altra avviene attraverso lo studio di 3 principali fattori:

• Contrasto: la contrapposizione di un colore caldo ed uno freddo spesso facilita la leggibilità e richiama fortemente l’attenzione.
• Complementazione: I colori complementari si aiutano a vicenda a valorizzarsi così da creare una cobinazione di colori sempre efficaci.
• Vibrazione: variazione tra colori caldi o colori freddi.

Quando andiamo a lavorare su un sito web la soluzione migliore sarebbe sempre quella di scegliere e utilizzare 2, massimo 3 colori, così da facilitare la lettura e l’unicità del messaggio.

• Colore principale: Il colore utilizzato per la maggio parte del sito web.
• Colore secondario: Colore utilizzato per enfatizzare determinati elementi o aree.
• Colore terziario: Colore scelto eventualmente per completare la propria struttura grafica.

Colori in RGB o CMYK?

Senza dubbio se parliamo di siti web e lavorazioni a monitor che non vengono stampate, i colori da utilizzare sono in RGB, e la motivazione la potete trovare leggento questo articolo dove vi spiego la differenza.

Come scegliere i nostri colori

Come detto poco sopra la ricerca di un colore ideale avviene attraverso uno studio delle emozioni e del messaggio che si vuole trasmettere. Nel caso fossimo alle prime armi o non sapessimo davvero dove sbattere la testa, online esistono molteplici tools che ci vengono in soccorso per scegliere la nostra scala cromatica ideale, eccone alcuni:

Adobe Color
Sito messo a disposizione da Adobe per scegliere il nostro colore e quelli con i migliori accostamenti

Coolors.co
Un sito davvero completo che ci permette di creare i nostri accostamenti colore e di condividerli.

Colourco.de
Sito per progettare siti web che permette di combinare facilmente e intuitivamente i colori.

A questo punto, abbiamo capito l’importanza nel web di scegliere i colori più adatti al messaggio che vogliamo trasmettere.
Ma quanti di voi sanno realmente cosa ogni tipologia di colore trasmette?

Andiamo a vedere insieme tralasciando sfumature e intensità, il significato dei principali colori utilizzati nel web.

Questi sono solo alcuni dei colori che possiamo trovare e utilizzare nella nostra palette e vi ricordo che la loro forza e il loro significato non sono validi solo nel web, ma anche in tutti gli altri usi come nelle stampe cartacee quindi fatene buon uso!

E tu quale colore preferisci? O quale useresti per il tuo sito web?

WordPress, primi passi e settaggi indispensabili

Se hai deciso di utilizzare WordPress come CMS per creare il tuo sito web, partendo dal presupposto che tu sia già riuscito ad installarlo, potresti trovarti spaesato di fronte alle molteplici voci native presenti nel menù del backoffice.

In questa guida andremo a vedere insieme voce per voce l’utilità di ogni sezione di WordPress presente dopo una prima installazione (ricordiamoci che in base ai tempi e plugin installati queste voci nel tempo cambieranno o aumenteranno) e con l’occasione vi spiegherò (segnandoli in questo colore) le sezioni e gli accorgimenti indispensabili che tutti (non solo chi è alle prime armi) dovrebbero avere dopo una prima di iniziare a creare il proprio sito web.

Cominciamo!

---

Bacheca

Bacheca – Home
Questa schermata è una sottospecie di bacheca che racchiude solamente informazioni e messaggi riguardanti wordpress, i temi e i plugin che andremo a installare, possiamo tranquillamente saltarla.

Bacheca – Aggiornamenti
Questa sezione è dedicata agli avvisi di aggiornamento del sistema WordPress, dei temi e dei relativi plugin. In un primo momento qui non dovremmo fare nulla almeno che, dopo l’installazione non siano usciti aggiornamenti del temi o dei plugin preinstallati.

Articoli

Nel menu a sinistra del nostro backoffice clicchiamo sulla voce “Articoli”, al suo interno troveremo un primo articolo che WordPress inserisce di default chiamato “Ciao Mondo!”, non dovremmo fare altro che andarci sopra e cliccare su Elimina per spostarlo nel cestino.

Media

Questa sezione racchiuderà tutti i file media che andrete a caricare sul vostro WordPress per allegarlo su pagine e articoli. In una prima installazione questa voce risulterà vuota.

Pagine

Come per la voce Articoli anche in questo caso WordPress inserisce una prima pagina di default chaimata “Pagina di esempio.” anche in questo caso non dovremmo fare altro che andarci sopra e cliccare su elimina per spostarlo nel cestino.

Commenti

Questa sezione racchiude (come dice il nome), tutti i commenti e i pingback che riceveremo sui nostri articoli. Anche in questo caso la sezione risulterà vuota in una prima installazione.

Aspetto

Aspetto – Temi
Questa sezione è dedicata alla raccolta dei temi installati su wordpress. I temi sono utili per dare una struttura grafica al nostro futuro sito web. In una prima installazione WordPress ci darà preinstallati già alcuni temi. Il consiglio che posso darvi in questo caso è di lasciare perdere quelli preinstallati essendo poco customizzabili e grafici.

Potete installare un nuovo tema cliccando su “Aggiungi nuovo tema” e installarlo tra quelli che WordPress ci propone, o in alternativa scaricarne a pagamento da siti come Themeforest e in seguito installarli sul nostro WordPress.

E’ importante ricordarsi che un sito WordPress può tenere attivo solo un tema per volta, quindi una volta selezionato quello che più vi aggrada il mio consiglio è quello di cancellare gli altri così da non appesantire inultimente il sito di informazioni e codice.

Aspetto – Personalizzazioni
Questa finesta varia molto in base al tema che andremo ad utilizzare dandoci più o meno informazioni sulla customizzazione grafica e tecnica.

Aspetto – Widget
Questa sezione tornerà utile per inserire i nostri Widget sulle barre laterali o sul footer del nostro sito web. La procedura è abbastanza semplice, basterà selezionare il widget tra l’elenco di “Widget disponibili” e trascinarlo sulla sezione a noi interessata. Anche in questo caso l’area Widget varia molto in base al tema selezionato andando a darci più o meno voci da scegliere e customizzare.

Aspetto – Menu
Questa sezione è dedicata al Menù vero e proprio che vedremo sul nostro sito web. Più pagine e articoli andremo a inserire più ne vedremo elencati e avremo modo di inserirli sul nostro menu.
Come avete modo di vedere oltre alle varie pagine c’è la possibilità di creare più menu da posizionare sulle varie parti del sito web oltre ai sottomenu.

Aspetto – Editor
Questa sezione raccoglie tutto il codice che compone il tuo sito web e almeno che tu non abbia conoscenze di codice html, css, php e vari non deve essere assolutamente toccata, inquanto un minimo errore di battitura nel codice potrebbe compromettere il vostro sito web.

Plugin

Come dice lo stesso nome qui andranno ad essere raccolti tutti i plugin che decideremo di installare su WordPress (vai a leggere l’articolo dedicato ai Migliori Plugin Gratuiti di WordPress). In un primo momento troveremo installati due plugin:

• Akismet Anti-Spam: che possiamo lasciare tranquillamente attivo andandolo a personalizzare sulla voce “Impostazioni” sotto il nome del tema.
• Hello Dolly: che come dice la stessa descrizione “Questo non è solo un plugin, è un simbolo di speranza ed entusiasmo di un intera generazione riassunta nelle due parole più famose cantate da Louis Armstrong.” Questo potremmo tranquillamente andarlo ad eliminare flaggandolo e andando sulla voce “Azioni di Gruppo” – Selezionare “Elimina” e dare “Applica”

Come per la sezione temi, anche qui potremmo andare ad installare plugin gratiuiti e a pagamento cercando tra quelli creati dalla WordPress comunity o quelli a pagamento acquistabili da siti alternativi ufficiali.

Anche in questa sezione “Plugin” esiste un sottomenù “Editor” che racchiude tutto il codice dei vari temi che non devono essere assolutamente toccati almeno che tu non conosce il linguaggio html, css, php etc.

Utenti

In questa sezione in una prima installazione troveremo solamente un utente (il nostro), qui potremmo andare a creare nuovi utenti definendone un ruolo che può dargli più o meno privilegi nel caso abbiate necessità che più utenti accedano al backoffice del sito.
Ogni utente creato avrà una sua personale scheda che si potrà personalizzare con varie informazioni che possono cambiare in base ai plugin installati.

Strumenti

Questa sezione contiene varie voci più o meno utili come “Esporta” o “Importa” che vi permetteranno di esportare tutto il contenuto del vostro sito web nel caso sia da ricaricare sul un nuovo sito. E’ da notare che nel caso siano presenti plugin o temi particolari questa funzione non è deto sia funzionante al 100% a causa delle molteplici varianti di ogni tema. Funziona però bene nel caso si vogliano esportare media o articoli per poi reimportarli su un nuovo sito.

Impostazioni

Impostazioni – Generali
In questa finestra potremmo andare a settare:

• Titolo del sito: cioò il nome del nostro sito web che andremo a far visualizzare su Google nel caso non vi siano plugin di SEO come Yoast.
  Motto: é il payoff o lo slogan che sia del nostro sito web
• Indirizzo WordPress (URL) – Indirizzo sito (URL): Queste due voci definiscono l’indirizzo del sito web, non devono essere assolutamente toccate almeno che non abbiate necessità tecniche di variazione come l’aggiunta o la rimozione del www o il cambiamento da http ad https, ma il consiglio che posso darvi e di non toccare queste voci almeno che non abbiate un pò di conoscenze web.
• Indirizzo email: E’ l’indirizzo mail con la quale abbiamo installato wordpress e quello dell’amministratore
• Iscrizione – Ruolo predefinito nuovi utenti: Qui potremmo definire se chiunque può registrarsi al nostro sito e con che ruolo di privilegi e almeno che non vogliate creare un portale questa voce non è da flaggare.

Le restanti voci definiscono la lingua del backoffice, il fuso orario e i metodi di visualizzazione delle date.

Impostazioni – Scrittura
Questa sezione non deve essere toccata almeno che non abbiate necessità di pubblicazioni particolari ed a eccessione dei “Servizi di Aggiornamento”. In questa parte dovremmo andare a cliccaer su “Updata Service” copiare tutto l’elenco della nuova pagina aperta presente sotto a “XML-RPC Ping Services” e reincollarlo sotto la medesima voce. Questo tornerà utile nel caso vogliate tenere un blog per aiutare i tuoi articoli ad essere riconosciuti più velocemente da servizi di aggiornamento siti.

Impostazioni – Lettura

• La tua homepage mostra: Nel caso vogliamo far mostrare in home del nostro sito solo gli articoli avendo un sito/blog possiamo lasciare tranquillamente flaggata la voce. In alternativa se il nostro sarà un sito vetrina con una home statica, una volta creata la medesima pagina andremo a flaggare la voce “Una pagina statica” selezionandola.
• Pagine-feed: possono essere lasciati come sono
• Visibilità ai motori di ricerca: Questa sezione è forse una delle più importanti inquanto andando a flaggarla il nostro sito non sarà mai indicizzato da Google e da nessun motore di ricerca. Questa opzione può risultare utile essere attivata fino a quando il nostro sito non sarà completo ma dobbiamo ricordarci assolutamente di togliere il flag e salvare una volta che il sito sarà ultimato o non andiamo a lamentarci se non compariamo mai su Google.

Impostazioni – Discussione – Media
Queste sezioni possiamo tranquillamente ignorarli almeno che non abbiamo particolari necessità di customizzare le immagini che vengono caricare in WordPress o i commenti pubblicati.

Impostazioni – Permalink
Questa sezione definisce il formato dei link che verranno generati ogni volta che si crea una pagina, un articolo o si carica un media.

La voce più corretta da selezionare è “Nome Articolo” essendo la voce che permette di generare link con il nome uguale a quello dato alla pagina evitando dati o codidi strani non amati da Google.

Impostazioni – Privacy
In questa sezione (una volta creata la relativa pagina) andremo a definire la pagina contenente la Privacy Policy del sito.

Migliori plugin di WordPress Gratuiti

Quante volte vi siete chiesti quali siano i plugin migliori o comunque i più utili da installare per facilitare il vostro l’avoro e migliorare l’esperienza utente in un sito fatto con WordPress?

WordPress attualmente è il CMS più flessibile, potente e open source che ci sia in commercio, basti pensare che circa il 70% degi siti web attualmente online sono realizzati con questa piattaforma.

I siti che si possono creare oltre ad essere graficamente molto appetibili, sono di facile consultazione, aggiornamento e soprattutto sono molto apprezzati da Google perchè essendo una piattaforma in continuo aggiornamento, segue costantemente le linee indette dal motore di ricerca per redere l’esperienza utente e il posizionamento sempre migliore.

Sta di fatto che WordPress essendo un CMS mette a disposizione molteplici plugin che possono aiutare l’utente a fare integrazioni evitando così di mettere mano al codice e facilitando chi non se ne intende molto di programmazione.

Per questo motivo ho deciso di realizzare un elenco dei migliori plugin di WordPress gratuiti che secondo me possono rendervi il lavoro più facile o aiutarvi in alcune integrazioni.

Andiamo a vedere insieme i migliori Plugin di WordPress gratuiti:

• Adminimize
  Plugin molto utile per gestire i permessi dei vari tipi di utenti. Con questo plugin si possono attivare e disattivare le singole funzioni e i singoli plugin in base al livello di iscrizione al sito. Indispensabile per chi ha molti utenti che accedono al backoffice. [ Vai al plugin ]
• Admin Custom Login
  Plugin che ti permette di customizzare la schermata login di wordpress [ Vai al plugin ]
• All-in-One WP Migration
  Avete necessità di trasferire un sito web da uno spazio ad un’altro? La soluzione ottimale è questo plugin che già in versione free funziona egregiamente. [ Val al plugin ]
• All In One WP Security & Firewall
  Ritenuto uno dei migliori in quanto sicurezza. Può essere settato a diversi livelli di sicurezza, fino ad attivare addirittura un firewall e renderlo blindato ad attacchi hacker. [ Vai al plugin ]
• Akismet
  Intercetta i commenti spam e li nasconde. Per renderlo operativo devi ottenere una chiave che poi andrai ad inserire nell’apposito campo, nel tuo backoffice WordPress. (Solitamente è già integrato al momento dell’istallazione). [ Vai al plugin ]
• Contact Form 7
  Forse uno dei migliore plugin per creare form di contatti così che i visitatori abbiano modo di scrivervi direttamente dal vostro sito interent. [ Vai al plugin ]
• Contact Form 7 Database Addon – CFDB7
  Plugin che si integra alla perfezione con Contact Form 7 (e altri). Crea un database contentente tutti gli indirizzi email (e non solo), di chi compila il vostro form. Indispensabile per creare un archivio mail soprattutto per future newsletter. [ Vai al plugin ]
• Duplicate post
  Plugin davvero utile che vi permette con un semplice click di duplicare una pagina o un’articolo già fatto per crearne uno simile con contenuti differenti. [ Vai al plugin ]
• Jetpack
  Questo plugin ha molteplici integrazioni che possono aiutarti dalla pubblicazione fino alla sistemazione delle varie pagine. [ Vai al plugin ]
• Loco Translate
  Alternativa a Polylang per creare un sito in multilingua. [ Vai al plugin ]
• Pixel Cat – Facebook Pixel
  Questo plugin ti permette di integrare il pixel di monitoraggio Facebook senza bisogno di andare a metter mano sul codice. [ Vai al plugin ]
• Polylang
  Plugin ottimo e completo che ti permette di gestire il multilingua dei tuoi siti. [ Vai al plugin ]
• Post Types Order
  Questo plugin ti permette di cambiare l’ordine dei tuoi post a piacimento senza essere costretto a mantenere l’ordine cronologico. [ Vai al plugin ]
• SEO  Yoast
  Questo è il miglior plugin per integrare il SEO sul nostro sito. Una volta settato al meglio, si ha la possibilità in ogni singola pagina o articolo, di impostare le varie parole chiave, le meta descrizioni e tutto ciò che è utile per migliorare la nostra visibilità nei motori di ricerca. Cosa molto utile è l’Analisi della pagina, che in base a dei pallini colorati, ci da consigli su come migliorare il seo della nostra singola pagina. [ Vai al plugin ]
• Really SImple SSL
  Hai un sito in HTTP e hai appena fatto il trasferimento ad HTTPS? Questo plugin ti permette di fare tutti i redirect in un unico click senza andare a rimettere mano a tutto il sito web. [ Vai al plugin ]
• Simple Author Box
  Questo plugin ti permette di creare e personalizzare la tua scheda così da avere una firma personalizzata su ogni articolo. [ Vai al plugin ]
• W3 Total Cache
  Plugin utilissimo per gestire le cache e alleggerire il nostro sito in velocità e prestazioni. Si consiglia l’utilizzo a i più esperti. [ Vai al plugin ]
• WP Fastest Cache
  Ottima alternativa al suo rivale W3 Total Cache per gestire le cache del tuo sito. [ Vai al plugin ]
• WooCommerce
  Sicuramente il miglior plugin WordPress per creare il vostro carrello ecommerce. Può essere integrato con tanti altri plugin che fanno in modo di espandere le sue potenzialità. (Clicca qui per scaricare il plugin)
• Wordfence
  Utilissimo plugin che ti permette di proteggere il tuo sito da eventuali attacchi hack oltre a rilevare eventuali errori o falle. [ Vai al plugin ]
• WP-CopyProtect
  Seppur ci sia già la possibilità in All In One WP Security, con questo plugin si ha la possiblità di disattivare il tasto destro del mouse sul nostro sito (anche con un simpatico messaggio) fino a inibire anche il trascinamento, cosa molto utile soprattutto per chi visita i siti con mac. [ Vai al plugin ]
• WP Limit Login Attempts
  Utile plugin per limitare i tentativi di accesso, una volta che l’utente sbaglia per un tot di volte lo user o la password questo viene bloccato per un determinato lasso di tempo [ Vai al plugin ]
• WP-Optimize
  Plugin che permette di ottimizzare il database pulendolo da script, errori e spam [ Vai al plugin ]
• WhatsHelp Chat Button
  Plugin che ti permette di integrare una chat Facebook o Whatsapp sul tuo sito web. [ Vai al plugin ]

In conclusione volevo informarvi che questo sarà un piccolo elenco in costante aggiornamento, vi consiglio di tornare a visitare la pagina per scoprire altri plugin ed inoltre, se vuoi consigliarmi qualche altro plugin da aggiungere scrivimelo qui sotto e aggiornerò la lista.