Il sito della diocesi di Alghero-Bosa è sviluppato sulla piattaforma Drupal, un CMS (content management system) open source.
Chi ha accesso al sito in qualità di redattore ha la possibilità di amministrare (creare, modificare, eliminare) i contenuti (pagine, articoli, avvisi, recensioni) e i commenti degli utenti registrati.
Gli utenti sono suddivisi in tre gruppi:
La creazione di un nuovo contenuto avviene selezionando la voce Crea contenuto
nel menu dell'utente autenticato.
La modifica dei contenuti avviene selezionando la voce Modifica
nella pagina che visualizza il contenuto oppure dal menu Amministra
→ Contenuto
.
Per la gestione dei commenti selezionare Amministra
→ Commenti
.
Generalmente un contenuto, oltre al normale testo, può essere costituito anche da altri elementi: intestazioni, immagini, link, elenchi puntati o numerati.
La predisposizione dei vari elementi nel corpo della pagina è facilitata da una serie di pulsanti che abilitano diverse funzioni:
Costituiscono i titoli dei paragrafi o dei sotto-paragrafi. Sono disponibili 2 livelli di intestazione, h3
e h4
, con importanza decrescente.
Per inserire un'intestazione occorre selezionare il livello desiderato tramite l'apposita icona e digitare il testo all'interno dei tag; oppure evidenziare il titolo digitato ed applicare l'intestazione cliccando sull'icona.
La sintassi corretta per le intestazioni è la seguente:
<h3>Titolo paragrafo</h3>
I livelli di intestazione h1
e h2
sono utilizzati per il titolo del sito e delle pagine e pertanto non vanno selezionati.
Iniziare sempre il nuovo paragrafo sotto la riga d'intestazione.
Per inserire un'immagine nella pagina servirsi del pulsante evidenziato in rosso.
Image URL: inserite l'url dell'immagine se questa si trova già disponibile sul web oppure servitevi del pulsante Browse per caricarla sul server (vedi più avanti).
Width x Height: specificate le dimensioni che dovrà assumere l'immagine nella pagina solo se differiscono dalla risoluzione reale. Nel caso di immagini da caricare sul server è bene prepararle prima alla giusta dimensione.
Alternative text: descrizione dell'immagine.
La sintassi corretta per le immagini è questa:
<img src="/percorso/immagine.estensione" width="xxx" height="yyy" alt="descrizione immagine" />
che con l'esempio in figura diventa:
<img src="/files/images/drupal_link.png" width="354" height="289" alt="aggiunta link" />
Se l'immagine non dovrà essere subire ridimensionamenti è possibile eliminare i riferimenti a larghezza e altezza.
A questa notazione, poi, andrà aggiunta la proprietà class
per impostare l'allineamento dell'immagine.
Allineamento a destra, con testo che scorre attorno:
<img src="/files/images/drupal_link.png" alt="aggiunta link" class="alignright" />
Allineamento a destra e con bordo, con testo che scorre attorno:
<img src="/files/images/drupal_link.png" alt="aggiunta link" class="alignrightb" />
Allineamento a sinistra, con testo che scorre attorno:
<img src="/files/images/drupal_link.png" alt="aggiunta link" class="alignleft" />
Allineamento a sinistra e con bordo, con testo che scorre attorno:
<img src="/files/images/drupal_link.png" alt="aggiunta link" class="alignleftb" />
Allineamento centrato, senza testo intorno:
<img src="/files/images/drupal_link.png" alt="aggiunta link" class="center" />
Allineamento centrato e con bordo, senza testo intorno:
<img src="/files/images/drupal_link.png" alt="aggiunta link" class="centerb" />
Come già detto in precedenza riguardo alla dimensione che le immagini dovranno assumere nella pagina è opportuno uploadarle alla giusta risoluzione anziché limitarla successivamente tramite i campi Width
ed Height
. Quasi tutti i software di editing di immagini permettono questa operazione. Considerate che la larghezza della pagina è di 492 pixel.
Nella maschera per l'impostazione delle immagini selezionate Browse
.
La nuova finestra permette il caricamento (Upload), l'eliminazione e l'inserimento dell'immagine nella pagina (Send to BUEditor).
Nella parte sinistra è presente l'albero delle cartelle disponibili:
Per inserire un'immagine nella pagina occorre servirsi del pulsante evidenziato in rosso. Subito oppure dopo aver evidenziato il testo da linkare.
Link URL: indirizzo a cui punterà il link. Non considerate il tasto browse.
Link text: testo che fungerà da collegamento.
Link title: Descrizione del link.
La sintassi corretta per le immagini è questa:
<a href="http://indirizzo_a_cui_puntare" title="descrizione link">testo da linkare</a>
che con l'esempio in figura diventa:
<a href="http://www.acalgherobosa.it" title="sito diocesano">AC Alghero-Bosa</a>
Nel caso si volesse impostare un collegamento per un'immagine la sintassi da utilizzare è:
<a href="http://indirizzo_a_cui_puntare" title="descrizione link"><img src="/percorso/immagine.estensione" width="xxx" height="yyy" alt="descrizione immagine" /></a>
Per caricare e linkare un file leggi: area_downloads
Per applicare un elenco è consigliato digitare le varie voci, una per riga, e poi applicare la formattazione desiderata servendosi della relativa icona: o .
La sintassi per gli elenchi puntati è la seguente:
<ul class="elenco"> <li>Voce 1</li> <li>Voce 2</li> <li>Voce 3</li> </ul>
mentre quella per gli elenchi numerati:
<ol> <li>Voce 1</li> <li>Voce 2</li> <li>Voce 3</li> </ol>
Se si desidera annullare il margine tra l'elenco puntato e il paragrafo che lo precedere attribuire a quest'ultimo la classe anteelenco
. Esempio:
<p class="anteelenco">Il Comitato per gli Affari Economici è composto da:</p>
Per la composizione di un articolo è necessario inserire un titolo, selezionare uno o più tag (etichette) che descrivono e classificano il contenuto, ed il contenuto stesso all'interno del campo Body
.
Il bottone Dividi il sommario nella posizione del cursore
permette di separare la parte di testo che verrà visualizzata nella home page da quella che apparirà visualizzando l'intero articolo. Come suggerisce la voce può essere utilizzata per creare un sommario dell'articolo.
Alternativamente è possibile ricorrere al pulsante che posizionerà un'apposita voce in corrispondenza del punto di separazione.
Se non si imposta alcun testo come sommario provvederà il programma a selezionare una porzione di testo; e sarebbe meglio evitarlo.
Informazione sulla revisione: permette di creare una nuova versione della pagina evitando le modifiche a quella attuale. Da utilizzare se non si è certi delle modifiche apportate e/o le si vogliono mostrare ad altri utenti.
Impostazioni commento: il valore impostato di default, Lettura/Scrittura
, consente la visione dei commenti inseriti a tutti gli utenti e la creazione di nuovi per quelli registrati. Nel caso ci fossero particolari esigenze selezionare un altro valore.
Informazioni sull'autore: contiene informazioni sull'autore dell'articolo e sulla data delle modifiche. Non è necessario intervenire su questi valori.
Chi ha la necessità di firmare il proprio lavoro apponga il proprio nome da qualche parte perché questo campo non verrà visualizzato nella pagina.
Opzioni di pubblicazione: i valori preimpostati sono Pubblicato
(contenuto accessibile a tutti gli utenti) e Promosso in prima pagina
(l'articolo figurerà nell'elenco in prima pagina).
L'opzione Fisso in cima alla lista
serve a posizionare i contenuti in cima all'elenco nella home page; dal momento che gli articolo vengono ordinati per data è opportuno lasciare deselezionata questa casella.
Per creare una bozza dell'articolo disabilitare la voce Pubblicato
riabilitandola a lavoro ultimato.
Per le sezioni che seguiranno valgono le regole generali illustrate in precedenza.
Considerato che le poche pagine che costituiscono il sito sono tutte facilmente accessibili suggerisco di non applicare etichette a questo tipo di contenuto.
Non è necessario inserire un separatore per impostare l'anteprima del testo.
Impostazioni commento: per questo tipo di contenuto i commenti sono disattivati.
Opzioni di pubblicazione: trattandosi di una pagina non andranno selezionati i flag Promosso in prima pagina
e Fisso in cima alla lista
.
Impostazioni percorso URL: imposta un indirizzo alternativo a quello creato di default dal sistema (nomesito/node/xxx). Ad esempio inserendo il valore
settori/giovani/appuntamenti
la pagina sarà raggiungibile all'indirizzo
www.acalgherobosa.it/settori/giovani/appuntamenti
Per inserire un collegamento alla pagina nei menu di navigazione contattatemi.
Per questa categoria vanno selezionati uno o più tag (etichette) che descrivono e classificano il contenuto e va applicato un separatore per l'anteprima che andrà in home page. Se è necessario, perché ad esempio l'avviso non è molto lungo e lo si vuol visualizzare tutto in prima pagina, posizionare il separatore al termine del testo.
Gli avvisi sono visualizzati in prima pagina ordinati per data di modifica. Per riportarne uno in cima alla lista è sufficiente selezionare Modifica
e Salva
, anche senza apportare realmente delle modifiche.
Impostazioni commento: come per gli articoli.
Opzioni di pubblicazione: selezionato solo Pubblicato
. Per rimuovere un avviso è sufficiente disabilitare questa opzione.
Nel campo titolo
va inserito il titolo della pubblicazione.
Quello che segue è un esempio di come andrà impostato il campo Body
:
<img src="/files/img/temp/dove-due-o-tre.jpg" class="alignright" /> Il libro propone meditazioni vissute con giovani educatori: pagine preziose per radicare sempre più la vita cristiana e il servizio educativo nella Parola.
Attenzione a quanto testo si decide di visualizzare nel sommario: se troppo deborda dalla banda nera in fondo alla home page.
Impostazioni commento: per questo tipo di contenuto i commenti sono disattivati.
Opzioni di pubblicazione: selezionato solo Pubblicato
. Per rimuovere una recensione è sufficiente disabilitare questa opzione. Oppure eliminarla o utilizzarla per una nuova.
<note warning>Attenzione al copia e incolla dai word processor.
Solitamente modificano o sostituiscono alcuni caratteri che, sebbene possono essere visualizzati correttamente dal browser, producono errori di validazione del codice e errate visualizzazioni dei feed.
Asterisco e virgolette: Word e OpenOffice.org li sostituiscono con gli equivalenti tipografici, più eleganti.
3 puntini di sospensione: Word li sostituisce con un unico carattere (contenente 3 punti).
In questi casi una volta copiato il testo provvedete a correggere questi caratteri.
</note>
Come già detto la funzione delle etichette (tag o termini) è quella di permettere una migliore indicizzazione dei contenuti.
E' possibile aggiungere e/o modificare la lista dei termini da Amministra
→ Taxonomy
.