Come strutturare un design semplice ed efficace per WordPress

IT_blog_23.-LAURA_LONIGHI

Come si può fare a dare un aspetto chiaro e professionale al proprio sito WordPress senza avere competenze specifiche di design? 

WordPress è ormai il CMS più utilizzato al mondo per la realizzazione e gestione di blog, siti web ed eCommerce: è quindi importante conoscerlo e rimanere aggiornati su tutte le novità che offre.

L’ospite di questo mese è Laura Lonighi, web designer e brand stylist freelance. Nel 2011 Laura ha creato la sua digital boutique Yunikon Design e oggi collabora con diversi professionisti del digitale, mettendo a punto team liquidi per la realizzazione di siti web ed eCommerce.

Laura Lonighi nella sua presentazione ci mostra:

  • L’importanza di una buona Visual Identity per il proprio progetto web
  • I 3 livelli di design attraverso i quali realizzare un’interfaccia web
  • Come può venirci in aiuto WordPress per realizzare in maniera più semplice il design del nostro sito
  • Alcuni strumenti utili per lavorare meglio

Guarda le slide della presentazione di Laura Lonighi 👇

Come sempre vi chiedo di commentare il webinar, in modo da avere un feedback su come è andato e su come vorreste che fossero i prossimi. Sentitevi liberi di dare suggerimenti e di richiedere gli argomenti futuri che vorreste fossero affrontati. Consiglio di dare uno sguardo anche agli altri nostri webinar e seguirci sul canale YouTube di SiteGround Italia.

Nota: come al solito eravate tantissimi e non siamo riusciti a  rispondere a tutti in diretta. Abbiamo girato le domande a Laura e qui di seguito trovate le sue risposte.

[subscribe_cta]

Ciao Laura, tu suggerisci di fare un’analisi con i clienti, ma se il cliente non ha alcuna conoscenza/competenza? Ad esempio il proprietario di un piccolo negozio che non ha business plan o altro. Come ti comporti in questi casi?

Dato per scontato che ogni attività, prima di aprire, dovrebbe avere un business plan, il cliente si può educare e accompagnare in un percorso di crescita, che passa anche dalla definizione della brand identity e la realizzazione del sito web. 

Se poi il cliente è a digiuno di digital e ti sceglie per far parte del suo progetto per te è ancora meglio, perché non ha maturato esperienze con altri fornitori, con cui magari si è trovato male e gli hanno riempito la testa di preconcetti o informazioni errate. 

Come dicevo ieri in live in questi casi per te la fatica è doppia: convincere il cliente che, rispetto a chi ti ha preceduto, sei un professionista e non dover riparare ai disastri dei fornitori precedenti (e purtroppo capita, spesso).

Quando lavori su WordPress come scegli quale editor utilizzare? Cambi ogni volta in base al progetto?

No, a meno che non sia espressamente richiesto dal cliente, uso sempre Gutenberg in accoppiata con Stackable.

Per creare menu con icone grafiche auto-create cosa consigli come tool? Io uso Inkscape per la grafica vettoriale ma non so come viene interpretato da WordPress.

Uso da sempre Adobe Illustrator ma mi sono prefissata di dare almeno un’occhiata ad  Affinity Designer su iPad perché sulla carta sembra una bomba. Anche con Sketch si possono realizzare icone vettoriali anche se mi sembra un po’ macchinoso.

Non fa comunque differenza lo strumento che usi, la cosa importante è che permetta l’esportazione in .svg se vuoi portare, ad esempio il tuo logo, nel tuo sito web.

Gli aggiornamenti annuali di Sketch sono “caldamente” consigliati o, secondo te, se ne può fare a meno? È sufficiente la prima versione acquistata per raggiungere qualsiasi obiettivo grafico?

Caldamente consigliati assolutamente NO! 🙂 

Uso Sketch da 3 anni abbondanti e non ho mai fatto nessun aggiornamento, l’ho pagato il primo anno e via. 

La versione che acquisti ha già tutto quello di cui hai bisogno per realizzare il tuo layout: gli aggiornamenti forniscono nuove feature o modi per prototipare più velocemente.

Quello che ti consiglio è di seguire gli aggiornamenti sulle release, e se trovi qualche nuova feature che ti stuzzica di procedere con l’aggiornamento. Ad ottobre, per esempio, con la versione 69 hanno introdotto le Variabili Colore che a mio parere sono una bomba e velocizzano di tanto il lavoro… infatti chissà cosa sto aspettando, devo aggiornare la mia versione di Sketch! 😀 

Cosa ne pensi di Underscore come framework?

Underscore non è un framework ma uno starter theme.

Con un framework (Genesis per esempio) vai a sviluppare il child-theme. Con uno starter theme, modifichi completamente il codice del tema originale e per renderlo tuo.

Underscore non l’ho mai usato, ma sembra interessante. Sicuramente con lo starter theme devi saperti destreggiare tra html, css e php, con il framework invece le cose sono un po’ più semplici.

Utilizzando il tema Genesis, posso editare solo il codice PHP o anche HTML/CSS/JS?

Anche HTML, CSS e JS.

Per un eCommerce consigli Shopify o altro per una buona resa grafica?

Shopify ha dei bei temi, quindi graficamente nulla da dire, ma se ti devo dire la mia preferisco tutta la vita WooCommerce. 🙂

Che cosa è un CRON e per cosa puoi utilizzarlo?

WP_Cron_blog-post-1200x600

“Che diavolo è un cron?” Ricevo questa domanda almeno una volta al mese da non chi non è uno sviluppatore. In effetti è un’ottima domanda. Tuttavia la devo dividere in due:

  • Cos’è un CRON? 
  • Cos’è WP-CRON?

