In questo corso base di Wordpress verr descritto il CMS, le opzioni di customizzazione, gestione dei contenuti, scrittura per il web, gestione della community - ESIS Srl - www.esis-italia.com
Lezione WordPress Universit degli Studi di Milano: Installazione e Gestionealessandro gasparotto
油
際際滷 della lezione di WordPress fatta presso l'Universit degli Studi di Milano. Nelle slide viene presentato WordPress, le potenzialit, l'installazione in locale e remoto e l'intera gestione del sistema. La guida 竪 stata sviluppata e destinata ad utenti alla prime armi con questo potente strumento.
Rivolto a coloro che vogliono imparare a usare il pi湛 famoso CMS, il corso nasce a seguito delle richieste formulate nella precedente edizione del workshop WordPress come iniziare in cui sono stati affrontati argomenti relativi alle scelte dellhosting, dei temi e dei plugins.
In questo corso verranno trattati linserimento dei contenuti (testo, immagini e video), le differenze tra pagine e articoli, lutilizzo delle finestre e dei riquadri dellediting di WordPress 4.6 e per finire l'uso del plugin Yoast per l'ottimizzazioni dei contenuti per i motori di ricerca (SEO).
WordPress 竪 una delle pi湛 famose piattaforme per la realizzazione di siti e blog, utili strumenti per promuovere se stessi o la propria attivit.
In questa presentazione sono spiegati passo dopo passo tutto ci嘆 che serve per installare ed utilizzare il cms.
Wordpress e Blog.
Partire col piede giusto per creare uno strumento che possa essere di effettivo supporto al sito e che possa servire anche per portare la conversazione sui Social Network, andando oltre la classica comunicazione.
Come creare da zero un sito in WordPress, dalla fase di installazione in locale o da remoto fino alla presentazione dei plugin pi湛 utilizzati, tra cui Yoast SEO, WPML e WooCommerce.
際際滷 dell'intervento in occasione del 1属 WordPress Meetup a Lecce svoltosi il 22 Febbraio 2018 presso il Sellalab di Lecce.
Relatore: Marco De Sangro - Frontend Developer, WordPress Expert and Contributor.
WordPress per siti scolastici a norma: dominio, hosting e strumentiMarco Milesi
油
Dominio, hosting e strumenti per gestire al meglio il nuovo sito istituzionale della tua scuola
際際滷 del corso tenuto all'IPSSAR di San Pellegrino Terme - marzo 2016
Per fare eCommerce non 竪 sufficiente pubblicare il proprio catalogo online, 竪 importante comunicare ai propri clienti e ai potenziali tali. necessario descrivere i prodotti, mediante schede ricche di contenuti, anche multimediali, o magari mediante un blog in cui promuovere, oltre al singolo prodotto, il proprio brand.
Per la gestione dei contenuti editoriali, Magento mette a disposizione funzionalit piuttosto basilari che, il pi湛 delle volte, richiedono la conoscenza del codice HTML a chi 竪 incaricato della loro gestione. perci嘆 un modulo difficoltoso per chi non ha competenze tecniche, ancor di pi湛 con i siti responsivi per i quali lediting di codice HTML, diretto o mediante editor visuali, 竪 ancora pi湛 complesso.
Inoltre, limportanza di comunicare e di arricchire di contenuti il proprio sito eCommerce ha fatto aumentare notevolmente il ruolo del content editor e il volume del suo lavoro. allora essenziale chiedersi se Magento sia lo strumento pi湛 indicato per la gestione di contenuti editoriali o se piuttosto sia conveniente affiancargli un CMS, ovvero un software nato e pensato appositamente per la gestione di contenuti, in grado quindi di offrire funzionalit semplici ma potenti per dare il corretto supporto al content editor nel suo lavoro.
Durante lintervento, Mauro Lorenzutti presenter approcci diversi di progettazione di un sito eCommerce, valutando quando 竪 consigliabile integrare un CMS e quale sia il CMS pi湛 indicato, prendendo in esame una soluzione pi湛 semplice e immediata e una soluzione invece di livello enterprise.
Multisite 竪 una funzionalit che fa parte della piattaforma WordPress: non richiede laggiunta di alcun plugin. Nonostante ci嘆, non 竪 molto utilizzata. Pu嘆 per嘆 rivelarsi estremamente utile per chi si occupa della gestione di pi湛 siti o blog.
Ecco una piccola guida
Le slide WordPress Facilissimo, hanno lo scopo di aiutarvi a scoprire questo CMS Open-Source. Queste slide vi daranno la possibilit di scoprire com'竪 fatto WordPress e come utilizzarlo, in maniera molto semplice.
Soluzioni Open Source per lo sviluppo di ogni tipologia di sito web. Il cabsdlover
油
Talk di Paolo Gatti al Linux Day 2012 dal titolo "Soluzione Open Source per lo sviluppo di ogni tipologia di sito web. Il caso pratico di Web&Dintorni"
Vi siete mai chiesti se potevate realizzare un particolare progetto utilizzando WordPress? Oppure se le richieste del cliente potevano essere soddisfatte con questo CMS?
Continuando il percorso intrapreso nello sviluppo dei temi, in questo appuntamento estendiamo le conoscenze apprese e le potenzialit di WordPress, scoprendo quanti utilizzi possiamo soddisfare con questa piattaforma. Scopriremo i vantaggi nellutilizzo della piattaforma WordPress, le sue caratteristiche principali, ovvero ci嘆 che rende WordPress cos狸 elastico e scalabile e infine vedremo alcuni esempi di utilizzi della piattaforma, dalle-commerce, ai forum, a molto altro.
WordPress per siti scolastici a norma: motori di ricerca, utenti e gestione g...Marco Milesi
油
Motori di ricerca, utenti e gestione guasti per gestire al meglio il nuovo sito istituzionale della tua scuola
際際滷 del corso tenuto all'IPSSAR di San Pellegrino Terme - marzo 2016
Parole. Professioni. Strumenti. - Il web writer tra Internet e social networkLuigi Mauriello
油
Lezione dedicata alla figura del web writer durante la mia docenza al Corso di formazione in Web Content Management presso il Consorzio ADECCO-CONSVIP (Aprile 2013).
WordPress 竪 una delle pi湛 famose piattaforme per la realizzazione di siti e blog, utili strumenti per promuovere se stessi o la propria attivit.
In questa presentazione sono spiegati passo dopo passo tutto ci嘆 che serve per installare ed utilizzare il cms.
Wordpress e Blog.
Partire col piede giusto per creare uno strumento che possa essere di effettivo supporto al sito e che possa servire anche per portare la conversazione sui Social Network, andando oltre la classica comunicazione.
Come creare da zero un sito in WordPress, dalla fase di installazione in locale o da remoto fino alla presentazione dei plugin pi湛 utilizzati, tra cui Yoast SEO, WPML e WooCommerce.
際際滷 dell'intervento in occasione del 1属 WordPress Meetup a Lecce svoltosi il 22 Febbraio 2018 presso il Sellalab di Lecce.
Relatore: Marco De Sangro - Frontend Developer, WordPress Expert and Contributor.
WordPress per siti scolastici a norma: dominio, hosting e strumentiMarco Milesi
油
Dominio, hosting e strumenti per gestire al meglio il nuovo sito istituzionale della tua scuola
際際滷 del corso tenuto all'IPSSAR di San Pellegrino Terme - marzo 2016
Per fare eCommerce non 竪 sufficiente pubblicare il proprio catalogo online, 竪 importante comunicare ai propri clienti e ai potenziali tali. necessario descrivere i prodotti, mediante schede ricche di contenuti, anche multimediali, o magari mediante un blog in cui promuovere, oltre al singolo prodotto, il proprio brand.
Per la gestione dei contenuti editoriali, Magento mette a disposizione funzionalit piuttosto basilari che, il pi湛 delle volte, richiedono la conoscenza del codice HTML a chi 竪 incaricato della loro gestione. perci嘆 un modulo difficoltoso per chi non ha competenze tecniche, ancor di pi湛 con i siti responsivi per i quali lediting di codice HTML, diretto o mediante editor visuali, 竪 ancora pi湛 complesso.
Inoltre, limportanza di comunicare e di arricchire di contenuti il proprio sito eCommerce ha fatto aumentare notevolmente il ruolo del content editor e il volume del suo lavoro. allora essenziale chiedersi se Magento sia lo strumento pi湛 indicato per la gestione di contenuti editoriali o se piuttosto sia conveniente affiancargli un CMS, ovvero un software nato e pensato appositamente per la gestione di contenuti, in grado quindi di offrire funzionalit semplici ma potenti per dare il corretto supporto al content editor nel suo lavoro.
Durante lintervento, Mauro Lorenzutti presenter approcci diversi di progettazione di un sito eCommerce, valutando quando 竪 consigliabile integrare un CMS e quale sia il CMS pi湛 indicato, prendendo in esame una soluzione pi湛 semplice e immediata e una soluzione invece di livello enterprise.
Multisite 竪 una funzionalit che fa parte della piattaforma WordPress: non richiede laggiunta di alcun plugin. Nonostante ci嘆, non 竪 molto utilizzata. Pu嘆 per嘆 rivelarsi estremamente utile per chi si occupa della gestione di pi湛 siti o blog.
Ecco una piccola guida
Le slide WordPress Facilissimo, hanno lo scopo di aiutarvi a scoprire questo CMS Open-Source. Queste slide vi daranno la possibilit di scoprire com'竪 fatto WordPress e come utilizzarlo, in maniera molto semplice.
Soluzioni Open Source per lo sviluppo di ogni tipologia di sito web. Il cabsdlover
油
Talk di Paolo Gatti al Linux Day 2012 dal titolo "Soluzione Open Source per lo sviluppo di ogni tipologia di sito web. Il caso pratico di Web&Dintorni"
Vi siete mai chiesti se potevate realizzare un particolare progetto utilizzando WordPress? Oppure se le richieste del cliente potevano essere soddisfatte con questo CMS?
Continuando il percorso intrapreso nello sviluppo dei temi, in questo appuntamento estendiamo le conoscenze apprese e le potenzialit di WordPress, scoprendo quanti utilizzi possiamo soddisfare con questa piattaforma. Scopriremo i vantaggi nellutilizzo della piattaforma WordPress, le sue caratteristiche principali, ovvero ci嘆 che rende WordPress cos狸 elastico e scalabile e infine vedremo alcuni esempi di utilizzi della piattaforma, dalle-commerce, ai forum, a molto altro.
WordPress per siti scolastici a norma: motori di ricerca, utenti e gestione g...Marco Milesi
油
Motori di ricerca, utenti e gestione guasti per gestire al meglio il nuovo sito istituzionale della tua scuola
際際滷 del corso tenuto all'IPSSAR di San Pellegrino Terme - marzo 2016
Parole. Professioni. Strumenti. - Il web writer tra Internet e social networkLuigi Mauriello
油
Lezione dedicata alla figura del web writer durante la mia docenza al Corso di formazione in Web Content Management presso il Consorzio ADECCO-CONSVIP (Aprile 2013).
3属 appuntamento col Corso di Wordpress: temi & plugin. Ecco i 20.000 plugin sotto WP. Ad ogni esigenza si pu嘆 associare un po di plugin. Ecco come sceglierli.
- cosa si pu嘆 ottenere cambiando tema
- cosa si pu嘆 ottenre installando un plugin
- categorie di temi: numero colonne e specifici
- installare un tema (o pi湛 temi): le demo non sono mai demo
- bootstrap
- elenco plug-in consigliati
- plugin per usi specifici
WordPress, CMS/Blog per tutte le esigenzeRaoul Petten嘆
油
Lobbiettivo di questa presentazione, non 竪 tanto quello di mostrare le funzionalit di unapplicazione web o farne un riassunto del manuale utente, ma mostrare alcune peculiarit e stimolare la curiosit a provare uno strumento che pu嘆 essere molto utile qualsiasi sia linteresse che muove un player della rete.
Dixio ForWeb, il dizionario intelligente per tuo sito web!Semantix
油
Come installo Dixio ForWeb in WordPress, Blogger, Tumblr, OverBlog o HTML?
Su Dixio...
Dixio ForWeb 竪 un'applicazione web intelligente di gestione di dizionari che offre
la migliore definizione o traduzione di una parola nel suo contesto.
Dixio ForWeb migliora la comprensione lettrice. Attraverso un'analisi semantica, Dixio offre il significato pi湛 appropriato al contesto. Gli utenti ampliano l'informazione senza dovere abbandonare il testo che stanno leggendo.
Dixio ForWeb consulta pi湛 di 60 dizionari e 23 milioni di parole per offrire giusto la migliore definizione o traduzione quando hai bisogno di quello, grazie al potente motore linguistico sviluppato per Semantix.
[IT] CMS Proprietari creati da teaminterni: le best practices da seguire!Federico Sasso
油
"Non reinventare la ruota", ti dicono. Eppure a volte con i CMS 竪 proprio quello che capita.
Guida alla sopravvivenza per il professionista SEO.
Web Marketing Festival 2015, Rimini 19-20 Giugno 2015
際際滷s del webinar Abstract "Pregi e difetti dei principali CMS open source", tenuto da Carlo Frinolli.
Una panoramica su Plone, WordPress, Drupal, ed Expression Engine.
1. 息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
it.linkedin.com/in/marcellomingardi/
www.esis-italia.com
1
2. Cosa 竪 Wordpress
WordPress油竪 una油piattaforma software油di "personal publishing o, in
altre parole uno strumento per creare blog (diario personale).油
un content management system (CMS), sviluppata in油PHP油e che
usa come油databaseMySQL, consente la creazione di un油sito
internet油formato da contenuti testuali o multimediali, facilmente
gestibili ed aggiornabili.
Creata da油Matt Mullenweg, 竪 distribuita con la licenza油GNU General
Public License.
2
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
3. Cos竪 un CMS
3
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
4. CMS WORDPRESS
Levoluzione lo ha portato ora ad essere un software web molto pi湛 potente
e 鍖essibile, de鍖nito per questo come CMS (Content Management System,
sistema di gestione dei contenuti) con il quale 竪 possibile realizzare quasi la
totalit di tipologie di siti web, con le pi湛 svariate caratteristiche e funzioni
dal semplice sito vetrina
e-commerce
portfolio fotogra鍖co
sito ad Alta Accessibilit, ecc,
tutti ovviamente dotati del sistema di personal publishing nativo di
WordPress.
4
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
5. Perch竪 utilizzarlo
WordPress 竪 Open Source, il suo codice 竪 libero e modi鍖cabile sulla
base delle diverse esigenze;
竪 completamente gratuito, non vi sar richiesto alcun esborso di danaro
per il suo utilizzo, n辿 per eventuali interventi sul codice sorgente;
竪 semplicissimo da utilizzare e da con鍖gurare, la procedura
dinstallazione richiede appena 5 minuti;
permette di amministrare i contenuti grazie ad uninterfaccia intuitiva
molto facile da utilizzare;
la 鍖loso鍖a alla base di WordPress stabilisce che lutente deve utilizzare
lapplicativo lavorando con esso e non litigandoci;
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
6. Caratteristiche
Estensione delle funzionalit tramite油plugin;
Disponibilit di migliaia di temi gratuiti per personalizzare l'aspetto del
blog;
Gestione delle pagine a油template;
URL油permanenti che aiutano l'ottimizzazione油nei油motori di ricerca;
Gestione delle categorie;
Funzioni di油Trackback油e油Pingback;
Editor油WYSIWYG油per la formattazione dei testi;
6
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
7. I Temi Wordpress
I Temi, rappresentano quei 鍖le che gestiscono laspetto gra鍖co del
sito e permettono di visualizzare i vari contenuti.
Ne esistono a migliaia, alcuni gratuiti e molti, pi湛 professionali, a
pagamento, ma in genere hanno costi molto ridotti.
7
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
8. Temi Wordpress
Il sistema basato sui油Temi di WordPress油竪 un metodo che ci consente di
dare un determinato aspetto al nostro sito Web.
Un Tema 竪 una raccolta di 鍖le che mettono a disposizione uninterfaccia
gra鍖ca per il blog. Il vantaggio sta nel fatto che consentono di dare un
aspetto alle pagine, e di modi鍖carlo, senza per questo in鍖uire in alcun
modo sullapplicazione che gestisce il blog.
Generalmente un tema 竪 composto da:
uno o pi湛 fogli di stile CSS;
delle immagini nei formati compatibili per il browser Web;
dei 鍖le PHP per la generazione dinamica del codice.
8
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
10. Temi Wordpress
Il sito u鍖ciale di WordPress mette a disposizione
una油directory油appositamente dedicata al download dei Temi;
generalmente per linstallazione di un nuovo Tema 竪 su鍖ciente
caricare la cartella del Tema allinterno della directory wp-content/
themes
dopo il caricamento questo dovrebbe essere immediatamente
disponibile e visibile in anteprima sulla pagina Aspetto
dellamministrazione alla voce Temi disponibili.
10
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
11. Installazione Temi
Per fare un esempio di installazione e utilizzo di un nuovo Tema
possiamo recarci nella directory u鍖ciale temi di WordPress e
sceglierne uno che si adatti alle nostre esigenze e al nostro gusto.
Una volta scaricato il 鍖le in formato Zip, che contiene tutti i 鍖le
necessari per linstallazione, ci porteremo sulla directory di
WordPress nella cartella themes, sotto-cartella di wp-content,
dove salveremo la cartella uscita dallo scompattamento dellarchivio.
Ecco che il nuovo Tema risulter immediatamente utilizzabile
nellapposita sezione di men湛, per la gestione dei Temi, sotto la voce
Temi disponibili in cui potremo visualizzarne lanteprima.
11
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
12. Siti per scaricare temi Wordpress
http://www.wordpress.org/
http://www.elegantthemes.com/
http://themeforest.net/
http://themify.me/
http://www.thebestdesigns.com/
http://premiumcoding.com/
12
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
13. Dopo aver installato Wordpress?
La油parte pubblica油o油front end, quello che i futuri utenti
visualizzeranno come il vero e proprio sito web (gestito sempre da un
tema), visibile ad esempio digitando www.nometuosito.it.
Unarea riservata油o back end, che 竪 quella parte del sito accessibile
solo digitando il nome utente e la password impostati in fase di
installazione, con la quale gestire e creare tutte le varie pagine e
contenuti del sito stesso, questa sar raggiungibile allindirizzo:
www.nometuosito.it/wp-admin.
Lutente vedr:
13
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
15. Tipologie di contenuto
PAGINE
sono quel tipo di contenuto pi湛
statico quel contenuto cio竪 pi湛
permanente, un esempio 竪 dato dalle
classiche voci di un sito chi siamo ,
dove siamo, pro鍖lo dellazienda
ecc.
Queste possono avere una gerarchia,
竪 possibile ad esempio annidare una
pagina sotto laltra, creando cos狸
Pagine Genitore
Pagine Figlieanche con pi湛 livelli
di parentela
15
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
16. Crea una nuova PAGINA
16
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
17. Ma 竪 facile confondersi
17
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
18. Tipologie di contenuto
ARTICOLI油o POST
sono quel tipo di contenuto che viene scritto con frequenza ed
entrano cos狸 nel 鍖usso cronologico di WordPress.
Un classico esempio sono gli articoli di un Blog, ma possono essere
anche..
una Notizia,
un Evento, ecc.
18
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
19. Crea un nuovo ARTICOLO
19
A disposizione dellutente abbiamo il Titolo, un editor What you see is what you get o
WYSIWG, un pulsante Aggiungi Media per linserimento di Foto, Video o doc PDF
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
20. Crea un nuovo ARTICOLO
20
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
21. Crea un nuovo ARTICOLO
21
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
Lutente ha a disposizione un editor di testo con numerose opzioni di formattazione
e due tipi di visualizzazione:
VISUALE: consente di vedere il semplice testo come fosse visualizzato su Word
TESTO: dove 竪 possibile visualizzare il testo e i media secondo il formato HTML
22. Crea un nuovo ARTICOLO
22
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
Lutente ha a disposizione un editor di testo con numerose opzioni di formattazione
e due tipi di visualizzazione:
VISUALE: consente di vedere il semplice testo come fosse visualizzato su Word
TESTO: dove 竪 possibile visualizzare il testo e i media secondo il formato HTML
23. Crea un nuovo ARTICOLO
23
Possono essere inserite immagini
singole o fotogallery.
le immagini singole hanno diverse
opzioni di posizionamento nella
pagina, basta cliccare la foto e
apparir una cornice con cui sar
possibile ridimensionare o aumentare
le dimensioni e opzioni per
lallineamento della foto a sinistra, al
centro, a destra oppure nessuna
opzione
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
24. Ottimizzare un testo per il web
Su Internet, ogni giorno, vengono pubblicati miliardi e miliardi di nuovi contenuti.
In questa marea di immagini, testi, video 竪 necessario emergere, farsi trovare.
Non basta solamente avere una community nutrita sui social network per rendere
visibile un contenuto.
Certo questo dato pu嘆 aiutare, ma occorre anche lavorare con i motori di ricerca.
息1989 - 2015 ESIS SRL - www.esis-italia.com
25. Il TITOLO <h1>
Una volta che abbiamo individuato la nostra油parola chiave
principale油dobbiamo cercare di油inserirla nel titolo del nostro
contenuto.
Facciamo attenzione ad un piccolo dettaglio:油se ottimizziamo un
testo per i motori di ricerca non dobbiamo rovinarlo per gli utenti.
Esempio negativo:
Hotel Roma: consigli su dove pernottare
息1989 - 2015 ESIS SRL - www.esis-italia.com
26. Il TITOLO deve essere corto, signi鍖cativo e con keywords
息1989 - 2015 ESIS SRL - www.esis-italia.com
Esempio positivo:
Hotel Roma centro
B&B Roma centro
Ristorante Roma centro
Trattoria tipica Roma centro
Cucina tipica Roma centro
Musei Roma centro
27. Gli HEADINGS <h2> <h3>
Utilizzando i tag h2 e h3
lutente ha una油visione chiara
e schematica del post, se una
parte non gli interessa pu嘆
decidere di andare oltre
perch辿 sa benissimo dove
鍖nisce e inizia la prossima.
Inserisci la parola chiave nei
tag h2 e h3 senza ovviamente
esagerare.
Durante la fase di raccolta
delle idee per un tuo post,
segna 3-4 potenziali parti in
cui dividere il tuo articolo e, ad
ognuna di esse, dai un titolo.
息1989 - 2015 ESIS SRL - www.esis-italia.com
28. Gli HEADINGS <h2> <h3>
息1989 - 2015 ESIS SRL - www.esis-italia.com
<h1>> TITOLO
<H2> O <H3>
Sottotitolo
Share >
29. Gli HEADINGS <h2> <h3>
息1989 - 2015 ESIS SRL - www.esis-italia.com
<h1>> TITOLO
<H2> O <H3> >
Sottotitolo
LINK >
30. 息1989 - 2015 ESIS SRL - www.esis-italia.com
<h1>> TITOLO
<H2> o <H3> >
Sottotitolo
con keywords
LINK >
SOCIAL SHARING >
SOCIAL SHARING >
31. Utilizzando i tag h2 e h3 lutente ha una油visione chiara e schematica
del post, se una parte non gli interessa pu嘆 decidere di andare oltre
perch辿 sa benissimo dove 鍖nisce e inizia la prossima
息1989 - 2015 ESIS SRL - www.esis-italia.com
Gli HEADINGS <h2> <h3>
32. Esempio con tag <h1> e <h3>
Utilizzando i tag h2 e h3 lutente ha una油visione chiara e schematica
del post, se una parte non gli interessa pu嘆 decidere di andare oltre
perch辿 sa benissimo dove 鍖nisce e inizia la prossima.
息1989 - 2015 ESIS SRL - www.esis-italia.com
<H1>
<h3>
<description>
33. Formattazione testo <HTML>
<h1> titolo
<h2> sottotitolo
<p> paragra鍖
<ul> elenchi non ordinati
<ol> elenchi ordinati
<li> per le voci di elenco
<b> grassetto
息1989 - 2015 ESIS SRL - www.esis-italia.com
34. LISTA ORDINATA
TAG <ol></ol>
Questo il risultato:
1. Primi Passi HTML
2. Guida HTML
3. Guida CSS
4. Guida XHTML
5. Guida HTML 5
<ol>...</ol>
L'elemento油<ol>油(order list) lista
ordinata, richiede al suo interno
l'elemento <li> per visualizzare le
voci in elenco.
<ol>
<li>primi passi HTML</li>
<li>Guida HTML</li>
<li>Guida CSS</li>
<li>Guida XHTML</li>
<li>Guida HTML 5</li>
</ol>
息1989 - 2015 ESIS SRL - www.esis-italia.com
35. LISTA NON ORDINATA
TAG <ul>...</ul>
Questo il risultato:
Primi Passi HTML
Guida HTML
Guida CSS
Guida XHTML
Guida HTML 5
<ul>...</ul>
L'elemento油<ul>油(unorder list) lista
non ordinata, richiede al suo
interno l'elemento <li> per
visualizzare le voci in elenco.
Serve per creare una lista non
ordinata di un elenco puntato di
voci.
<ul>
<li>primi passi HTML</li>
<li>Guida HTML</li>
<li>Guida CSS</li>
<li>Guida XHTML</li>
<li>Guida HTML 5</li>
</ul>
息1989 - 2015 ESIS SRL - www.esis-italia.com
36. Meta Description
La meta description 竪 il tag che imposta la油descrizione da visualizzare nei motori di ricerca.
quella porzione di testo visibile sotto al titolo nella SERP di Google ed ha un massimo di油156 caratteri.
Deve essere un testo accattivante che sappia catturare lattenzione del lettore.
息1989 - 2015 ESIS SRL - www.esis-italia.com
37. Parole chiave o KEYWORDS
Nel momento in cui pubblichi un articolo sul web il tuo scopo 竪 quello di farlo leggere a pi湛 persone
possibili.
Quindi cercherai di fare di tutto per renderlo油pi湛 visibile possibile油e per fargli油ottenere le prime
posizioni nella SERP.
Quindi 竪 opportuno油scegliere油una o pi湛 parole chiave油per le quali si vuole OTTIMIZZARE 油il proprio
articolo
息1989 - 2015 ESIS SRL - www.esis-italia.com
38. Parole chiave o KEYWORDS
Nel momento in cui pubblichi un articolo sul web il tuo scopo 竪 quello di farlo leggere a pi湛
persone possibili.
Quindi cercherai di fare di tutto per renderlo油pi湛 visibile possibile油e per fargli油ottenere le prime
posizioni nella SERP.
Quindi 竪 opportuno油scegliere油una o pi湛 parole chiave油per le quali si vuole OTTIMIZZARE 油il proprio
articolo
息1989 - 2015 ESIS SRL - www.esis-italia.com
39. Parole chiave o KEYWORDS
scegliere una油parola chiave generica油che, nella maggior parte dei casi, ha unelevata
concorrenza ma anche un alta frequenza di ricerche
(esempio: pizza)
scegliere una油parola chiave speci鍖ca油con un basso numero di ricerche mensili
(esempio: pizza rossa con funghi a Roma)CODA LUNGA
息1989 - 2015 ESIS SRL - www.esis-italia.com
40. Parole chiave o KEYWORDS
息1989 - 2015 ESIS SRL - www.esis-italia.com
La seconda possibilit ti far ottenere visite di persone strettamente interessate al tuo
argomento che con maggiori probabilit possono diventare tuoi potenziali clienti.
https://adwords.google.com/KeywordPlanner
Strumento di Google per la ricerca delle PAROLE CHIAVE
41. Le IMMAGINI
Quando carichi limmagine principale dellarticolo, rinomina il 鍖le con
il testo della parola chiave e inserisci al油tag alt油la parola chiave
principale.
Il tag alt 竪 il油testo che viene mostrato in alternativa allimmagine.
Se un browser per qualsiasi motivo blocca il caricamento
dellimmagine, essa viene sostituita con il testo.
息1989 - 2015 ESIS SRL - www.esis-italia.com
<img src=/slideshow/corso-wordpress-di-base-esis-srl/63814805/http:/www.esis-italia.com.it/wp-content/uploads/2015/05/tag-
alt-300x150.png alt="tag-alt" width="300" height="150" /></a>
42. esempio di tag alt con ricerca google e keywords corso web marketing milano
43. Inserimento gallery nellARTICOLO
43
Dopo aver cliccato AGGIUNGI MEDIA si aprir una 鍖nestra in cui ci sar
lopzione CREA GALLERIA:
Sar possibile, in questo caso, caricare pi湛 foto simultaneamente dal nostro
pc, le quali verranno caricate automaticamente oppure selezionare pi湛 foto
dalla nostra libreria media di wordpress, qualora le avessimo caricate
precedentemente.
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
44. Inserimento gallery nellARTICOLO
44
Dopo aver selezionato le foto baster cliccare il pulsante AGGIUNGI ALLA
GALLERIA e si aprir una nuova schermata con ulteriori opzioni in cui sar
possibile:
ordinare le foto nella sequenza voluta attraverso un semplice drag & drop,
rendere limmagine linkabile ad allegato pagina o 鍖le media,
impostare il numero di colonne di visualizzazione delle foto nella pagina.
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
45. Inserimento gallery nellARTICOLO
45
Cliccando su ogni miniatura, prima dellinserimento gallery nellarticolo sar
possibile visualizzare le seguenti opzioni:
Titolo
Didascalia
Testo Alt
Descrizione
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
47. Gestione delle Immagini
Le funzioni di WordPress per la redazione dei post mettono a
disposizione anche una serie di strumenti per lupload e linserimento
delle immagini ad integrazione dei testi.
WordPress permette di archiviare le immagini uploadate sulla base di
un ordinamento cronologico, per cui volendo sar possibile
organizzarli in cartelle per mese ed anno semplicemente spuntando
lapposita casella presente sempre allinterno delle opzioni per il
caricamento.
47
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
48. Aggiungi Media
Aggiungi Media che 竪 dotata di tre campi form destinati nello speci鍖co:
allupload del 鍖le 鍖sico;
allindicazione del titolo da assegnare allimmagine che funzioner anche
come suo testo alternativo o tag alt;
nel caso in cui questo parametro non venga speci鍖cato WordPress lo
inserir automaticamente utilizzando come valore il nome dellimmagine
stessa;
ad una descrizione dellimmagine che si desidera caricare.
48
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
49. Caricamento nuovo 鍖le media
49
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
50. Aggiungi Media
WordPress consente di selezionare limmagine che abbiamo deciso
di associare al nostro articolo, grazie alla creazione di miniature con
cui sar pi湛 semplice scorrere il catalogo delle immagini inserite.
50
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
51. Modi鍖ca immagine
51
竪 possibile modi鍖care la posizione dellimmagine
e le sue dimensioni attraverso la funzione SCALA IMMAGINE
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
52. Modi鍖ca immagine
52
竪 possibile modi鍖care la posizione
dellimmagine o lavorare
limmagine stessa attraverso le
funzioni:
Ritaglia immagine
Ruota in senso antiorario
Ruota in senso orario
Inverti verticalmente
Inverti orizzontalmente
Annulla
Ripeti
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
53. Modi鍖ca immagine
53
竪 possibile inserire la didascalia, la descrizione
e limportantissimo TESTO ALTERNATIVO o TAG ALT per qualsiasi 鍖le media
caricato nella libreria media di wordpress
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
54. Testo alternativo o TAG ALT
54
lattributo alt di unimmagine 竪 il testo alternativo che viene utilizzato
quando non 竪 fruibile limmagine stessa;
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
55. Testo alternativo o TAG ALT
55
le persone con problemi visivi, non avendo la possibilit di godere
dellimmagine e utilizzando degli screen reader, leggeranno il tag
alt per avere una descrizione sommaria dellimmagine;
ci sono persone che hanno volutamente disabilitato la visione delle
immagini nei loro browser, per velocizzare lo scaricamento delle
pagine e non solo; queste vedranno al loro posto il testo alternativo
dellimmagine;
problemi contingenti al server che ospita un sito web possono
impedire lo scaricamento temporaneo di alcune immagini; oppure,
semplicemente, alcune immagini si sono corrotte o sono state
cancellate per errore; anche in questi casi il testo descrittivo,
contenuto allinterno del tag alt,fornir unalternativa pi湛 o meno
valida.
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
56. Testo alternativo o TAG ALT
56
il tag alt 竪 pi湛 importante del tag title (il titolo vero e proprio
dellimmagine).
Entrambe queste informazioni (testo alternativo e titolo) sono utilizzate
dal search engine, per fornire agli utenti, che stanno cercando
unimmagine, quelle pi湛 attinenti alla loro ricerca speci鍖ca. Non solo,
anche il nome con cui il 鍖le viene salvato 竪 importante; per Google e gli
altri motori di ricerca 竪 senzaltro pi湛 signi鍖cativo (e utile) salvare un 鍖le
come alternative-tag-image.jpg, piuttosto che _MG_7046.jpg.
facile intuire che questi utenti ricercatori di immagini, potrebbero
diventare potenziali utenti del vostro sito internet, se mettete in atto
unazzeccata strategia di indicizzazione delle immagini.
Per questo motivo il testo inserito nel tag alt delle immagini, inserite in
una pagina web o in un articolo del blog, dovrebbe includere le parole
chiave principali della pagina/articolo che state realizzando.
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
57. Tipologie di contenuto
Gli articoli a loro volta sono油categorizzati, organizzati cio竪 in dei
contenitori utili per distinguere e navigare le varie tipologie di
contenuto (gli articoli), le油CATEGORIE油appunto.
Le voci Notizie, Eventi ad esempio, possono essere delle
categorie appunto, alle quali associare i vari articoli.
Queste voci diventeranno cos狸 dei link allinterno del sito che
visualizzeranno tutti gli articoli associati a quella categoria.
Anche le categorie possono avere una gerarchia, ad esempio sotto la
voce Eventi, possiamo trovare le categorie Spettacolo,
Concerti, ecc. non c竪 limite.
57
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
58. Categorie articoli
58
Per creare una o pi湛 categorie di caratterizzazione articoli basta
andare nel backend di wordpress e da Articoli selezionare la
voce: CATEGORIE
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
59. Gestione Categorie
Quando si aggiunge una nuova
categoria 竪 necessario indicare:
il nome della categoria;
leventuale abbreviazione o slum
che potr essere utilizzata per
comporre lURL alla categoria;
la Categoria madre, che sar
Nessuna per le categorie
principali e il nome della categoria
di riferimento (madre) per quanto
riguarda le sotto-categorie;
la descrizione della categoria
(voce facoltativa).
59
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
60. Categorie
Una volta creata la categoria
baster spuntarla dallelenco
per associare ad essa un
articolo;
WordPress consente di
associare uno stesso articolo a
pi湛 categorie semplicemente
spuntando tutte le voci
desiderate dallapposito elenco
del box Categorie.
60
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
61. Funzione modi鍖ca rapida articoli
Dal backend di wordpress basta
andare con il mouse sopra:
Articoli - Tutti gli articoli
Ora basta selezionare lopzione Modi鍖ca rapida
61
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
62. Funzione modi鍖ca rapida articoli
Si aprir questa schermata con diverse opzioni:
62
Titolo articolo e slug ossia la versione ottimizzata dellURL creata in
automatico da Wordpress e le categorie in cui verr inserito larticolo
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
63. Commenti e Ping
Permetti commenti, consente agli utenti di commentare larticolo
corrente;
Permetti Ping, funzione che avverte quando un altro blogger ha
postato nel proprio sito Web un intervento riguardo allarticolo
corrente.
63
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
64. Password e Mod.Data e Ora
I box Password articolo e Modi鍖ca data e ora non hanno bisogno
di particolari descrizioni, il primo consente di proteggere larticolo
con una parola chiave che ne impedisca laccesso ad estranei,
mentre il secondo 竪 utile nel caso in cui si voglia modi鍖care data e
ora con valori di鍖erenti da quelli correnti.
64
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
65. Stato dellarticolo
Pubblicato, quando larticolo 竪 disponibile sul front-end del blog;
In attesa di revisione, una funzione molto utile per i blog a cui
partecipano molti blogger di livello Autore che non hanno il
permesso per pubblicare un articolo senza prima una revisione
delleditore o dellamministratore;
Bozza, valore impostato quando un articolo non 竪 stato pubblicato
ma 竪 disponibile per la gestione da parte di redattori e admin che
possono correggerlo e pubblicarlo;
Privato, in uso quando larticolo 竪 disponibile per il solo autore.
65
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
67. Gestione di post e pagine
I post e le pagine create con WordPress potranno essere gestite
tramite lapposita sezione del men湛 principale denominata appunto
Gestione.
La prima sotto-voce della sezione 竪 Articoli, dove sar possibile
visualizzare una lista di tutti i post ordinati per data a partire dal pi湛
recente. Quindi, tenete conto del fatto che modi鍖cando la data di un
articolo questo verr reinserito in elenco nella corretta posizione
cronologica utilizzata dallapplicazione per lordinamento.
In ogni caso, un comodo motore di ricerca interno permetter di
ricercare gli articoli per termine, stato di pubblicazione, mese o
categoria.
67
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
68. Menu gestione Pagine
Il men湛 di gestione delle pagine (Pagine) 竪 praticamente identico a
quello precedentemente esposto per gli articoli (post).
68
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
69. Template pagine
Una pagina pu嘆 essere associata
ad un determinato template e che
diverse pagine possono essere
associate a template di鍖erenti.
In pratica, associando un template
a una pagina, potremo variare, per
quesultima, variabili fondamentali
come, per esempio:
la presenza della colonna del
men湛;
la presenza del footer o
dellheader;
limpostazione gra鍖ca della
pagina.
69
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
70. Gestione dei commenti
I commenti sono la vera particolarit dei blog, la possibilit di creare
discussioni attorno ai contenuti ha fatto la vera fortuna del web 2.0.
WordPress mette a disposizione tutti gli strumenti necessari alla
gestione della partecipazione con funzioni per la manipolazione e la
modi鍖ca dei commenti in una sezione appositamente dedicata.
Nel men湛 principale dellamministrazione 竪 ben visibile il
collegamento Commenti, cliccandoci sopra si accede ad
uninterfaccia utilizzabile in due diverse modalit: Visualizzazione e
Modi鍖ca di massa.
70
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
73. Permalink o link permanenti
Con il termine Permalink si indicano gli URL permanenti ai diversi
post inseriti allinterno di un blog gestito con WordPress, alle varie
categorie che dividono i contenuti e ai post pubblicati su blog
esterni.
Per essere pi湛 speci鍖ci, possiamo dire che un permalink 竪 il tipo di
collegamento che un blogger utilizzer per linkare un articolo o una
categoria presente su un altro blog, o in alternativa un link che verr
utilizzato per segnalare a chiunque tramite posta elettronica un
determinato post.
Una volta scelta la forma migliore per i propri Permalink questi
solitamente non vengono pi湛 modi鍖cati, diventano quindi
permanenti.
73
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
75. I tag dei permalink
Ogni tag si porta dietro un valore che 竪 anche uninformazione relativa
allarticolo di destinazione; distinguiamo:
%year%: lanno dellarticolo espresso in quattro cifre, come ad esempio
2008;
%monthnum%: il mese dellanno dellarticolo espresso in due cifre,
come ad esempio 01 per indicare Gennaio;
%day%: il giorno dellarticolo, ad esempio il 18;
%hour%: lora del giorno, come per esempio 15 per indicare le 3 del
pomeriggio;
%minute%: che indica linformazione relativa ai minuti, ad esempio 35;
75
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
76. I tag dei permalink
%second%: che indica linformazione relativa ai secondi, ad esempio
59;
%postname%: un stringa di caratteri che contiene il titolo del post;
%post_id%: una cifra che indica lID univoco associato allarticolo,
se lID del nostro post 竪 pari a 123 allora il valore di %post_id%
sar il medesimo;
%category%: un stringa di caratteri che contiene il nome di una
categoria o di una sottocategoria;
%author%: una stringa di caratteri che contiene il nome dellautore
del post.
76
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
77. I tag dei permalink
La grande disponibilit di tag per la de鍖nizione di URL personalizzate
porta alla possibilit di creare diverse combinazioni; una struttura
espressa in questo modo:
/%year%/%monthnum%/%day%/%postname%/
verr tradotta nella forma seguente:
/anno/mese/giorno/nome-articolo/
77
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
78. Plugin per Wordpress
I Plugin sono estensioni che permettono di integrare un CMS con
nuove funzioni, non sono essenziali per il funzionamento
dellapplicazione, in quanto non fanno parte del suo core, ma
consentono di associare nuovi servizi al front-end e al back-end dei
nostri siti Internet.
WordPress pu嘆 contare su un numero impressionante di estensioni
(ad oggi se ne contano circa 1500) per gli utilizzi pi湛 svariati.
Per gestire i nostri Plugin lamministrazione di WordPress ci mette a
disposizione unomonima voce di men湛.
www.wordpress.org/plugins
78
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
79. Plugin per Wordpress
Di default sono presenti due Plugin disattivati:
Akismet, permette di bloccare lo spam, per essere attivato
necessita di una Api Key che potr essere reperita facilmente
iscrivendosi gratuitamente sul sito WordPress.com;
Hello Dolly, si tratta del primo Plugin u鍖ciale di WordPress, il suo
compito 竪 quello di aprire casualmente, nella zona posta in alto a
destra del pannello di amministrazione, alcune frasi tratte dal testo di
Hello, Dolly di Luis Argmstron; una volta attivato, le frasi della
canzone appariranno in tutte le pagine eccetto quella dei Plugin.
Entrambi i Plugin installati di default sono stati realizzati da Matt
Mullenweg, lo stesso ideatore di WordPress.
79
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
81. Plugin popolari Wordpress
Wp Maintenance Mode o YITH Maintenance Mode
http://wordpress.org/plugins/yith-maintenance-mode/
http://wordpress.org/plugins/yith-maintenance-mode/
Seo Yoast di Joost de Valk
http://wordpress.org/plugins/wordpress-seo/
All in One SEO Pack
http://wordpress.org/plugins/all-in-one-seo-pack/
81
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
82. Plugin popolari Wordpress
Google XML Sitemaps
http://wordpress.org/plugins/google-sitemap-generator/
Google Analytics for Wordpress
http://wordpress.org/plugins/google-analytics-for-wordpress/
Contact Form 7
http://wordpress.org/plugins/contact-form-7/
Duplicate Post
http://wordpress.org/plugins/duplicate-post/
82
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
83. Plugin popolari Wordpress
NextGEN Gallery
http://wordpress.org/plugins/nextgen-gallery/
jQuery ColorBox
http://wordpress.org/plugins/jquery-colorbox/
jQuery Smooth Scroll
http://wordpress.org/plugins/jquery-smooth-scroll/
WPml (translate) Multi-language Plugin
http://wpml.org/it/
83
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
84. Plugin popolari Wordpress
Viper's Video Quicktags
http://wordpress.org/plugins/vipers-video-quicktags/
Audio Player
http://wordpress.org/plugins/audio-player/
W3 Total Cache
http://wordpress.org/plugins/w3-total-cache/
WP-DB-Backup
http://wordpress.org/plugins/wp-db-backup/
84
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
85. Plugin popolari Wordpress
NEWSLETTER
http://wordpress.org/plugins/mailchimp/
http://wordpress.org/plugins/alo-easymail/
Chat
http://wordpress.org/plugins/tags/chat
http://www.livechatinc.com/
http://www.olark.com/
http://www.velaro.com/
85
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
86. Plugin popolari Wordpress
Area Download
http://lesterchan.net/portfolio/programming/php/#wordpress-wp-
downloadmanager
Area Riservata
http://wordpress.org/plugins/social-access-control/
http://wordpress.org/plugins/subscribe2-for-social-privacy/
http://wordpress.org/plugins/buddypress-links/
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.
87. Plugin popolari Wordpress
E-COMMERCE
WP E-Commerce - http://getshopped.org/
http://wordpress.org/plugins/eshop/
http://www.woothemes.com/woocommerce./
https://shopplugin.net/
87
息1989 - 2015 ESIS Srl materiale riservato vietata la riproduzione.