Av og til kan det være aktuelt å legge til ekstra blokkområder i et tema. Ferdige temaer som kan lastes ned på Drupal.org er som regel designet etter opphavspersonens egne ideer og behov.

De ekstra blokkområdene kan egentlig være hva som helst. Jeg skal nå ta for meg hvordan man legger inn et ekstra blokkområde øverst på siden rett under logo og primær- og sekundærlinkene.

Blokkområdet i dette tilfellet skal benyttes til en "drop-down"-meny som skal huse de menyene en bruker skal forholde seg til. "Drop-down"-menyen drives av modulen Nice Menus¹.

Alle blokkområder i Drupal må defineres. Under temaet man benytter ligger det en fil som heter template.php². Alle områder er normalt definert i denne filen. Eksempelvis har jeg dette i min template.php:

function aberdeen_regions() {
  return array(
       'toppmeny' => t('toppmeny'),
       'left' => t('sidebar left'),
       'footer' =>t('footer'),
  );
}

Setningen function aberdeen_regions() definerer hvilket tema disse områdene (regions) tilhører, og hva områdene skal hete . Benytter du et annet tema, skal temaets katalognavn slik det vises under /sites/all/themes benyttes foran _regions(). Tekst markert i rødt er områdets navn og definisjon.
 

Etter at områdene et definert er man nødt til å få de fysisk inn i sidene. Filen page.tpl.php er den filen som generer basisen for alle sidene. Her blir man nødt til å sette seg inn i temaets logiske struktur.

    <div id="wrapper-header">
      <div id="header">
        <?php
        // Prepare header
        $site_fields = array();
        if ($site_name) {
          $site_fields[] = check_plain($site_name);
        }
        $site_title = implode(' ', $site_fields);
        $site_fields[0] = $site_fields[0];
        $site_html = implode(' ', $site_fields);
       
        if ($logo || $site_title) {
          print '<h1 class="site-name"><a href="'. check_url($base_path) .'" title="'. $site_title .'"></h1>';
          if ($logo) {
            print '<img src="'. check_url($logo) .'" alt="'. $site_title .'" id="logo" />';
          }
          print $site_html .'</a>';
        }
        ?>
        <?php if (isset($site_slogan)) : ?>
          <h2 class="slogan"><?php print $site_slogan; ?></h2>
        <?php endif; ?>
        <?php if (isset($primary_links)) : ?>
          <?php print theme('linksnew', $primary_links, array('class' => 'links primary-links')) ?>
        <?php endif; ?>
        <div id="header-block">
          <?php print $header; ?>
        </div>
        <!-- toppmeny -->
        <?php if ($toppmeny): ?><div id="toppmeny"><?php print $toppmeny ?></div><?php endif; ?>
        <!-- /toppmeny -->
      </div><!-- /header -->
    </div><!-- /wrapper-header -->

Tekst markert i rødt er området hvor menyen er lagt inn i page.tpl.php. Menyen skal her dukke opp rett under det som er definert som header-block (CSS).

Drupal vet nå hvor området toppmeny skal vises. Ut fra php-koden ser vi at toppmenyen kun vises hvis noe ligger der (i dette tilfellet en blokk). <?php if ($toppmeny): ?> bestemmer dette. Hvis ikke området toppmeny får noe innhold, vil ikke noe som er skrevet mellom if-strukturen (markert med bold) vises.

Innholdet i if-strukturen er todelt: Den første delen er vanlig HTML (div-taggen), mens den andre delen er php-kode. Div-taggens utseende blir bestemt av CSS-elementet "toppmeny". Koden i php sier kun at innholdet i området toppmeny skal skrives til skjerm.

Hvordan området skal oppføre seg bestemmes gjennom CSS. Her må man følge den logisk strukturen som temaets style.css allerede har. Områdets plassering spiller en stor rolle her. Dette må finjusteres fra tema til tema.

CSS-biten er nå finjustert etter eget ønske, og blokkområdet er nå klart til å benyttes. I dette tilfellet ble området implementert med modulen Nice Menus for øye. Blokkområdet kan forøvrig benyttes til alt mulig. Blokkområdet dukker opp under blokkadministrasjonssiden /admin/build/block og markeres med det navnet som er definert i template.php.
 

Et nytt blokkområdet kan implementeres til å passe inn hvor som helst. Det er bare ens egen fantasi som setter grensene. Det er også selvsagt mulig å fjerne et blokkområde fra template.php. Utklippet fra template.php viser bl.a annet at jeg har fjernet den høyre kolonnen. Blokkområdet som er fjernet dukker nå ikke opp under blokkadministreringen, og det er heller ikke mulig å legge innhold i feil blokkområde ved et uhell.
 

Noter:

1. Menyen er kun tilgjenglig for Drupal 4.7.x, men HEAD-versjonen som fungerer under Drupal 5.x kan hentes ned her.
2. Finnes ikke denne filen fra før, må du opprette den.

Kilder:

• 10 Minutes to a Better Drupal User Interface