Wordpress. Base ed Avanzato

Prima di partire con al spiegazione della Bacheca assicuriamoci che il nostro sito presente nel nostro servizio di hosting non sia ancora visibile dai motori di ricerca e dai possibili visitatori per cui impostiamo il sito in noindex, nofollow ed installiamo un plugin per la modalità manutenzione.

Ora siamo pronti ad analizzare la sezione Bacheca ed Aggiornamenti.

Iniziamo dalle Impostazioni base di Wordpress analizzando le sottosezioni Generali, Lettura e Scrittura ed in quest'ultima diamo un primo sguardo al file robots.txt.

La sezione Discussione in Wordpress riguarda tutte le impostazioni dei commenti ma anche del tracciamento dei link in entrata ed uscita.

Imposteremo anche le parole che possono proteggerci dallo spam nonché gli Avatar presenti nei commenti (tramite Gravatar)

In questa lezione vi mostro le Impostazioni dei Media nonché il menu Media con la Libreria di tutti i file multimediali nonché testuali come pdf che possono essere caricati all'interno del sito e le limitazioni che possono essere aggirate. 

Trovate in allegato un file di testo in cui vi spiego come aggirare la limitazione dei 2MB di file caricabili sul sito.

Effettuate le modifiche solo se siete esperti (non mi assumo la responsabilità dei problemi che possono scaturire da una modifica dei file di sistema non andata a buon fine).

Nella sezione strumenti possiamo installare una serie di add-ons e plugin che ci consentiranno di ampliare le funzionalità base di Wordpress.

Vedremo il bookmarklet (pulsante in linguaggio java da aggiungere nella barra Preferiti del proprio browser)  Press This e che ci consentirà di catturare contenuti presenti nei siti web realizzando articoli istantanei.

Vedremo anche lgli altri plugin presenti della sottosezione Importa e come salvare sul nostro computer le modifiche effettuate in Wordpress dalla sezione Esporta.

Presente fino alla versione 4.8 di wordpress. 

Può provarla dalla versione 4.9 e successiva di wordpress, installatela come un normale plugin:

https://it.wordpress.org/plugins/press-this/

Attraverso il menu Utenti possiamo gestire ogni iscritto al nostro sito Wordpress assegnandone anche un ruolo diverso. 

Possiamo selezionare quali sezioni del sito potrà accedervi e come visualizzerà la Bacheca e l'editor di testo.

I Plugin sono delle estensione al nostro CMS che ci  consentono di utilizzare una pluralità di nuove funzioni adatte a diverse tipologie di siti.

Vi mostro come organizzarli, aggiungerne di nuovi e modificarne le impostazioni.

Installiamo, attiviamo e configuriamo i Temi. 

Configureremo i Widget ed i Menu che faranno parte dell'aspetto visivo del nostro sito nonché daremo uno sguardo all'Editor per la modifica dei file che fanno parte del Tema scelto.

Visualizziamo tutti i commenti fatti nel sito tramite il sistema integrato in Wordpress. 

Possiamo decidere di approvare o meno i commenti od inserirli in una cartella SPAM o cestinarli.

Le Pagine in Wordpress rappresentano la parte "statica" informazionale del sito. 

Pagine tipiche sono il "Chi siamo", il "Contatti" che rappresentano quelle sezioni meno dinamiche in quanto ad aggiornamenti rispetto agli Articoli.

Vi mostrerò come crearne di nuove e come ordinarle in uno schema.

Gli Articoli in Wordpress rappresentano la parte più dinamica dell'intero sito. Sono il fulcro del Blog e si organizzano tramite Categorie e Tag. 

Le Categorie consentono di strutturare verticalmente gli articoli mentre i tag trasversalmente riunendo articoli facenti parte di categorie diverse.

All'interno della lezione vi suggerirò alcune tecniche SEO per evitare conflitti o contenuti duplicati.

Vediamo quali sono le differenze tra l'editor in modalità visuale ed in modalità testo (codice) quando andiamo a creare o modificare Articoli, Pagine o Widget.

Iniziamo ad analizzare la struttura dell'editor Gutenberg introdotto da Wordpress 5.

Creiamo un articoli usando i blocchi dell'editor Gutenberg.

Modifichiamo Pagine esistenti e creiamone di nuove con Gutenberg

Ora che abbiamo completato la creazione del sito siamo pronti a pubblicarlo. 

Vi do alcuni ultimi consigli prima della pubblicazione.

In questa lezioni vi mostro come organizzare i contenuti in Wordpress. 

Come gestire le colonne presenti in Articoli, Pagine, Commenti ecc. 

Come personalizzare le Impostazioni delle schermate. 

Come fare azioni di gruppo su più articoli e pagine e molto altro.

In questa e nella prossima lezione vedremo tutti i passaggi per trasferire correttamente un sito Wordpress da remoto a locale.

