Guida WordPress. Guida base per l inserimento dei contenuti nei siti WordPress. A cura di Tel&Co S.r.l.

Transcript

1 Guida WordPress Guida base per l inserimento dei contenuti nei siti WordPress A cura di Tel&Co S.r.l.

2 INDICE 1 INTRODUZIONE Premessa WordPress BACHECA Accesso Menu laterale Impostazioni schermata Moduli ARTICOLI Tutti gli articoli Aggiungi nuovo Titolo Contenuto Categorie Tag Immagine in evidenza Pubblica MEDIA PAGINE COMMENTI ASPETTO Widget Menu PLUGIN UTENTI STRUMENTI E IMPOSTAZIONI

3 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 ( 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

4 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 /wpadmin, ad esempio 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

5 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

6 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

7 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 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= ></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= />: 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

8 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 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 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

9 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

10 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

11 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

12 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

13 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

14 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