Benvenuto/a

al corso Da Zero a WordPress, un corso gratuito che ti permetterà di costruire il tuo primo sito web in modo semplice e veloce.

Continua a leggere queste pagine per scoprire tutto il possibile per rendere il tuo sito web reale e funzionante!

Creazione della tua prima pagina

A questo punto del corso diamo per scontato che tu sappia ormai come accedere al tuo account!

Bene, sulla barra a sinistra trovi la voce PAGINE, cliccaci su e poi vai su AGGIUNGI PAGINA.

Questa è la schermata della pagina. Come vedi, puoi mettere il nome che vuoi e scriverci dentro quello che vuoi. Puoi scegliere un paragarafo, un titolo, un'immagine e tante altre funzioni.

Creazione del tuo primo articolo

Stessa procedura per la creazione della pagina, così si crea un nuovo articolo. Andare su ARTICOLI  e poi su AGGIUNGI NUOVO.

Ti si aprirà una nuova schermata, molto simile a quella della pagina.

Ricordati sempre di pubblicare la tua pagina o il tuo articolo, per vederlo online!

I file media

WordPress è molto versatile, come abbiamo potuto vedere. E supporta diversi formati tra cui immagini JPEG, JPG e PNG.

Supporta anche i formati audio e video ma cosa più importante, supporta i file .PDF

Per caricarli basta andare su Media e poi su Aggiungi Nuovo.

Benvenuto/a

al corso Da Zero a WordPress, un corso gratuito che ti permetterà di costruire il tuo primo sito web in modo semplice e veloce.

Continua a leggere queste pagine per scoprire tutto il possibile per rendere il tuo sito web reale e funzionante!

Come creare un menu in WordPress

Creare un menu in WordPress è molto semplice, se sai come farlo. E oggi imparerai a creare un menu che comprende tutti gli elementi utili alla navigazione del tuo sito web.

Come sempre, la prima cosa che devi fare, è accedere alla tua area di sviluppo creata alla prima lezione.

La pagina del menu è composta di due sezioni. A destra vedi il menu vero e proprio, a sinistra puoi scegliere le voci da inserire.

Seleziona quindi la voce Home e, se vuoi, anche la pagina di esempio. In automatico vedrai apparire le voci anche sulla destra.

Ricordati quindi di selezionare sia AGGIUNGI AUTOMATICAMENTE LE NUOVE PAGINE DI PRIMO LIVELLO sia MENU PRINCIPALE.

Aggiornando la tua Homepage troverai tutte le voci che hai inserito, nel mio caso solo il link alla Home.

Puoi inserire articoli, pagine, categorie o link personalizzati.

Differenze tra pagina, articolo, categoria e link personalizzato

Solitamente in un sito web si parla solo di pagine e link personalizzati.

L'utilizzo delle pagine è determinato dal fatto che il contenuto delle stesse è statico, non viene modificato in continuazione.

Un esempio pratico è proprio l'homepage del nostro sito web. La nostra home sarà sempre la stessa, a meno che non ci siano nel tempo dei cambiamenti radicali.

L'articolo, al contrario, è un contenuto dinamico. Si usa per lo più nei blog, in quanto gli articoli sono sempre diversi nell'arco delle settimane.

Gli articoli spesso si suddividono in categorie, per determinare il macro argomento di destinazione.

Come anticipato, le categorie sono macro aree dove destinare i nostri articoli di blog.

Per crearne una andare su ARTICOLI -> CATEGORIE.

A sinistra inserire il nome che volete assegnare alla vostra categoria e cliccate su AGGIUNGI NUOVA CATEGORIA.

I link personalizzati servono nel momento in cui vuoi mettere un link ad un tuo progetto che non può rientrare all'interno del tuo sito.

Potrebbe essere il link all'homepage o, come vedi nell'esempio, ho messo il link al mio sito web.

Gli utilizzi sono infiniti, devi solo capire se ti serve oppure no.

Creazione di un modulo contatti

Ogni sito che si rispetti ha bisogno di un modulo contatti per essere trovati dai nostri clienti o dai nostri lettori, nel caso decidessimo di aprire un blog.

Astra ha alcuni starter template con già i moduli integrati ma la maggior parte dei temi ti chiederà di installare un plugin specifico, studiato per quello specifico tema.