Premetto che l'operazione è molto complessa per cui armatevi di pazienza.

Questa è una prassi utile per chi vuole testare il sito attualmente presente online e modificarlo in locale per poi ricaricarlo online.

Utilizzeremo Xampp per Windows ma tutti i passaggi possono essere applicati anche in Mac e Linux.

Prestate attenzione a tutti i passaggi evitando di saltarne alcuni per evitare problemi.

Vi allego delle risorse che mostro nella lezione.

In questa seconda ed ultima parte della lezione sul trasferimento di Wordpress da remoto in locale completeremo le ultime fasi e renderemo operativo il sito.

Vi allego delle risorse che vi mostro nella lezione

Iniziamo a trasferire il sito dal nostro computer al nostro servizio di hosting.

Segui con attenzione tutti i passaggi per non avere problemi.

Completiamo il trasferimento del sito da locale a remoto.

Per installare Wordpress nel nostro computer (Windows) utilizzeremo l'utility XAMPP che contiene al suo interno un server Apache, un database MariaDB, linguaggi di programmazione PHP e Perl ed altri server opzionali come Filezilla o Tomcat.

Installeremo questa utility, la configureremo ed installeremo Wordpress, nella sua ultima versione di maggio 2017 (4.7.5)  configurandone i parametri essenziali.

Allego come risorse alla lezione le modalità di installazione per sistemi Mac e Linux. 

In questo webinar sul gruppo di supporto al corso, su Facebook, ho mostrato come risolvere i problemi alle porte in Xampp.

In questo webinar di ottobre 2017 ho mostrato come installare Wordpress in locale usando MAMP in Windows.

Mi sono capitati anche degli errori sul database all'interno della diretta ed ho mostrato come risolverli.

MAMP installa un web server composto da Apache, Nginx MySQL e PHP e come Xampp può essere usato non solo con Wordpress ma con una pluralità di CMS su base PHP nonché nella programmazione php.

In questa diretta sul gruppo Facebook dedicato agli iscritti a questo corso ho mostrato come aumentare la dimensione massima di upload dei file in Wordpress.

Vi allego il file di testo con le righe da aggiungere ai file di sistema che modificheremo nella lezione

Ti mostro passo passo come effettuare una copia di sicurezza (backup) manuale dei file del tuo sito nonché del database che contiene i dati personalizzati presenti nel tuo sito.

Avrai bisogno di un FTP Manager e ti consiglio CuteFTP (a pagamento) oppure Filezilla (gratuito e ti riporto il link nelle risorse sottostanti).

Iniziamo ad analizzare il file, fulcro del sistema Wordpress, Wp-config.php.

Ti guiderò nella creazione ed ottimizzazione del file e ti suggerirò come evitare gli errori più comuni.

Ti ricordo sempre di effettuare una copia di backup  prima della modifica dei file di sistema per evitare di non accedere più al  sito.

Aggiungiamo un filtro antispam dei referral che possono "sporcare" i risultati presenti in Google Analytics inserendo un elenco di codici nel file di sistema .htaccess.

Mi raccomando, fate una copia di salvataggio di tutto il vostro sito sia nei file che del database prima di procedere perché, se qualcosa va storto, non potrete più accedere al vostro intero sito.

in questa lezione ti mostro come creare i sottodomini per installare Wordpress in manuale o tramite procedura guidata.

Colormag è un Tema che fin dalla sua versione gratuita dispone di caratteristiche di personalizzazioni avanzate.

Da un menu di opzioni ricchissimo fino ad oltre 16 widget disponibili per posizionare i contenuti ovunque nell'interfaccia del sito.

Il Team aggiorna anche spesso il tema, con una cadenza dai 3 ai sei mesi anche per chi dispone della versione gratuita. 

Installeremo manualmente il Tema, Oblique, adatto per blog di moda e ricco di opzioni personalizzabili.

Zerif Lite è la versione gratuita di Zerif Pro, Tema multiuso per siti di un unica pagina ma anche per siti molto più complessi con tante landing page e sezione di Blog.

Io lo uso nel mio sito personale, attualmente, e lo trovo ottimo per le innumerevoli personalizzazione che offre e che vi mostro in questa lezione.

Un Tema natalizio molto semplici da configurare. Christmas Sweets

Una introduzione al tema multiuso e gratuito OceanWP

Twenty nineteen è il tema gratuito incluso in Wordpress 5. Di sviluppo verticale molto adatto all'editor a blocchi Gutenberg.

In questa prima lezione su Avada vediamo come acquistarlo e come installarlo.

Attiviamo il tema Avada ed installiamo ed attiviamo i Plugins indispensabili e le Demos su cui vogliamo realizzare la struttura base.

Analizziamo le innumerevoli opzioni di personalizzazione del tema Avada.

Creiamo una prima Pagina che diverrà, ad esempio, la nostra Home Page con il Fusion Builder di Avada.

