Nei precedenti tutorial abbiamo conosciuto gli hook hook_block_info(), hook_block_view(), hook_menu() e hook_permission(), e ora possiamo creare programmaticamente quante pagine e blocchi vogliamo. In questa lezione conosceremo il Form API di Drupal 7 per creare moduli. Creeremo un modulo di amministrazione per gestire le funzioni del nostro modulo e cercheremo di utilizzare il maggior numero possibile di hook già visti, per consolidare le competenze.

Dalle prime due sezioni del manuale di Drupal su drupalbook.org hai imparato come installare un sito, aggiungere tipi di contenuto, creare contenuti di diversi tipi e visualizzarli tramite Views. Nelle sezioni successive hai potuto approfondire HTML e CSS. Ora è arrivato il momento di parlare di come modificare l’aspetto di questi contenuti utilizzando i CSS.

Ciao a tutti!

Spero che abbiate già dato un’occhiata all’introduzione su HTML e CSS. Ora siete pronti a creare temi Drupal basati su mockup in formato PSD. Qui sotto trovate i link ai tutorial su HTML e CSS:

HTML

CSS

Se hai deciso di non utilizzare un tema già pronto per Drupal, ma di creare il tuo oppure di adattare un template da WordPress o Joomla, dovrai costruire il tema da zero. Tuttavia, esistono già dei framework pronti che possono fungere da base per il tuo lavoro.

Da dove iniziare?

Evviva! Hai aperto il file giusto per cominciare. La prima cosa che molti notano dopo aver scaricato il tema Zen è che contiene molti più file rispetto ad altri temi.

Non preoccuparti! Non devi conoscere tutto subito per creare un tema per Drupal.

Zen ti offre ciò che ancora non sai e attenderà pazientemente mentre studi la documentazione e i commenti a riguardo.

In questa lezione realizzeremo il layout della pagina principale del sito. I file sorgente sono allegati qui sotto; la demo sarà disponibile non appena terminerò la serie di lezioni sulla tematizzazione.

In questa lezione mostrerò come creare uno slideshow utilizzando il modulo Views Slideshow. Aggiungeremo alcune diapositive e le sistemeremo in modo che corrispondano al design del modello.

In questa lezione:

• completeremo il layout della pagina principale;
• creeremo un template dedicato per la home page;
• imposteremo la home page come pagina principale del sito;
• aggiungeremo e tematizzeremo blocchi aggiuntivi.

In questa lezione creeremo sul sito la pagina delle Notizie, visualizzeremo il Blog e aggiungeremo un modulo di contatto. Per il blog utilizzeremo il modulo standard Blog, aggiungendo semplicemente un’immagine a ciascun post. Nella sezione notizie, oltre a un’immagine principale, inseriremo una piccola galleria fotografica. Nella pagina dei contatti inseriremo una mappa Yandex e un modulo di contatto.

In questa lezione sistemeremo il nostro blog, le notizie e il modulo di contatto. Aggiungeremo un po’ di codice CSS e utilizzeremo un generatore di codice CSS3.