Oggi ti parlo del plugin supportato da Astra, ovvero WPForms.

La prima cosa da fare è installare il nuovo plugin.

Se non sai come fare, leggi la lezione 4 sui plugin.

Installa e attiva il plugin. Ho scelto WPForms perché è il più semplice da usare ed è piuttosto intuitivo.

Una volta installato dovrai andare a creare il tuo primo modulo contatti. La procedura è guidata, quindi non sarà difficile creare un nuovo modulo.

Il modulo contatti è fondamentale in un sito web.

Non conosco nessun sito web o blog che non permetta all'utente di contattare chi lo gestisce.

WPForms è anche attento alla norma GDPR, trovi tutto nelle impostazioni.

Assicurati di essere a norma prima di installare un modulo contatti!

Ho assegnato il nome Modulo 1 al modulo che andrò ad usare e ho scelto il modulo semplice, che è già precompilato.

Se non servono fare modifiche è sufficiente fare SALVA e poi andare sulla voce </> EMBED.

Per l'occasione scegliamo la voce CREATE NEW PAGE, così in automatico ti creerà una nuova pagina che ho chiamato CONTATTI.

Come vedi, il modulo contatti appare in automatico, devi solo pubblicare la pagina per vedere sia la pagine nel menu creato in precedenza sia per poter compilare il form.

Le mail arriveranno alla mail di contatto scelta all'installazione di WP, verifica di aver inserito la tua migliore mail!

Benvenuto/a

al corso Da Zero a WordPress, un corso gratuito che ti permetterà di costruire il tuo primo sito web in modo semplice e veloce.

Continua a leggere queste pagine per scoprire tutto il possibile per rendere il tuo sito web reale e funzionante!

Cos'è un plugin

Un plugin è un componente aggiuntivo che serve a personalizzare, aggiungere e potenziale le funzionalità di WordPress.

Ogni plugin ha un suo codice che «appesantisce» WordPress, quindi usali con cautela.

Dall'altra parte non mi sento nemmeno di demonizzarli, per questo motivo ti mostrerò qualche plugin che ti agevolerà di parecchio la vita .

Installare un plugin non è molto diverso da installare un tema.

Esistono migliaia di plugins, per i più diversi utilizzi ma quelli che ti mostrerò sono quelli di cui io non posso fare a meno.

Andiamo nella colonna di sinistra, alla voce PLUGIN e poi su AGGIUNGI NUOVO.

Vi uscirà una schermata molto simile a quella dei temi, con tutti i plugin più utilizzati dagli utenti.

#1 WP Maintenance Mode

Il primo plugin di cui ti parlo è WP Maintenance Mode.

Ti basterà cercarlo sulla barra a destra, installarlo e attivarlo.

Con questo plugin potrai lavorare sulla tua area di sviluppo senza che altri possano vedere i lavori in corso.

Ma non solo, se mai ci fosse qualche problema di visualizzazione potrai attivarlo e sistemare tutto con calma.

#2 Cookies e Privacy Policy

Il secondo plugin di cui ti voglio parlare è quello relativo alla gestione dei Cookie e della Privacy Policy.

A rotazione uso tutti e quattro, in base alle esigenze specifiche.

In questo caso specifico il mio consiglio è quello di testarli e scegliere quello che preferisci o quello che più si adatta alle tue esigenze.

Con questo link potresti avere uno sconto sulla tua privacy policy.

#3 Yoast Seo e Yoast Duplicate Post

Se sei alle prime armi questi due plugin, YOAST SEO e YOAST DUPLICATE POST, ti verranno in aiuto spesso.

Yoast, con l'aiuto di alcuni semafori, ti farà capire in modo semplice cosa ti serve affinché il tuo sito web o il tuo blog rispetti tutte le regole SEO.

Yoast Duplicate Post invece ti darà modo di duplicare tutti i contenuti del tuo sito, che siano pagine o articoli con un solo clic.

#4 ShortPixel Image Optimizer

E non posso non parlarti di ShortPixel Image Optimizer! Se hai molte immagini sul tuo sito web, questo potrebbe portare ad un caricamento lento delle pagine.

La versione free ti comprime 100 immagini al mese ma puoi decidere di accedere ad un piano premium che ottimizza anche fino a 10,000 foto al mese.

