Qui

Transcript

Qui
Guida
WordPress
Guida base per
l’inserimento dei
contenuti nei siti
WordPress
A cura di Tel&Co S.r.l.
INDICE
1
INTRODUZIONE .......................................................................................................................................................... 3
1.1
Premessa ................................................................................................................................................................ 3
1.2
WordPress .............................................................................................................................................................. 3
2
BACHECA ..................................................................................................................................................................... 4
2.1
Accesso ................................................................................................................................................................... 4
2.2
Menu laterale .......................................................................................................................................................... 4
2.3
Impostazioni schermata ...................................................................................................................................... 4
2.4
Moduli ...................................................................................................................................................................... 5
3
ARTICOLI ..................................................................................................................................................................... 6
3.1
Tutti gli articoli ....................................................................................................................................................... 6
3.2
Aggiungi nuovo ...................................................................................................................................................... 6
3.2.1
Titolo .................................................................................................................................................................... 7
3.2.2
Contenuto ........................................................................................................................................................... 7
3.2.3
Categorie ............................................................................................................................................................ 8
3.2.4
Tag ....................................................................................................................................................................... 8
3.2.5
Immagine in evidenza ...................................................................................................................................... 8
3.2.6
Pubblica .............................................................................................................................................................. 9
4
MEDIA ........................................................................................................................................................................... 9
5
PAGINE ....................................................................................................................................................................... 10
6
COMMENTI................................................................................................................................................................ 11
7
ASPETTO ................................................................................................................................................................... 12
7.1
Widget .................................................................................................................................................................... 12
7.2
Menu ...................................................................................................................................................................... 13
8
PLUGIN ....................................................................................................................................................................... 13
9
UTENTI ....................................................................................................................................................................... 14
10
STRUMENTI E IMPOSTAZIONI ............................................................................................................................. 14
2
1 INTRODUZIONE
1.1 Premessa
Questa breve guida è rivolta a tutti coloro i quali si sono avvicinati a WordPress nella sua ultima versione 4.0.1,
sia per la gestione di un blog che per un sito basato su questo CMS: nelle pagine seguenti non si tratterà di
programmazione, aggiornamenti e sviluppo, ma semplicemente di tutte quelle funzioni che permettono anche
ai non addetti ai lavori di inserire in maniera semplice ed intuitiva ogni genere di contenuto all'interno della
propria struttura web.
La presente guida può essere riprodotta e distribuita con la sola condizione di citarne la paternità (TEL&CO
S.r.l.) e la fonte in cui è stata pubblicata la prima volta (http://www.tlco.it).
1.2 WordPress
WordPress è un software che, utilizzando il linguaggio PHP ed avvalendosi di una database Mysql, viene
distribuito gratuitamente con licenza GNU.
Nasce per essere una piattaforma di editoria online, ottimizzato per la gestione di blog, ma consente la
creazione di siti web a 360° formati da contenuti testuali o multimediali. È stato sviluppato ponendo
particolare attenzione alla facilità d'uso, alla velocità e all'esperienza utente ed è facilissimo da gestire anche
per chi non ha nessuna competenza tecnica o di sviluppo. Di seguito è riportato un elenco delle caratteristiche
di base, ma esistono letteralmente decine di migliaia di plugin che estendono quello che fa WordPress, quindi
l'effettiva funzionalità è quasi illimitata.
3
2 BACHECA
Il pannello di controllo dell’amministrazione è meglio conosciuto in WordPress con il nome di Dashboard o
Bacheca. Non è altro che il pannello di controllo, ovvero l'area di lavoro che permette di inserire ogni genere di
contenuto all'interno del blog o sito.
2.1 Accesso
Il primo passo per poter interagire con WordPress è l'accesso: per fare ciò è
sufficiente aggiungere all'indirizzo del vostro sito web la dicitura /wp-
admin, ad esempio http://example.com/wp-admin,che aprirà la pagina a
lato.
A questo punto, basterà inserire nome utente e password forniti e cliccare
su Login per accedere alla Bacheca.
2.2 Menu laterale
Sul lato sinistro dello schermo è presente il menu di navigazione dove ci sono i link:

al sito di WordPress e alla sua documentazione

passando con il mouse sull’icona della casa con a fianco il nome del sito (in questo
caso Sito di Prova) si apre un menu a tendina con la voce “Visualizza sito” che porta al
front-end, cioè la pagina web visibile online da tutti

il numero di commenti

“Nuovo” che permette di comporre un nuovo Articolo, una nuova Pagina, inserire un
nuovo file Media e un nuovo Utente.
Nella colonna di sinistra sono presenti i collegamenti alle funzioni e ai componenti base di
WordPress che sono analizzati in seguito. Cliccando su “Riduci Menu” è possibile
rimpicciolire la barra laterale e visualizzare solo le icone.
2.3
Impostazioni schermata
Questa area, in alto sulla destra, consente di scegliere quali moduli visualizzare o nascondere dalla propria
area di editing di ogni sezione, permettendo così di ridurre al minimo l'ingombro e personalizzarla in base alle
proprie esigenze.
4
2.4
Moduli
All’interno di questa pagina si troveranno altri blocchi informativi detti moduli.
In particolare, scorrendo dall’alto verso il basso, si ha:
a.
Benvenuto: in questo box è presente un messaggio di benvenuto e dei link diretti allo scopo di aiutare
l’utente nella prima configurazione del CMS.
b.
In sintesi: questo modulo illustra il numero di articoli, pagine e commenti. Poco più in basso fornisce
informazioni sulla versione di WordPress e sul tema in uso.
c.
Bozza rapida: questo modulo è particolarmente apprezzato da chi scrive molti articoli al giorno. Si tratta di
un sistema pratico e veloce che consente in pochi clic di aggiungere una notizia e salvarla come bozza,
per correggerla più avanti. Basterà inserire il titolo dell’articolo e il contenuto e cliccare su Salva bozza.
d.
Attività: tramite questo modulo si ha una visione immediata di tutti i commenti che sono stati rilasciati sul
sito nelle ultime ore e degli ultimi articoli che sono stati pubblicati.
e.
Novità di WordPress: tramite questa funzionalità gli amministratori del sistema potranno essere sempre
informati sugli ultimi sviluppi del CMS e sui plugin più popolari, con notizie che giungeranno direttamente
dal blog ufficiale e non di WordPress.
5
3 ARTICOLI
Gli articoli, detti anche post, sono contenuti dinamici, che sono costantemente aggiornati, e visualizzati,
generalmente, in ordine cronologico discendente, ovvero dal più recente al più lontano nel tempo nella sezione
a loro dedicata all’interno del sito, detta blog. Si differenziano dalle pagine perché hanno la possibilità di essere
categorizzati, cioè divisi per argomenti.
3.1 Tutti gli articoli
Qui è possibile visualizzare l’elenco degli articoli disponibili, modificarne più in contemporanea tramite “Azioni
di gruppo”, filtrarli per data o per categoria e inserirne di nuovi cliccando su “Aggiungi nuovo” (in alto o a
sinistra).
3.2 Aggiungi nuovo
Di seguito un’immagine di come appare un articolo e i campi necessari per compilarlo in ordine di inserimento.
6
3.2.1
Titolo
Per la scrittura del titolo è possibile utilizzare qualsiasi frase, parola o carattere, come virgole, apostrofi,
virgolette, trattini e altri simboli. WordPress genererà un nome user friendly e un URL valido, chiamato anche
slug, per comporre il permalink del post. Il permalink, o collegamento permanente, è un tipo di URL che si
riferisce a una specifica informazione, implementato in modo da non cambiare o almeno da rimanere lo
stesso per lunghi periodi per aiutare l'ottimizzazione nei motori di ricerca. Per questo è meglio evitare di
utilizzare due volte lo stesso titolo.
3.2.2
Contenuto
Gli articoli, così come le pagine, hanno un'area di testo, dove inserire scritto, link, immagini, file video, file audio
e altri tipi di contenuto.
Per l’inserimento dei file multimediali è sufficiente cliccare sul pulsante “Aggiungi Media” presente sopra
all’editor. Si apre così una finestra che visualizza il multi-file uploader. Da qui è possibile trascinare e rilasciare
il file o selezionarlo utilizzando il selettore di file e salvarlo così automaticamente nella Libreria media.
Durante la scrittura di un articolo o di una pagina, si ha la possibilità di utilizzare la modalità visuale o di testo
dell'editor. Nella modalità visuale sono presenti i tool standard di un qualsiasi editor di testo e tool per la
scrittura e la formattazione di foto e link, oltre alla pulizia del codice superfluo nei testi copiati da software
esterni (
). Cliccando su questa icona
verrà mostrata una seconda riga con altri tool per la
formattazione. La modalità di testo offre la possibilità di inserire i seguenti tag HTML:
 b <strong></ strong>: trasforma il testo in grassetto
 i <em></ em>: trasforma il testo in corsivo
 link <a href=”http://example.com”></a>: permette di inserire un link
 b-quote <blockquote></ blockquote>: si usa per distinguere la citazione dal resto del testo
 del <del></ del>: barra un testo, come se fosse cancellato. Assegna l’attributo datetime con offset da GMT
(UTC)
 ins <ins></ ins>: si usa per evidenziare il testo. Assegna l’attributo datetime con offset da GMT (UTC)
 img <img src=”http://example.com” />: permette di inserire un collegamente a un’immagine e quindi
mostrarla
 ul <ul></ ul>: inserisce o rende il testo selezionato una lista non ordinata visualizzata come un elenco
puntato di elementi
 ol <ol></ ol>: inserisce o rende il testo selezionato un elenco numerato
 li <li></ li>: inserisce o rende il testo selezionato una voce dell’elenco. Sarà quindi utilizzato dopo il tag <ul>
o <ol>
 code <code></ code>: rende il testo preformattato. Generalmente imposta il testo in un font a spaziatura
fissa, ad esempio Courier
 more <!--more-->: divide in due parti il contenuto del post. Si possono digitare alcuni paragrafi, inserire
questo tag, quindi comporre il resto del post. Nella homepage del blog si vedranno solo i primi paragrafi
con un collegamento ipertestuale, “more...”, che una volta cliccato mostrerà il resto del contenuto del post
 Chiudi Tags: chiude qualsiasi tag lasciato aperto.
7
3.2.3
Categorie
Ogni post in WordPress è archiviato in base a una o più categorie che consentono di classificare i propri
articoli in base all’argomento; esse sono elencate in questo modulo. Se non è assegnata nessuna categoria,
l’articolo di default apparterrà a “Senza categoria”, fornita di base da WordPress, o a una categoria impostata
come predefinita dall’utente.
Nel menu laterale nella sezione Categorie si possono aggiungere ulteriori categorie inserendo il nome (lo slug
verrà formato in automatico e la descrizione è opzionale). Ogni categoria può essere assegnata a una
categoria superiore, detta genitore, in modo da impostare una gerarchia. Si prendano come esempio le
automobili, una possibile gerarchia potrebbe essere Automobile  Ford  Mustang.
3.2.4
Tag
I tag sono delle etichette, composte da una o più parole, da inserire in un post per evidenziarne i principali
argomenti trattati o possono essere semplicemente le parole chiave del testo. Si inseriscono separandoli con
virgole.
3.2.5
Immagine in evidenza
La miniatura del post è un'immagine scelta come rappresentativa per gli articoli, le pagine o altri tipi
personalizzati di post. Cliccando su “Imposta l’immagine in evidenza” si ha la possibilità di accedere alla
Libreria Media e selezionare un’immagine o caricarne una non presente.
8
3.2.6
Pubblica
Il modulo Pubblica contiene le funzioni che controllano lo stato del post. Gli stati principali sono:
 Pubblicato: significa che il post è stato pubblicato sul blog ed è visibile a tutti
 In attesa di revisione: il post è in attesa della revisione di un editore prima della pubblicazione
 Bozza: significa che il post non è stato pubblicato ed è in attesa di essere completato dall’editore, che è
l’unico che lo può vedere
All’interno di questo modulo è anche possibile pianificare la pubblicazione degli articoli, modificandoli in modo
che abbiano data e ora futura. Alla voce visibilità si indica come il post appare sul sito:
 Pubblico: una volta pubblicato potrà essere visualizzato da tutti
 Protetto da password: è un post visibile a tutti, ma i visitatori devono conoscere la password per
visualizzarne il contenuto
 Privato: risulta visibile solo dal back-end del sito.
Infine per ogni cambiamento effettuato il post deve essere salvato cliccando sul bottone “Pubblica”.
4 MEDIA
I file media possono essere di vario tipo: immagini, video, audio e altri formati, come ad esempio i pdf.
Vengono tipicamente caricati e inseriti nel contenuto quando si scrive un post o una pagina.
La schermata Libreria media consente di caricarne di nuovi, anche più di uno contemporaneamente,
modificare, o eliminare o visualizzare quelli in precedenza caricati. Una volta caricati possono essere
visualizzati come elenco o a griglia.
È prevista la ricerca e la possibilità di filtraggio per consentire di trovare il file media desiderato in modo più
agevole. Ogni file è catalogato con un titolo, una descrizione, un testo alternativo, un autore, eventuali
commenti, dove è stato allegato e la data di caricamento.
9
5 PAGINE
Una pagina è un altro strumento che serve per presentare le informazioni statiche del sito. Le pagine sono in
genere senza tempo, cioè non cambiano con il trascorrere di quest’ultimo; l’esempio tipico di una pagina può
essere l'informazione contenuta in Contatti. Poiché le pagine sono al di fuori della cronologia del blog, non
vengono visualizzate con il resto dei post, ma sono visualizzate singolarmente.
La schermata “Aggiungi nuovo” consente di creare nuove pagine, mentre la schermata “Tutte le pagine”
fornisce gli strumenti necessari per modificare, eliminare o visualizzare le pagine esistenti. Per la modifica o
per la creazione del contenuto si disporrà sempre dello stesso editor presente durante la creazione degli
articoli.
Questa sezione si differenzia da quella degli articoli per il modulo “Attributi pagina”. In questo modulo possono
essere impostati:
 Genitore: Le pagine possono seguire una gerarchia in base alla quale è possibile impostare una pagina
genitore e delle sotto pagine. Se si sceglie di mantenere la pagina che si sta creando indipendente dalle
altre, l’opzione “Pagina base” rimarrà invariata, altrimenti dovrà essere selezionata dal menu a tendina il
titolo della pagina principale. Per mostrare la gerarchia, nel sito all’interno del menu di navigazione, le sotto
pagine sono indentate sotto la principale.
 Modello: Probabilmente si vorrà che il sito web abbia pagine con una struttura più o meno simile, in caso
contrario potrebbe essere necessario, per una specifica pagina o un gruppo di pagine, avere una grafica o
funzioni diverse. Questo è facilmente realizzabile selezionando da qui un template.
10
 Ordinamento: Infine in questo modulo è possibile impostare un ordine di visualizzazione delle pagine nel
menu di navigazione del sito, utilizzando l’area ordinamento e assegnando a ogni pagina un numero
progressivo; se non è assegnato nessun numero, l’ordine delle pagine segue la logica alfabetica.
Più pagine possono essere selezionate per l'eliminazione o per la modifica. Un utile strumento di modifica,
chiamato “Modifica rapida”, consente di aggiornare molti campi per una singola pagina. Varie possibilità di
ricerca e di filtraggio consentono di trovare le pagine che si desiderano modificare o eliminare.
6 COMMENTI
I commenti sono una caratteristica del blog che consente ai lettori di rispondere agli articoli.
Possono essere visualizzati, approvati, cancellati o segnalati come spam ed è possibile anche rispondere ad
essi. Possono essere messi in coda per l'approvazione prima che siano visibili sul sito web; questo è utile per
eliminare lo spam.
Nella parte superiore della schermata viene visualizzato il numero di commenti in attesa di moderazione e il
numero di quelli approvati. Una casella di ricerca consente di trovare commenti specifici.
11
7 ASPETTO
Quest'area gestisce appunto l'aspetto del blog o sito: in essa si possono modificare grafica, temi e widget.
7.1 Widget
I widget sono oggetti che permettono di aggiungere diverse informazioni nella sidebar. Essa è
fondamentalmente una colonna verticale fornita per differenziare la visualizzazione di informazioni specifiche
rispetto al contenuto principale della pagina web. Per essere aggiunti alla sidebar i widget devono essere
trascinati con drag and drop, e in seguito possono essere riordinati, configurati o eventualmente eliminati.
12
7.2 Menu
La funzione Menu consente di creare uno, o più, menu di navigazione assegnandogli per prima cosa un nome
distintivo e poi trascinando all'interno di questo modulo pagine, categorie o link che serviranno ai visitatori per
navigare sul sito.
Si possono inoltre riordinare e indentare le voci del menu, creando così i menu a tendina, sempre utilizzando il
drag and drop. Una casella prevede la possibilità di aggiungere automaticamente al menu le nuove pagine di
primo livello, in altre parole quelle senza pagina genitore.
Se l’opzione è presente nel tema si deve poi decidere se il menu è il primario superiore, cioè appare in alto, o il
secondario e può quindi apparire nella sidebar, sotto il menu principale o nel footer a seconda di come il tema
è stato configurato. Un widget permette la visualizzazione di un menu personalizzato nella barra laterale.
8 PLUGIN
WordPress è un software scalabile, ovvero le sue funzionalità possono essere aumentate semplicemente
fornendo al sistema stesso maggiori risorse. Per questo permette la realizzazione di portali web con l'ausilio
di plugin. Si tratta di moduli che estendono le funzionalità dell'applicativo e aggiungono nuove caratteristiche
ed elementi che permettono di personalizzare ed adattare il blog o sito alle specifiche esigenze.
È vivamente sconsigliabile l'installazione, l'attivazione o disattivazione di essi; procedimento che richiede
particolari competenze.
13
9 UTENTI
Attraverso questo pulsante è possibile gestire ed aggiungere/eliminare gli utilizzatori del blog o del sito.
La cosa importante è la definizione dei ruoli. Secondo il loro ruolo, gli utenti hanno capacità differenti. In breve,
un utente può essere assegnato ai seguenti ruoli:
 Amministratore: può fare tutto, ha accesso a tutte le funzionalità messe a disposizione dal pannello di
controllo, si tratta di un ruolo che per ragioni di sicurezza viene accordato al minor numero di utenti
possibile.
 Editore: ha il permesso di pubblicare articoli scritti da lui o da altri utenti e di effettuarne la gestione, il suo
raggio d'azione si limita all'amministrazione dei contenuti e non può compiere modifiche a carico della
piattaforma che gestisce il sito.
 Autore: è un “editore di se stesso” poiché ha il permesso di pubblicare e di gestire soltanto i suoi articoli, gli
editori potranno eventualmente modificare le scelte effettuate dagli autori.
 Collaboratore: può scrivere gli articoli e metterli a disposizione per la pubblicazione ma non ha sufficienti
privilegi per decidere in merito ad essa, l'ultima parola spetta, infatti, agli editori.
 Sottoscrittore: ha il solo permesso di leggere gli articoli, postare eventuali commenti (ammesso che
l'amministratore abbia concesso loro questo privilegio) e di ricevere informazioni tramite servizi come le
newsletter.
10 STRUMENTI E IMPOSTAZIONI
Queste sezioni offrono funzioni per i soli addetti ai lavori: si consiglia pertanto di non utilizzarli.
14