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:

<?php
defined('_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/

 

 


Del denne siden:
Del p Facebook Del p Twitter Del p LinkedIn Del p Google+



Joomla er åpen kildekode utviklet av Open Source Matters

Joomla 365 er driftet og sponset av Web Norge