Minimales Joomla 3.X Template

Um ein Joomla Template zu erstellen sind mindestens zwei Dateien notwendig : index.php und templateDetails.xml.

Sinnvollerweise fügt man zumindest noch eine CSS-Datei hinzu : style.css.

templateDetails.xml

Diese Datei wird vom Joomla Installer benötigt um das Template zu installieren. Die Datei muss u.a. sämtliche Dateien und Verzeichnisse des neuen Templates enthalten. Im Beispiel hier also die beiden Dateien index.php und style.css sowie die templateDetails.xml selbst. Zusätzlich müssen die Modulpositionen des Templates benannt werden, hier im Beispiel : position-1 , position-2 und position-3.

<?xml version="1.0" encoding="utf-8"?><!DOCTYPE install PUBLIC "-//Joomla! 3.x//DTD template 1.0//EN" "http://www.joomla.org/xml/dtd/2.5/template-install.dtd"><extensionversion="1"type="template"client="site">
    <name>new-template</name>
    <files>
        <filename>index.php</filename>
        <filename>templateDetails.xml</filename>
        <filename>style.css</filename>
    </files>
    <positions>
        <position>position-1</position>
        <position>position-2</position>
        <position>position-3</position>
    </positions>
</extension>

index.php

Die index.php wird benötigt um Modulpositionen und den Content zu laden. Im Beispiel hier werden lediglich die drei Modulpositionen in einen gemeinsamen <div>-Container modules geladen. Zusätzlich wird die CSS-Datei style.css eingebunden.

<?php defined('_JEXEC')ordie('Restricted access');?><!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xml:lang="<?php echo $this->language;?>" lang="<?php echo $this->language;?>" >
    <head>
        <metaname="viewport"content="width=device-width, initial-scale=1.0"/>
        <jdoc:includetype="head"/>
        <link href='<?php echo $this->baseurl;?>/templates/new-template/style.css' rel='stylesheet' type='text/css' />
    </head>
    <body>
        <div id="modules">
            <jdoc:includetype="modules" name="position-1"/>
            <jdoc:includetype="modules" name="position-2"/>
            <jdoc:includetype="modules" name="position-3"/>
        </div>
    </body>
</html>

style.css

Die Datei style.css ist das Stylesheet für die in der index.php geladenen Container usw.

html, body{
    margin:0;
    padding:0;
}
#modules{
    position:relative;
    width:100%;
    overflow: hidden;
}

Diese drei Dateien sind ausreichend ein minimales Joomla Template zu erstellen und im Backend installieren zu können.

Minimales Joomla 3.X Template

templateDetails.xml

index.php

style.css

Suchen

Kategorien

Schlagwörter

Letzte Artikel

Hauptmenu