Ovviamente le immagini andrebbero già caricate ottimizzate, quando possibile.

Quanti plugin installare e perché

Vale la regola del LESS IS MORE.

Meno è meglio.

La regola generale è quella di usare meno plugin possibili e se sono davvero indispensabili.

Se il nostro sito web ha una sola pagina e tre immagini in totale possiamo evitare di installare sia il plugin che ci duplica le pagine sia quello relativo alle immagini.

Ogni plugin va ad appesantire il caricamento del nostro sito web, per questo il mio consiglio è sempre quello di ponderare bene la scelta di quale utilizzare e di affidarsi sempre a plugin installati dalla maggior parte degli utenti.

Benvenuto/a

al corso Da Zero a WordPress, un corso gratuito che ti permetterà di costruire il tuo primo sito web in modo semplice e veloce.

Continua a leggere queste pagine per scoprire tutto il possibile per rendere il tuo sito web reale e funzionante!

Cos'è un tema

Il template o tema comprende la parte grafica ed estetica del tuo sito. Va scelto con molta cura e non sempre un template gratuito fa al caso nostro ma nell'ultimo periodo ne ho trovato uno che ho scoperto essere molto versatile.

Il tema che ti farò usare per queste esercitazioni è il tema Astra e ti farò vedere come installarlo sulla nostra area di sviluppo creata nella scorsa lezione.

Scegliere un tema e installarlo

Per prima cosa accedi alla tua area di sviluppo che trovi all'indirizzo nomesito.sviluppo.host.

Nella barra degli strumenti a sinistra trovi la voce ASPETTO. Questo è il menu che ti permette di modificare il tema in corso, editarne i file e personalizzare il tema.

Dobbiamo andare su TEMI e poi in alto su AGGIUNGI NUOVO.

Si aprirà la schermata con tutti i temi in evidenza. A destra c'è una barra di ricerca.

Come ho detto, ti mostrerò l'installazione di uno specifico tema ma attraverso i filtri possiamo lasciare che sia WP a guidarci verso un tema più adatto alle nostre esigenze.

Nella barra a destra scriviamo ASTRA, in automatico ci apparirà il tema che stiamo cercando.

la guida per la configurazione del tema sarebbe diventata troppo lunga, scarica il pdf allegato!

Creare il tema child

Prima ti ho parlato di TEMA PADRE presumendo ci sarebbe stato anche un TEMA FIGLIO.

Il child è proprio questo, un tema figlio che riprende la grafica e le funzionalità del tema padre ma che ti consentirà di apportare modifiche senza perderle ad ogni aggiornamento.

Lo dirò spesso.

Non puoi iniziare a lavorare su un sito web se non hai prima creato un tema child.

Vediamo come fare.

Dopo aver scaricato il tema ASTRA, vai all'indirizzo https://wpastra.com/child-theme-generator/ per creare automaticamente il tema child.

I temi free non sempre hanno il link diretto alla versione child mentre i temi a pagamento hanno sempre sia la versione padre, sia la versione figlio.

Per installarlo, seguire il procedimento per installare un tema ma ricordati di installare PRIMA il tema padre!

Come puoi vedere, se installi il tema child è WP a fare il controllo sul tema padre. Se non fosse installato te lo segnalerebbe subito.

Se l'installazione va a buon fine, vedrai il tema padre e il tema figlio nella scheda ASPETTO à TEMI.

E se non avessi il child di un tema?

la guida per la configurazione del tema child sarebbe diventata troppo lunga, scarica il pdf allegato!

Benvenuto/a

al corso Da Zero a WordPress, un corso gratuito che ti permetterà di costruire il tuo primo sito web in modo semplice e veloce.

Continua a leggere queste pagine per scoprire tutto il possibile per rendere il tuo sito web reale e funzionante!

Installazione in locale

Per installare WordPress in locale bisogna munirsi di un programma chiamato XAMPP. Xampp non è altro che un software che ci permetterà di installare WordPress e utilizzarlo per le nostre demo, prima di andare online.

Scarica XAMPP sul tuo desktop, scegliendo la versione relativa al tuo sistema operativo.

Una volta scaricato, fai partire l'installazione. Ti consiglio di installare la cartella direttamente sul desktop, come ho fatto io.