Attraverso questo generatore di Pagine potremmo impostare tutti i più piccoli dettagli che appariranno nella Pagina, disponendoli e personalizzandoli come vogliamo.

Enfold insieme ad Avada e Divi sono i Temi a pagamento multiuso (miltipurpose) più acquistati dagli sviluppatori Wordpress.

Enfold, totalmente in italiano, è molto facile da usare e grazie alle demo è possibile strutturare velocemente un sito cambiandone solo contenuti e personalizzazioni grafiche.

Vediamo come acquistarlo, installarlo ed attivarlo.

Risolviamo i problemi di aggiornamento del tema Enfold effettuato direttamente da Wordpress. 

Vi mostro come ottimizzare le immagini demo che possiamo usare anche nel sito definitivo e come aumentare le prestazioni del sito.

In questa lezione vi mostro le tab multiple che si possono inserire nel Page builder di Enfold e le immagini interattive che si possono creare con gli Hotsposts.

Aggiorniamo Enfold per migliorare prestazioni e sicurezza, GDPR

In questo video estratto da una diretta Live su Facebook ho mostrato come integrare i forms di MailChimp in Wordpress tramite codici evitando l'uso di plugin.

Inseriamo i codici di Google Analytics, manualmente, nel Tema di Wordpress.

Vediamo come creare un account di Google Analytics, come copiare il codice di monitoraggio, inserirlo in Wordpress e renderlo anonimo.

Lo script che inseriremo per rendere anonimo il tracciamento degli IP è il seguente:

ga('set', 'anonymizeIP', true);

Se si usa il nuovo codice Analytics con i gtag inserire questo codice andando a sostiuire il GA_TRACKING_ID con il proprio id di Analytics.


gtag('config', '<GA_TRACKING_ID>', { 'anonymize_ip': true });

Integriamo manualmente, tramite i codici presenti in Pinterest, pulsanti, Profili, Bacheche e Pin, in Wordpress.

Integriamo Bing Mappe in Wordpress tramite codice. Una alternativa a Google Maps che da luglio 2018 diventa a pagamento per usi avanzati ed intensi.

All'interno della lezione mostro il seguente codice html:

align="middle"

che serve per allineare la mappa. Puoi usare le variazioni: right, left, middle, top, bottom per cercare di allineare la mappa all'interno del contenuto della Pagina, articolo o Widget.

NextGEN Gallery è un plugin molto utilizzato dagli utenti Wordpress. 

Fin dalla versione gratuita consente di creare album contenenti una pluralità di gallerie fotografiche integrabili in Articoli, Pagine e widgets. Ricco di effetti e possibilità di personalizzazione.

In questa lezione vedremo come installarlo, configurarlo e creeremo degli album con diverse gallerie.

Inseriamo le Gallerie in Articoli e Pagine e vediamone le diverse visualizzazioni ed opzioni.

Inseriamo gallerie di miniature, slideshow o media feed come Widgets nelle sezioni che fanno parte della struttura del Tema.

Tramite Contact Form 7 aggiungeremo i moduli di contatto al nostro sito Wordpress e li proteggeremo tramite il sistema ReCaptcha.

In questa diretta sul gruppo Facebook di supporto al corso ho mostrato come realizzare e gestire i campi obbligatori in Contact Form.

Potete inserire l'asterisco nel tag, manualmente, oppure selezionare Campo richiesto quando andate ad inserire un nuovo campo nel Modulo.

Ecco i codici da inserire e che mostro passo passo in questa lezione.

Codice da inserire e modificare nel modulo contatti di Contact Form come mostrato nella lezione:

<br>
<p>[acceptance acceptance-556] Acconsento al trattamento dei dati ai sensi della L. 6751-96 (tutela delle persone e di altri soggetti rispetto al trattamento dei dati personali) e art. 13 DL. n.196, 30/06/03. Per maggiori informazioni fare riferimento alla <a href="url-della-tua-privacy-policy" target="_blank">pagina privacy</a></p>
<br>

Codice da inserire nella sezione "Impostazioni aggiuntive" nel modulo di conatto di contact Form:

acceptance_as_validation: on

Attraverso Easy Forms for MailChimp possiamo integrare moduli personalizzati interfacciati alle Liste che abbiamo in MailChimp all'interno di Articoli, Pagine e widget di Wordpress

In questa lezione vi mostro come installare, configurare ed usare l'editor di testi avanzato TinyMce Advanced.

Vi mostro anche come aggiungere l'add-on TinyMCE Table of Contents per integrare un indice ai vostri articoli.

Non volendo installare altri editor di testo possiamo lo stesso aggiungere la funzione Sommario personalizzandola completamente tramite questo plugin, TOC+

Ritorniamo al Classic Editor in Wordpress 5 e testiamone la compatibilità con Elementor.