Drupal e la creazione di un tema

Non vi stiamo presentando un semplice articolo che spiega come realizzare un tema grafico per Drupal, il nostro vuole essere un pezzo realizzato per capire in fondo come sia possibile personalizzare i temi a proprio piacimento. Drupal è apprezzato  per la sua struttura semplice e innovativa, che può sempre essere evoluta in base ai gusti personali.

Grazie a questo articolo capirete come è impostata la configurazione di base per il file e il tema, per apportare le modifiche è consigliabile avere l’ultima versione di Drupal in Italiano e conoscere il linguaggio HTML di base.

Il primo passo da fare è quello di  impostare la struttura delle cartelle:
Cartella site- All- Moduli
Nella seguente categoria troverete tre cartelle:

• Css
• Images
• Templates

A questo punto è necessario creare i contenuti di testo all’interno delle pagine sopra elencate:  Nello specifico per la home.info, Style.css e Page.tpl.php.  Il passo successivo sta nel file di configurazione, dove  bisognerà lavorare a livello HTML aggiungendo il seguente codice:

name = Nome Sito
description = nuovo tema.
core = 7.x
stylesheets[all][] = CSS/style.CSS
regions[user_menu] = User Menu
regions[main_menu] = Main Menu
regions[content] = Content

In queste righe html, c’è scritto nel dettaglio il nome che  hai deciso di dare al nuovo tema, la descrizione del tema scelto, la versione Drupal che risulta compatibile, le informazioni riguardanti il foglio di stile CSS.
Per rendere il tema attivo, in page.tpl.php, dovrai aggiungere:

<div class="black-header">
 <div class="mysite-user-menu">
 <?php if ($logged_in): ?>
 <?php print render($page['user_menu']); ?>
 <?php else: ?>
 <ul>
 <li class="menu"><a href="/<?php base_path(); ?>user/login">Log In</a></li>
 </ul>
 <?php endif; ?>
 </div>
</div>
<?php print render($page['content']); ?>

Desideriamo ricordarti che questa è solo la parte principale per la creazione di un nuovo tema personalizzato in Drupal, per la sezione contenente i contenuti, il tuo file page.tpl.php dovrà contenere questa striscia di codice:

<div class="mysite-content-container-div clearfix">
 <?php if ($messages): ?>
 <div id="messages">
 <div class="section clearfix">
 <?php print $messages; ?>
 </div>
 </div>
 <?php endif; ?>

 <?php if ($breadcrumb): ?>
 <div id="breadcrumb"><?php print $breadcrumb; ?></div>
 <?php endif; ?>
 <h1><?php print $title; ?></h1>
 <?php print render($page['content']); ?>
</div>