logo

Extra Block Types (EBT) - Nuova esperienza con Layout Builder❗

Extra Block Types (EBT) - tipi di blocchi stilizzati e personalizzabili: Slideshows, Tabs, Cards, Accordion e molti altri. Impostazioni integrate per sfondo, DOM Box, plugin javascript. Vivi oggi il futuro della costruzione dei layout.

Demo moduli EBT Scarica moduli EBT

❗Extra Paragraph Types (EPT) - Nuova esperienza con Paragraphs

Extra Paragraph Types (EPT) - insieme di moduli basati su paragrafi in modo analogo.

Demo moduli EPT Scarica moduli EPT

Scorri
  1. Home
  2. Articles

Creare il proprio tema Drupal basato sul tema Zen

14/10/2025, by Ivan

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.

Zen — http://drupal.org/project/zen

Fusion — http://drupal.org/project/fusion

Adaptive Theme — http://drupal.org/project/adaptivetheme

Omega — http://drupal.org/project/omega

Il framework per temi più diffuso è Zen theme. Si tratta di un framework molto comodo: in sostanza, è un tema “vuoto” a tre colonne per Drupal, che genera automaticamente le classi necessarie. Un altro grande vantaggio di Zen è la disposizione del contenuto: il blocco del contenuto appare prima del menu e delle sidebar. Questo è utile per la SEO (ottimizzazione per i motori di ricerca), poiché il contenuto principale viene letto per primo, seguito dagli elementi ripetitivi come menu, archivi e blocchi vari. Ecco come appare Zen theme di default:

Drupal zen theme

Ti propongo di creare il tema del sito basandoci su Zen. Scarica Zen theme dal sito drupal.org. Crea la cartella sites/all/themes (se non esiste già) e copia al suo interno la cartella zen.

Drupal zen theme

Ora dobbiamo creare un sotto-tema (sub-theme) di Zen. Perché crearne uno se possiamo modificare direttamente Zen? Perché in questo modo avremo sempre una copia originale a cui tornare, una sorta di backup per ripristinare il tema in caso di errori o modifiche problematiche. Inoltre, sarà più facile mostrare ad altri da quale tema hai costruito il tuo.

Copia la cartella STARTERKIT e rinominala con il nome del tuo tema, ad esempio sitemade. All’interno di questa nuova cartella, trova il file STARTER.info.txt e rinominalo con lo stesso nome del tema, ad esempio sitemade.info.

Drupal book theming

Per attivare il tuo sotto-tema, vai nel pannello di amministrazione e abilita la voce Zen Sub-theme Starter Kit (puoi modificare il nome nel file .info).

Zen starter kit

Ora il sito utilizza il sotto-tema, che sarà quello su cui lavoreremo.

Zen sub theme

Subito dopo, clicca su Turn off this feature e disattiva l’opzione Rebuild theme registry on every page nelle impostazioni del tema.

Ora abbiamo un tema “vuoto”. Per iniziare, devi decidere se la larghezza del sito sarà fissa (generalmente tra 900 e 1000 pixel) o fluida (a tutta larghezza). Se una larghezza fissa ti va bene, non serve modificare nulla: per impostazione predefinita è di 960 pixel. Se invece vuoi un layout fluido, apri la cartella css del tuo sotto-tema e sostituisci il contenuto del file layout-fixed.css con quello di layout-liquid.css.

Drupal layout fixed

Ricorda che nella cartella STARTERKIT troverai sempre una copia originale di questi file, utile per ripristinare le impostazioni iniziali.

Infine, copia la cartella dei template da sites/all/themes/zen/templates nella cartella del tuo tema, ad esempio sites/all/themes/zen/tuo_tema/templates. Puoi anche modificare i template nella directory originale, ma è sempre meglio avere una copia di sicurezza a portata di mano.