MANUALE per UTENTI A cura di eascom 2012 www.eascom.it
Indice Introduzione... 3 Perchè Wordpress... 3 Pagina di accesso all amministrazione... 3 Bacheca... 4 Home... 4 Aggiornamenti... 5 Articoli... 6 Come aggiungere un articolo... 6 Come modificare o cancellare un articolo... 7 Funzionalità dell editor di testo... 8 Come inserire le immagini e i file multimedia... 9 Come inserire i pdf... 11 Media... 11 Link... 11 Pagine... 11 Come aggiungere una pagina... 11 Come modificare o cancellare una pagina... 12 Gestione avanzata... 13 Aspetto... 13 Widget... 13 Plugin... 14 Utenti... 14 Strumenti... 14 Impostazioni... 15 2
Introduzione Abbiamo pensato di scrivere una piccola guida per gestire il vostro sito aggiornandolo e popolandolo di contenuti. Per realizzare il vostro sito abbiamo utilizzando Wordpress, un ottimo CMS (Content Management System) open-source, che permette di inserire contenuti dinamicamente e generare pagine web tramite un semplice pannello di controllo. Perché Wordpress Wordpress è un software che permette di creare siti dinamici in cui pubblicare gli articoli, le immagini, filmati... in maniera semplice e intuitiva. Essendo una piattaforma open-source è in continua evoluzione con l aggiunta di molteplici funzionalità. Pagina di accesso all amministrazione Per poter fare modifiche al vostro sito dovete accedere al pannello di controllo aggiungendo all indirizzo del vostro sito /wp-admin http://www.miosito.it/wp-admin Figura1 3
Si aprirà così una pagina come quella della figura1, dove inserire Nome Utente e Password Per il tuo sito Nome utente: Password: Fare poi clik sul pulsante Collegati Figura2 Questo è il pannello di gestione che si presenta dopo il login (figura2) Bacheca La bacheca è una sorta di vetrina che riepiloga la situazione del sito e le ultime attività svolte dall amministratore o dagli utenti. Home Ci sono 4 riquadri, ognuno dei quali mostra sinteticamente le informazioni e le 4
novità più importanti. - Stato attuale: ti mostra in un colpo d occhio il numero di articoli, pagine, categorie e tag, mostra anche il tema in uso e la versione di Wordpress installata. - Quickpress: è un area dove per poter scrivere un articolo rapidamente. - Commenti recenti mostra, nel caso di articoli o pagine che necessitano dei riscontri da parte dei visitatori, i commenti più recenti. - Bozze recenti mostra gli articoli che sono allo stato di bozza. Aggiornamenti Come dicevamo nell introduzione Wordpress è in continua evoluzione e vi ritroverete spesso le segnalazioni di aggiornamenti del programma, di plugin e temi. Il nostro consiglio è quello di tenerlo aggiornato utilizzando la funzione di auto aggiornamento, basta seguire le istruzioni a video nel pannello di amministrazione, queste appaiono quando è disponibile un aggiornamento e non presentano difficoltà particolari. Plugin Le funzionalità aggiuntive del CMS Wordpress vengono comunemente chiamate plugin, nel vostro sito sono diversi i plugin installati e come per il programma stesso prevedono degli aggiornamenti automatici. Tema Quello che appare al visitatore del vostro sito è prodotto dinamicamente dal sistema che impagina dei contenuti (testi e immagini) secondo uno schema grafico chiamato tema. Per quanto riguarda gli aggiornamenti al tema in uso, sconsigliamo la procedura di aggiornamento automatico. Verrà effettuata da noi in quanto rappresenta la grafica personalizzata del vostro sito ed eventuali errori di aggiornamento possono pregiudicare le principali funzionalità del sito stesso. 5
Articoli Gli Articoli sono quei contenuti del sito che riportano informazioni con un riferimento temporale (data). La data di pubblicazione consente a Wordpress di ordinare i contenuti dalla data più recente (in alto) alla meno recente (in basso). L utente vede così sempre il contenuto più recente. Esempi di articoli: news / eventi / promozioni Come aggiungere un articolo Per aggiungere un nuovo articolo cliccare su Aggiungi Nuovo dal menu a sinistra oppure dalla pagina Articoli cliccare su Aggiungi nuovo in alto vicino alla scritta articoli. Questa la schermata che si apre 1 3 5 2 4 Iniziamo inserendo il titolo nel primo box ( 1 ) Scriviamo il testo nello spazio bianco del secondo box ( 2 ). Tra i due box c è una barra funzioni per editare il testo come in un word processor. Si possono quindi inserire formattazioni al paragrafo, link e immagini. Le spiegazioni delle 6
funzionalità dell editor di testo è posta nel capitolo successivo. Chi conosce l html può passare alla visualizzazione HTML tramite l apposita linguetta ( 3 ) Scegliamo la categoria di appartenenza ( 4 ) nel caso ci siano più categorie. Gli articoli possono essere associati a una o più categorie. E utile avere più categorie per dare al lettore la possibilità di raggruppare gli articoli su un particolare tema agevolandolo nella lettura. La scelta delle categorie viene effettuata, in genere, in fase di progettazione del sito per non doverlo stravolgere successivamente. Clicchiamo Pubblica ( 5 ) per salvare il tutto e renderlo visibile sul sito. Usare Anteprima o Salva Bozza rispettivamente per vederlo impaginato prima della pubblicazione oppure per salvare il lavoro e riprenderlo più tardi. Se si vuole che l articolo risulti pubblicato in una data passata modificare la data di pubblicazione, oppure è possibile anche impostare una data di pubblicazione futura. In tal caso il sistema farà apparire l articolo alla data/ora prestabilita senza ulteriori interventi. Come modificare o cancellare un articolo Clicchiamo sulla voce di menu Tutti gli Articoli per vedere tutta la lista degli articoli presenti. Identifichiamo nella lista l articolo che si vuole modificare. Se la lista è lunga viene organizzata in diverse pagine quindi per trovare la pagina che interessa può essere necessario avanzare cliccando sui comandi pagina in fondo alla lista, oppure utilizzare lo strumento di ricerca articolo in alto a destra. Clicchiamo il titolo di una pagina per aprirla in modifica o usare i link che appaino appena sotto il titolo - modifica - modifica veloce - cestina - visualizza 7
Modifica: entra nell articolo per modificarlo. Una volta fatte le modifiche cliccare su Aggiorna per salvarlo Modifica veloce: per cambiare in modo rapido il titolo, data, categoria, lo stato di pubblicazione Cestina: per cancellare l articolo Visualizza: per vedere l anteprima dell articolo Funzionalità dell editor di testo I pulsanti dell editor di testo sono simili a Word, ci soffermeremo su quelli più utili. Grassetto, Corsivo, Barrato, Sottolineato: rendono rispettivamente il testo grassetto, corsivo, barrato, sottolineato. Lista non ordinata, elenco numerato: inserisce e modifica rispettivamente elenco puntato e elenco numerato. Allinea a sinistra, allinea al centro, allinea a destra, giustifica: consentono di allineare il testo rispettivamente a sinistra, al cento, a destra o giustificato. Tipo di carattere, dimensione, paragrafo, seleziona il colore del testo, seleziona il colore di sfondo : di default il contenuto delle vostre pagine/articoli hanno già uno stile coerente per tutti gli articoli o pagine, all occorrenza il carattere, la dimensione, il paragrafo, il colore del testo e il colore di sfondo possono essere modificati a vostro piacimento per quella pagina/ articolo. 8
Inserisci/modifica link, togli link: selezionando la parola o l immagine che fungerà da pulsante permette di inserire un collegamento. E possibile aggiungere link ad un contenuto del sito oppure ad un file o un sito esterno. In questo caso vi consigliamo di spuntare la casella Apri il link in una nuova finestra/linguetta. Per eliminare il collegamento, selezionare il link e cliccare sul simbolo della catena spezzata. Taglia, Copia, Incolla, Incolla come testo puro, incolla da Word: comandi identici a Word, permettono rispettivamente di tagliare copiare, incollare il testo selezionato. Per incollare testo preso da un documento di Word vi consigliamo di utilizzare il tasto incolla da Word per evitare di produrre codice sporco, oppure incolla testo puro che permette di ripulire il testo dalla precedente formattazione. Inserisci nuova tabella e relativi comandi: inserisce una tabella nel testo, stabilire il numero di righe/colonne, la spaziatura, la larghezza, l altezza, l allineamento... Una volta inserita si attivano i successivi pulsanti per modificare la tabella, proprietà riga tabella, proprietà cella tabella, inserisci una riga prima, inserisci una riga dopo, cancella riga, inserisci una colonna prima, inserisci una colonna dopo, cancella colonna, separa le celle unite nella tabella, unisci celle tabella e cancella tabella. Come inserire le immagini e i file multimediali 1 Clicchiamo sulla scritta carica/inserisci ( 1 ), si apre una finestra di pop - up con tre linguette per caricare l immagine dal computer, inserire un immagine da un altro sito oppure per sceglierla dalla libreria media nel caso già caricata. Clicchiamo sul pulsante Selezionare file (sotto la scritta rilasciare qui i file), a questo proposito ricordiamo che la dimensione massima di caricamento del file è di 2MB. Apriamo il file che vogliamo allegare e attendiamo qualche secondo per il caricamento. 9
1 2 3 4 5 6 Una volta caricato è possibile fare anche delle modifiche come ritagliare, scalare o ruotare l immagine ( 1 ) 2 ) Inseriamo un titolo e un testo alternativo parlante possibilmente in relazione con i contenuti. Le parole del titolo delle immagini rimangono visibili ai motori di ricerca e possono attirare molti utenti che fanno ricerche con parole chiave. 3 ) L inserimento della didascalia è facoltativo. 4) URL link. Cliccare su Nessuna per avere una immagine non cliccabile, viceversa se si vuole che l immagine, una volta cliccata, punti alla versione ingrandita scegliere URL file, altrimenti se si vuole che punti a una pagina specifica cliccare URL dell allegato. Di default viene riportato l URL del file. 5 ) Scegliamo l allineamento e la dimensione. Il pulsante Inserisci nell articolo ( 6 ) conferma e inserisce l immagine effettivamente nel testo. E inutile l utilizzo del pulsante Salva tutte le modifiche 10
Come inserire i pdf Per inserire un file pdf la procedura è del tutto simile a quella vista per le immagini. Occorre soltanto aver cura di scegliere al punto 4 URL file in modo che cliccando il link si apra il pdf. Media Dalla voce di menu Media si possono vedere un elenco di tutte le immagini e altri file multimediali inseriti negli articoli del sito. Si può anche aggiungere un nuovo file, tramite l apposita finestra che consente di sfogliare tra le cartelle del proprio computer e poi caricare il file scelto, media aggiungi nuovo. In tal caso il file sarà disponibile nella libreria del programma per creare link o box immagini, non sarà caricato ne in articoli o in pagine. Link Da questo menu si possono gestire i link ai siti utili per i lettori del vostro sito, l elenco viene pubblicato automaticamente da Wordpress nel box specifico. Il nostro consiglio, se ritenete utile questa voce per il vostro sito è di creare una apposita pagina links con tutti i link utili. Di conseguenza la voce links presente nel menu di amministrazione non andrebbe mai usata. Pagine Questa voce di menu permette di creare nuove pagine, visualizzarle o modificarle. Le Pagine sono quei contenuti che riportano informazioni che si pensa non cambino spesso o che comunque non ha senso presentare con un riferimento temporale (data). Esempi di pagine: Chi siamo / Cosa facciamo / Contatti Come aggiungere una pagina Prima di iniziare ricordiamo che non basta creare la pagina per visualizzarla sul sito, va anche aggiunta la voce al menu, se la pagina non è stata prevista in fase di creazione del sito valutare dove aggiungere la voce per non stravolgere la grafica del sito stesso. 11
Clicchiamo su Pagine Aggiungi Nuova 1 L inserimento è analogo a quanto visto per gli articoli, salvo per il punto 1. Se si tratta di una sottopagina scegliamo la pagina a cui va collegata quella che stiamo inserendo, altrimenti lasciamo Pagina base. Come modificare o cancellare una pagina La procedura è la stessa vista per gli articoli. Nel caso si ritenga opportuno eliminare una pagina il richiamo di questa pagina va eliminata anche dal menu. ATTENZIONE! Per personalizzare graficamente alcuni siti si sono utilizzati codici HTML e CSS per ottenere i risultati richiesti. Di conseguenza prestare attenzione nelle modifiche che devono essere, in alcuni casi, effettuate utilizzando la linguetta HTML, in quanto aprendo la pagina nella modalità Visuale non si ottiene la stessa pagina pubblicata ed eventuali modifiche potrebbero corrompere il codice inserito. 12
Gestione avanzata ATTENZIONE! Le voci di menu di questa sezione sono di competenza dell amministrazione grafica del programma dei plugin e dei temi grafici di conseguenza vanno utilizzate con cautela e possibilmente dopo averci consultato. Diamo una veloce spiegazione di cosa significano le voci di menu Aspetto Questa è l area dedicata alla gestione dell aspetto grafico del sito. Accedere per modificare widget se necessario, ma prestare attenzione ad altre modifiche. Widget Il widget è un componente di varia natura, grafico - testuale, funzionale all uso del sito, che viene collocato nelle aree in cui il sito è organizzato. Tali aree sono definite dal tema utilizzato e talvolta da impostazioni grafiche personalizzate. 13
Senza entrare in troppi dettagli l aggiunta, la modifica o la cancellazione di widget può cambiare pesantemente l aspetto e la funzionalità del vostro sito, di conseguenza consigliamo di chiedere a noi preventivamente ogni modifica che intendete apportare. Per attivare un widget basta, tenendo premuto il tasto sinistro del mouse sul titolo del widget, trascinarlo nell area nella quale si intende attivarlo dopodichè è possibile personalizzarlo riempiendo o modificando le opzioni proposte. Ricordiamo che per aprire le aree widget e i singoli widget è necessario cliccare sulla freccia discendente. Plugin Area per gestire i plug-in di Wordpress, attivarli, disattivarli, eliminarli e aggiornarli. Le funzionalità aggiuntive del CMS Wordpress vengono comunemente chiamate plugin, nel vostro sito sono diversi i plugin installati. Utenti Funzione con la quale si possono aggiungere gli utenti del sito e definire i loro ruoli (sottoscrittori, amministratori,editori, ecc.) Strumenti Sono funzioni amministrative del sito la più importante è il Backup, con la quale possiamo salvare il sito prima di qualsiasi modifica o aggiornamento ed effettuare comunque una copia per l archiviazione 14
Impostazioni Questo menu comprende una serie di voci (Generale, Scrittura, Lettura, ecc.) che consentono di effettuare impostazioni dettagliate sulla funzionalità e caratteristiche del CMS Wordpress e del vostro sito. Anche per questa voce se ne consiglia un uso dopo averci consultato. Appunti _ 15