drupal theme entwicklung

Das eigene Drupal 7 Theme

Das eigene Drupal Theme zu Entwickeln ist für einen Drupal-Einsteiger sicher eines der größten Hürden. Mit CSS und HTML und etwas Grundverständnis für PHP kommt man in der Regel jedoch schon sehr weit. In diesem Tutorial wird Schritt für Schritt gezeigt, wie man zu seinem eigenen Theme kommt. Natürlich bietet das Drupal Theming-System noch um etliches mehr, aber es soll eine kleine Einstiegshilfe zu dem doch komplexen Thema geben.

Alle benötigten Dateien für das Theme erstellen wir direkt in unserem Drupal Ordner, lokal oder am Server im Verzeichnis: sites/all/themes .

Unter sites/all/themes wird nun ein Ordner mit dem Namen deines Themes erstellt.

In meinem Fall heisst mein Theme: „meintheme“.
In diesem Ordner werden dann 2 Dateien erstellt,
meintheme.info und page.tpl.php

Alles weitere kannst du dem Video-Tutorial entnehmen.

 

codeblock

Inhalt der meintheme.info:

name = meintheme
description = Mein Drupal 7 Theme 
core = 7.x

screenshot = screenshot.png

regions[header] = Header
regions[mainmenu] = Hauptmenue
regions[sidebar] = Sidebar
regions[content] = Inhalt
regions[highlighted] = Highlighted
regions[zoneone] = Zone 1
regions[zonetwo] = Zone 2
regions[zonethree] = Zone 3
regions[footer] = Footer
regions[slider] = Slideshow


stylesheets[all][] = css/style.css

Inhalt der page.tpl.php

<div id="wrapper">
    <header>
<?php if ($logo): ?>
      <a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home" id="logo">
      <img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>" />
      </a>
<?php  endif; ?>
	<div id="mainmenu">
		<?php print render($page['mainmenu']); ?>
	</div>
</header>
<div id="contentarea">
	<div id="sidebar">
		<?php print render($page['sidebar']); ?>
	</div>
	<div id="content" class="column"><div class="section">
        <?php if ($page['highlighted']): ?><div id="highlighted"><?php print render($page['highlighted']); ?></div><?php endif; ?>
        <a id="main-content"></a>
        <?php print render($title_prefix); ?>
        <?php if ($title): ?><h1 class="title" id="page-title"><?php print $title; ?></h1><?php endif; ?>
        <?php print render($title_suffix); ?>
        <?php if ($tabs): ?><div class="tabs"><?php print render($tabs); ?></div><?php endif; ?>
        <?php print render($page['help']); ?>
        <?php if ($action_links): ?><ul class="action-links"><?php print render($action_links); ?></ul><?php endif; ?>
        <?php print render($page['content']); ?>
        <?php print $feed_icons; ?>
     </div></div> <!-- /.section, /#content -->
</div>
<footer class="footerzone">
        <div id="zoneone">
           <?php print render($page['zoneone']); ?>
       </div>
	<div id="zonetwo">
             <?php print render($page['zonetwo']); ?>
        </div>
        <div id="zonethree">
            <?php print render($page['zonethree']); ?>
        </div>
        <div class="footerbar">
            <?php print render($page['footer']); ?>
        </div>
</footer>
</div>

0 Kommentare