Una volta scaricato XAMPP possiamo partire con l'installazione, quindi clicchiamo su NEXT fino alla fine dell'installazione e clicchiamo su FINISH.

Non modificare le impostazioni di default!

La guida per l'installazione in locale sarebbe diventata troppo lunga, scarica il PDF allegato!

Dominio e hosting personali

Per quanto l'installazione in locale sia molto completa, andare online è sempre la scelta migliore. Per farlo alcuni servizi ci vengono in aiuto.

Quello che ti propongo oggi è il servizio proposto da Host.it e della sua area di sviluppo gratuita che puoi trovare all'indirizzo https://host.it/prodotto/hosting-gratuito.jsp

Questa installazione è decisamente meno lunga ed è più semplice in quanto è, in grandissima parte, automatica. Per prima cosa andiamo su ATTIVA SUBITO GRATIS e scegliamo PRIVATO. Se vogliamo registrarci come azienda possiamo farlo, ma in questo caso vedremo solo la registrazione lato utente senza Partita Iva.

La guida per l'installazione su un dominio gratuito sarebbe diventata troppo lunga, scarica il PDF allegato!

Installazione tramite FTP

La prima cosa da fare è scaricare Filezilla. È sufficiente la prima versione, quella basic. L'importante è che crei una icona sul desktop, per averlo sempre a portata di mano.

Una volta finita l'installazione si aprirà la schermata a fianco. Attraverso questo programma potrai accedere al tuo sito web ogni qualvolta tu non possa farlo dal pannello del back-end.

ATTENZIONE: le slide che seguono sono a titolo esemplificativo. Ogni provider ha dati e modalità diverse di lettura!

Il secondo passaggio è andare sull'icona MySQL per recuperare i dati del database che ci serviranno per accedere al nostro sito web.

Questi dati sono predefiniti dal provider, quindi se non li hai già puoi recuperarli in questo modo. Cliccando sull'icona del database troverete il tuo database. Clicca sul nome.

La guida per l'installazione tramite FTP sarebbe diventata troppo lunga, scarica il PDF allegato!

Benvenuto/a

al corso Da Zero a WordPress, un corso gratuito che ti permetterà di costruire il tuo primo sito web in modo semplice e veloce.

Continua a leggere queste pagine per scoprire tutto il possibile per rendere il tuo sito web reale e funzionante!

Cos'è un CMS

Un Content Management System è un sistema di gestione dei contenuti, ovvero un software che ti permette di creare siti internet, facilmente modificabili dalle persone, pur non essendo esperte di codice e linguaggio web.

I CMS offrono la possibilità di integrare molte opzioni come i moduli contatti, le foto gallery, sistemi di pagamento, ecc... in modo semplice ed efficiente, adatto anche a chi non ha competenze di programmazione.

Uno dei CMS più famosi al mondo è WordPress, che permette la creazione di blog, siti web, landing page e veri e propri e-commerce in modo facile e veloce.

Differenze tra WordPress.org e WordPress.com

Le differenze tra WordPress.org e WordPress.com sono abissali.

Nel primo caso si tratta di un vero e proprio software open source gratuito.

Nel secondo si tratta di un servizio commerciale a cui ci si appoggia per utilizzare il CMS.

WordPress.org

Andando su WordPress.org potrai trovare subito la versione in uso in questo momento. Prova a scaricarla, ci servirà in un secondo momento.

Come puoi vedere WordPress ti permette di scaricare un software che poi potrai andare a installare in un tuo spazio hosting. Ma non solo, perché è qua che potrai trovare tutti i temi e i plugin più utilizzati dai wordpresserz.

L'installazione libera di WordPress permette di installare tutti i temi a tua scelta, tutti i plugin che vuoi, page builder e molto altro ancora.

WordPress.com

Se invece vai su WordPress.com noterai come ti permette subito la creazione di un tuo sito o blog, in modo gratuito e semplice.

Questo tipo di installazione non va demonizzata ma va chiarito un punto fondamentale: è limitato.

La gratuità, in questo caso, pone dei limiti troppo restrittivi: non potrai installare nessun tipo di plugin e la scelta dei temi è ristretta ad un numero esiguo rispetto all'installazione libera.

In più, non potrai usufruire di un tuo nome a dominio ma solo dell'estensione miosito.wordpress.com