! ! ! ! ! Guida& WordPress(! !
Guida!base!per! l’inserimento!dei! contenuti!nei!siti! WordPress!! ! !
!
! A"cura"di"Le"Fucine"Art&Media"
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.! ! ! 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.!
!
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
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
3.2.4
Ford
Mustang.
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