Cos’è un CRON?

Fondamentalmente, un cron è un pianificatore basato sul tempo. Gestisce le attività che devono essere eseguite su base regolare in un momento specifico. Ad esempio, se vuoi che il tuo blog WordPress mostri le previsioni del tempo nell’intestazione, ogni mattina devi andare a cercarle e inserirle. Ovviamente puoi chiedere a qualcuno di accedere ogni mattina, andare a prendere le previsioni e incollarle in un widget, ma una strategia migliore è avere un programma che lo fa per te. Questo viene eseguito ogni mattina e parla con un’API per recuperare le previsioni del giorno e aggiornare il database. Il programma che esegue quel programma che la mattina ti recupera il meteo è chiamato CRON. Il nome deriva da “cronologico” per dare l’idea di un programma che gestisce le cose “in ordine di tempo”.

La maggior parte dei sistemi oggigiorno hanno il concept di un cron. I sistemi basati su Unix (Unix, Linux, macOS, etc.) hanno una versione di cron tradizionale e anche se alcuni ci disegnano intorno una bella interfaccia grafica, tutto si riduce a un programma chiamato cron e a un file chiamato crontab.

Il programma cron è sempre in esecuzione in background e ogni minuto dà uno sguardo al crontab e capisce se è necessario fare qualcosa.

Il file crontab contiene le informazioni su quando un programma deve essere eseguito e quale programma deve essere eseguito. Ogni riga rappresenta un’attività diversa. Assomiglia a questo.

1 0 * * * ~/fetchForcast.sh

Anche se può sembrare complicato, tutto ciò che dice al cron è che alle 00:01 ogni giorno deve eseguire un programma chiamato fetchForcast.sh. Ecco una semplice guida alla lettura di un crontab.

# ┌───────────── minuti (0 – 59)

# │ ┌───────────── ore (0 – 23)

# │ │ ┌───────────── giorni del mese (1 – 31)

# │ │ │ ┌───────────── mese (1 – 12)

# │ │ │ │ ┌───────────── giorni della settimana (0 – 6) (da Sabato a Domenica;

# │ │ │ │ │                                   7 è Domenica in alcuni sistemi)

# │ │ │ │ │

# │ │ │ │ │

# * * * * * <comando da eseguire>

  1 0 * * * ~/fetchForcast.sh

Ora che hai la chiave di lettura, è più facile, no?! Questo è davvero tutto ciò che c’è da fare con un cron tradizionale. La maggior parte dei provider come SiteGround ti consente di accedere ai cron per il tuo sistema. A volte devi modificare manualmente il crontab, ma molti provider hanno un’interfaccia più semplice da usare. In ogni caso, hai la possibilità di eseguire programmi in un momento specifico e su base regolare.

Cos’è WP-CRON?

Come la maggior parte delle cose, WordPress fa le cose in modo leggermente diverso. Poiché molti creatori di plugin devono essere in grado di programmare che le cose accadano regolarmente e poiché molti proprietari di siti WordPress non sanno dove si trova il loro crontab, tanto meno come modificarlo, WordPress ha reinventato il cron.

Fondamentalmente, WP-CRON si comporta come un cron tradizionale in quanto uno sviluppatore può “programmare” un’attività da svolgere su base regolare. Tuttavia, a differenza di un cron tradizionale, WordPress non ha un programma che è sempre in esecuzione in background sul tuo server. WP-CRON è un processo che viene chiamato ogni volta che viene visualizzata una pagina, quindi su siti con tante visite funziona bene. Tuttavia, se il tuo sito non è molto movimentato, un’attività pianificata per le 2:00 potrebbe essere eseguita alle 5:24 se nessuno visita il tuo sito fino a quel momento. A volte va bene, altre volte questo è un problema.

Se le attività che devi eseguire sono sensibili al tempo e devono essere eseguite all’orario pianificato, WP-CRON non è il pianificatore che fa per te. Se, d’altra parte, le attività che devi svolgere possono essere eseguite “intorno” all’orario in cui le pianifichi, allora WP-CRON va bene. Molto dipende da quanto è visitato il tuo sito.

[subscribe_cta]

Quali sono le alternative?

Se hai attività che dipendono dal tempo e il tuo provider non ti consente l’accesso al cron del sistema, hai 2 alternative. Puoi passare a un provider come SiteGround che ti dà questo accesso. Oppure, se questo non è possibile, esistono diversi servizi cron gratuiti o a pagamento. Essi eseguono cron e puoi impostare un cron job da eseguire tramite una bella interfaccia web. Il cron job usa un programma come `curl` o` wget` (pensali come browser headless) che chiama gli URL sul tuo sito per attivare un’attività specifica.

La maggior parte dei plugin che richiedono un cron ti forniranno l’URL da “chiamare” se desideri utilizzare un cron esterno. Tutto quello che devi fare è incollare l’URL, impostare il tempo dell’esecuzione e il gioco è fatto.

CRON è uno strumento prezioso e una volta capito come lavorarci, ne troverai diversi usi. Se utilizzi dei plugin, posso quasi garantire che sul tuo sito siano in esecuzione wp-cron job. Se sei curioso, vai nella repository dei plugin WordPress e cerca cron. Ci sono plugin che puoi installare che ti mostreranno tutte le attività di WP-CRON sul tuo sito. Stai molto attento però. I plugin impostano i cron sempre per un motivo. Se decidi di eliminarli, il plugin che dipende dal cron job smetterà di funzionare.