Web 2.0, giorno 2

Sembra bello

Web 2.0, giorno 2

Ora è il momento di affrontare l’aspetto del sito. Il mese scorso ti ho mostrato come personalizzare il tema Garland predefinito di Drupal, ma sembra ancora simile a ogni altra installazione Drupal pronta all'uso. Cambiarlo è abbastanza semplice utilizzando Amministra | Costruzione del sito | Pagina Temi, che fornisce sei preimpostazioni tra cui scegliere. Il problema è che questi preset sono forniti per compatibilità con le versioni precedenti di Drupal e sono ancora più noiosi e troppo familiari. Quel che è peggio, si basano su layout realizzati con tabelle HTML, una pratica ormai deprecata.

Non preoccuparti, perché ci sono dozzine di temi moderni e attraenti basati su CSS tra cui scegliere http://drupal.org/project/themes, ciascuno con uno screenshot per darti un'idea di come appare ed evidenziare le funzionalità desiderabili come il layout CSS senza tabelle, la convalida XHTML, le regioni preimpostate e così via. È più utile vedere il tema in azione, cosa che puoi fare nel Drupal Theme Garden (

http://themegarden.org/drupal6) – clicca sul nome di un tema per vedere come si presenta il sito stesso di Theme Garden. Dopo aver individuato alcune possibilità, caricale nella directory \Themes del tuo sito, quindi dalla scheda Amministrazione | Costruzione del sito | Pagina dei temi puoi provarli sul tuo sito.

I temi determinano l'aspetto generale del tuo sito, ma per quanto riguarda il contenuto della pagina stessa? Per impostazione predefinita, il controllo dell’utente finale sulla presentazione dei contenuti è estremamente limitato. Nel formato di input HTML filtrato principale, gli indirizzi web ed e-mail vengono convertiti in collegamenti, mentre righe e paragrafi si interrompono automaticamente, ma questo è tutto ciò che otterrai dalla maggior parte degli utenti. È molto lontano dal controllo di progettazione wysiwyg offerto da Dreamweaver, ma non deve esserlo. Esiste una serie di moduli forniti che si collegano a editor di contenuti gratuiti basati su JavaScript come TinyMCE, FCKEditor e l'editor YUI di Yahoo. Installa questi moduli e i relativi motori di supporto e attiva le autorizzazioni pertinenti, e tu può fornire agli utenti finali comandi basati su icone per aggiungere elenchi puntati, tabelle, tag e così via SU. Offre molta potenza di progettazione tramite un browser, ma tali sistemi hanno un costo. Per cominciare stai aggiungendo un po’ di sovraccarico di codice, mentre la natura semi-indipendente di queste soluzioni di terze parti significa una maggiore probabilità di problemi e scontri con altri moduli. Ancora più importante, vuoi davvero dare ai tuoi utenti finali un controllo illimitato sulla presentazione dei contenuti e sul codice di output? Questa ricchezza di design extra per alcuni utenti vale una complessità extra per tutti?

A volte è meglio mantenere le cose pulite e semplici, soprattutto perché stiamo parlando solo del body copy. In ogni caso, le cose non sono così limitate come sembrano. Per cominciare, l'input HTML filtrato predefinito di Drupal supporta una gamma limitata di tag HTML come , , ,

    E
    per la gestione di collegamenti, elenchi e formattazione di testo di base e puoi sempre abilitare il supporto per altri tag tramite Amministra | Configurazione del sito | Pagina Formati di input. Inoltre, puoi sempre selezionare l'opzione Full HTML come formato di input quando crei i tuoi contenuti o modifichi quelli di altri, in modo da poter avere interesse visivo pur mantenendo la coerenza. Limita l'accesso a un editor di testo RTF a te stesso e agli utenti selezionati e avrai un sistema scalabile in cui il controllo sull'HTML e sulla presentazione dei contenuti aumenta con la fiducia, pur mantenendo la semplicità per la media utente.