Vil du designe din egen Joomla mal så er ikke selve kodingen så vanskelig. Her er oppskriften på hvordan du lager en mal helt fra bunnen av. Du trenger å opprette index.php, component.php, error.php og templateDetails.xml. Heng med...
Opprett filen index.php:
<?phpdefined('_JEXEC') or die;$app = JFactory::getApplication();?><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" ><head><jdoc:include type="head" /><link rel="stylesheet" href="/<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" /><link rel="stylesheet" href="/<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" /></head><body><jdoc:include type="message" /><jdoc:include type="component" /></body></html>
I Joomla 3 legger man gjerne også disse linjene i <head> for å kalle opp jqurie slik at disse ikke trengs å laste fra moduler.
<script src="/../media/jui/js/jquery.js"></script>
<script src="/../media/jui/js/bootstrap.min.js"></script>
<script src="/../media/jui/js/chosen.jquery.min.js"></script>
<script type="text/javascript">
jQuery.noConflict();
</script>
Videre legger du gjerne inn din egen css fil i head under system.css og general.css i <head>:
<link rel="stylesheet" href="/<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
Du trenger disse filene for at malen skal virke:
index.php
component.php
error.php
templateDetails.xml
templateDetails.xml må inneholde:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE install PUBLIC "-//Joomla! 2.5//DTD template 1.0//EN" "http://www.joomla.org/xml/dtd/2.5/template-install.dtd">
<extension version="3.3" type="template" client="site">
<name>Din mal</name>
<creationDate>2015-02.11</creationDate>
<author>webnorge.no</author>
<authorEmail>din epost<;/authorEmail>
<authorUrl>din url</authorUrl>
<copyright>Copyright ditt navn</copyright>
<license>Commercial License</license>
<version>3.3</version>
<description>Dinmal</description>
<files>
<folder>grafikkmappe</folder>
<filename>templateDetails.xml</filename>
<filename>component.php</filename>
<filename>error.php</filename>
</files>
<positions>
<position>debug</position>
<position>dinposisjon1</position>
<position>dinposisjon1</position> osv...
</positions>
<config>
</config>
</extension>
Pakk ned de fire filene til en zipfil du f.eks. kaller dinmal.zip.
Malen kan nå installeres på vanlig måte på lik linje med andre utvidelser.
For å aktivere malen velger du fra administrator menyen i Joomla:
Utvidelser >> Designmaler
Sett din mal som standard.
Bygg desigen
Legg inn mer layout i index.php. Dette gjøres på samme måte som når man programmerer en statisk side. Legg inn <div> for header, meny, hovedinnhold og evt. sidespalter.
Stil dette med css om du fortrinnsvis legger i egen css fil.
Legg inn moduler
Når du har bygget designet videre vil du legge inn moduler. Disse legger du i header, meny plassholder osv. Kall modelene hva du vil, men vanlig er 'header', 'menu', 'left' og right'.
<jdoc:include type="modules" name="header" />
<jdoc:include type="modules" name="menu" />
<jdoc:include type="modules" name="left" />
osv..
Den vanligste måten å jobbe videre med malen er å laste opp/overksrive filene via FTP.
Om du lurer på hvor malene ligger så er mappen alltid:
/templates/dinmal/
