Translations:Creating a basic Joomla! template/17/nl

2016-04-15T13:52:36Z

Meta: Created page with "en"

Creating a basic Joomla! template/nl

2016-04-15T13:52:23Z

Meta: Created page with "== Het maken van een basic index.php bestand =="

<noinclude><languages /></noinclude>
{{version/tutor|1.5,2.5,3.1}}{{JSplit}}
== Inleiding ==

Met deze tutorial wordt een inleiding gegeven tot het maken van Joomla! template. We beschrijven de benodigde essentiële bestanden en code voor het maken van een basis template. Code kan gekopieerd en geplakt worden, er is weinig aanpassing meer nodig.

== Het instellen van een directory-structuur ==
Om de meest eenvoudige template te maken, maak je een nieuwe map aan in de map 'templates'. De naam van deze map met je template is bijvoorbeeld "mynewtemplate".

Met je favoriete teksteditor maken we de bestanden <code>index.php</code> en <code>templateDetails.xml</code> aan.
Voor een goed georganiseerde template maak je twee mappen aan: "afbeeldingen" en "css". In de map "css" map maak je een bestand met de naam <code>sjabloon.css</code>.

[[S:MyLanguage/Cascading Style sheets (CSS)|CSS]] code kan worden opgenomen in je index.php bestand, maar dat heeft nooit de voorkeur. Maak een apart CSS-bestand aan en koppel dit aan het bestand index.php, met behulp van de <code>link</code> - tag. Dit verkort de laadtijd van je pagina' s.

Dit is een overzicht van de mappen en bestandsstructuur:
* mynewtemplate/
** css/
*** template.css
** images/
** index.php
** templateDetails.xml

== Het maken van een basic templateDetails.xml bestand ==
Het <tt>templateDetails.xml</tt> bestand is essentieel. Zonder dit bestand wordt de template niet gezien door Joomla!. Het bestand bevat de [[Wikipedia:Metadata|metadata]] over de template.

De syntax van het bestand verschilt per Joomla versie.

In de verouderde versie {{JVer|1.5}} gebruikte je het volgende:

<source lang="xml">
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE install PUBLIC "-//Joomla! 1.5//DTD template 1.0//EN" "http://www.joomla.org/xml/dtd/1.5/template-install.dtd">
<install version="1.5" type="template">
<name>mynewtemplate</name>
<creationDate>2008-05-01</creationDate>
<author>John Doe</author>
<authorEmail>john@example.com</authorEmail>
<authorUrl>http://www.example.com</authorUrl>
<copyright>John Doe 2008</copyright>
<license>GNU/GPL</license>
<version>1.0.2</version>
<description>My New Template</description>
<files>
<filename>index.php</filename>
<filename>templateDetails.xml</filename>
<folder>images</folder>
<folder>css</folder>
</files>
<positions>
<position>breadcrumb</position>
<position>left</position>
<position>right</position>
<position>top</position>
<position>user1</position>
<position>user2</position>
<position>user3</position>
<position>user4</position>
<position>footer</position>
</positions>
</install>
</source>

Voor {{JVer|2.5}} en later gebruikte je de volgende versie. Wijzig <code>version="2.5"</code> in de versie van je Joomla! installatie.

<source lang="xml">
<?xml version="1.0" encoding="utf-8"?>
<extension version="2.5" type="template">
<name>mynewtemplate</name>
<creationDate>2008-05-01</creationDate>
<author>John Doe</author>
<authorEmail>john@example.com</authorEmail>
<authorUrl>http://www.example.com</authorUrl>
<copyright>John Doe 2008</copyright>
<license>GNU/GPL</license>
<version>1.0.2</version>
<description>My New Template</description>
<files>
<filename>index.php</filename>
<filename>templateDetails.xml</filename>
<folder>images</folder>
<folder>css</folder>
</files>
<positions>
<position>breadcrumb</position>
<position>left</position>
<position>right</position>
<position>top</position>
<position>user1</position>
<position>user2</position>
<position>user3</position>
<position>user4</position>
<position>footer</position>
</positions>
</extension>
</source>

Er staat informatie tussen markup-tags (de <code><element></code>s). De beste aanpak is om dit te kopiëren en plakken naar je eigen <tt>templateDetails.xml</tt> bestand en relevante stukjes (zoals <code><name></code> en <code><author></code>) aan te passen.

Het onderdeel <code><files></code> bevat alle bestanden die je wil gebruiken. Met het element <code><folder></code> kan een hele map in één keer worden gedefinieerd.

Laat de posities zoals ze zijn, dit is een gemeenschappelijke set waarmee je makkelijk schakelt tussen standaard templates.

== Het maken van een basic index.php bestand ==
{{:Creating a basic index file/en}}

This leaves a final file of:

<source lang="php">
<?php defined('_JEXEC') or die('Restricted access');?>
<!DOCTYPE html>
<html 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/<?php echo $this->template ?>/css/template.css" type="text/css" />
</head>
<body>
<jdoc:include type="modules" name="top" />
<jdoc:include type="component" />
<jdoc:include type="modules" name="bottom" />
</body>
</html>
</source>

== Testing the template ==
Find the template in the Template Manager, select it and click '''Default''' to make it the default template.

{{JVer|1.5}} In Joomla! 1.5, your new template will show up immediately in the [[Help15:Screen.templates.15|Template Manager]], accessible via Extensions -> Template Manager.

{{JVer|2.5}}+ In the Joomla! 2.5 series and later, you first need to tell Joomla! that you have created a new template. This feature is called ''Discover Extensions'' and can be accessed via Extensions -> Extension Manager -> Discover (i.e. the Discover ''tab''). Click '''Discover''' (i.e. the Discover ''button'') to discover your template, then select it and click '''Install''' to install it. Now your template should show up in the [[Help16:Extensions_Template_Manager_Styles|Template Manager (Styles)]], accessible via Extensions -> Template Manager.

Note you can create your template outside of Joomla and simply install it like any regular extension.

HINT: there are a couple of ways you can preview your index page as you put it together, either insert the styles into the head of the index page or directly link it to the style sheet you will be using temporarily. You can remove these links before packaging the file.

== Packaging the template for installation ==
{{:Packaging_a_extension/en}}

== Conclusion ==

You should now have created a template that works. It won't look like much yet. The best thing to do now is start experimenting with the layout.

<noinclude>
[[Category:Templates]]
[[Category:Tutorials]]
</noinclude>

Translations:Creating a basic Joomla! template/16/nl

2016-04-15T13:52:23Z

Meta: Created page with "== Het maken van een basic index.php bestand =="

== Het maken van een basic index.php bestand ==

Creating a basic Joomla! template/nl

2016-04-15T13:52:20Z

Meta: Created page with "Laat de posities zoals ze zijn, dit is een gemeenschappelijke set waarmee je makkelijk schakelt tussen standaard templates."

<noinclude><languages /></noinclude>
{{version/tutor|1.5,2.5,3.1}}{{JSplit}}
== Inleiding ==

Met deze tutorial wordt een inleiding gegeven tot het maken van Joomla! template. We beschrijven de benodigde essentiële bestanden en code voor het maken van een basis template. Code kan gekopieerd en geplakt worden, er is weinig aanpassing meer nodig.

== Het instellen van een directory-structuur ==
Om de meest eenvoudige template te maken, maak je een nieuwe map aan in de map 'templates'. De naam van deze map met je template is bijvoorbeeld "mynewtemplate".

Met je favoriete teksteditor maken we de bestanden <code>index.php</code> en <code>templateDetails.xml</code> aan.
Voor een goed georganiseerde template maak je twee mappen aan: "afbeeldingen" en "css". In de map "css" map maak je een bestand met de naam <code>sjabloon.css</code>.

[[S:MyLanguage/Cascading Style sheets (CSS)|CSS]] code kan worden opgenomen in je index.php bestand, maar dat heeft nooit de voorkeur. Maak een apart CSS-bestand aan en koppel dit aan het bestand index.php, met behulp van de <code>link</code> - tag. Dit verkort de laadtijd van je pagina' s.

Dit is een overzicht van de mappen en bestandsstructuur:
* mynewtemplate/
** css/
*** template.css
** images/
** index.php
** templateDetails.xml

== Het maken van een basic templateDetails.xml bestand ==
Het <tt>templateDetails.xml</tt> bestand is essentieel. Zonder dit bestand wordt de template niet gezien door Joomla!. Het bestand bevat de [[Wikipedia:Metadata|metadata]] over de template.

De syntax van het bestand verschilt per Joomla versie.

In de verouderde versie {{JVer|1.5}} gebruikte je het volgende:

<source lang="xml">
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE install PUBLIC "-//Joomla! 1.5//DTD template 1.0//EN" "http://www.joomla.org/xml/dtd/1.5/template-install.dtd">
<install version="1.5" type="template">
<name>mynewtemplate</name>
<creationDate>2008-05-01</creationDate>
<author>John Doe</author>
<authorEmail>john@example.com</authorEmail>
<authorUrl>http://www.example.com</authorUrl>
<copyright>John Doe 2008</copyright>
<license>GNU/GPL</license>
<version>1.0.2</version>
<description>My New Template</description>
<files>
<filename>index.php</filename>
<filename>templateDetails.xml</filename>
<folder>images</folder>
<folder>css</folder>
</files>
<positions>
<position>breadcrumb</position>
<position>left</position>
<position>right</position>
<position>top</position>
<position>user1</position>
<position>user2</position>
<position>user3</position>
<position>user4</position>
<position>footer</position>
</positions>
</install>
</source>

Voor {{JVer|2.5}} en later gebruikte je de volgende versie. Wijzig <code>version="2.5"</code> in de versie van je Joomla! installatie.

<source lang="xml">
<?xml version="1.0" encoding="utf-8"?>
<extension version="2.5" type="template">
<name>mynewtemplate</name>
<creationDate>2008-05-01</creationDate>
<author>John Doe</author>
<authorEmail>john@example.com</authorEmail>
<authorUrl>http://www.example.com</authorUrl>
<copyright>John Doe 2008</copyright>
<license>GNU/GPL</license>
<version>1.0.2</version>
<description>My New Template</description>
<files>
<filename>index.php</filename>
<filename>templateDetails.xml</filename>
<folder>images</folder>
<folder>css</folder>
</files>
<positions>
<position>breadcrumb</position>
<position>left</position>
<position>right</position>
<position>top</position>
<position>user1</position>
<position>user2</position>
<position>user3</position>
<position>user4</position>
<position>footer</position>
</positions>
</extension>
</source>

Er staat informatie tussen markup-tags (de <code><element></code>s). De beste aanpak is om dit te kopiëren en plakken naar je eigen <tt>templateDetails.xml</tt> bestand en relevante stukjes (zoals <code><name></code> en <code><author></code>) aan te passen.

Het onderdeel <code><files></code> bevat alle bestanden die je wil gebruiken. Met het element <code><folder></code> kan een hele map in één keer worden gedefinieerd.

Laat de posities zoals ze zijn, dit is een gemeenschappelijke set waarmee je makkelijk schakelt tussen standaard templates.

== Creating a basic index.php file ==
{{:Creating a basic index file/en}}

This leaves a final file of:

<source lang="php">
<?php defined('_JEXEC') or die('Restricted access');?>
<!DOCTYPE html>
<html 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/<?php echo $this->template ?>/css/template.css" type="text/css" />
</head>
<body>
<jdoc:include type="modules" name="top" />
<jdoc:include type="component" />
<jdoc:include type="modules" name="bottom" />
</body>
</html>
</source>

== Testing the template ==
Find the template in the Template Manager, select it and click '''Default''' to make it the default template.

{{JVer|1.5}} In Joomla! 1.5, your new template will show up immediately in the [[Help15:Screen.templates.15|Template Manager]], accessible via Extensions -> Template Manager.

{{JVer|2.5}}+ In the Joomla! 2.5 series and later, you first need to tell Joomla! that you have created a new template. This feature is called ''Discover Extensions'' and can be accessed via Extensions -> Extension Manager -> Discover (i.e. the Discover ''tab''). Click '''Discover''' (i.e. the Discover ''button'') to discover your template, then select it and click '''Install''' to install it. Now your template should show up in the [[Help16:Extensions_Template_Manager_Styles|Template Manager (Styles)]], accessible via Extensions -> Template Manager.

Note you can create your template outside of Joomla and simply install it like any regular extension.

HINT: there are a couple of ways you can preview your index page as you put it together, either insert the styles into the head of the index page or directly link it to the style sheet you will be using temporarily. You can remove these links before packaging the file.

== Packaging the template for installation ==
{{:Packaging_a_extension/en}}

== Conclusion ==

You should now have created a template that works. It won't look like much yet. The best thing to do now is start experimenting with the layout.

<noinclude>
[[Category:Templates]]
[[Category:Tutorials]]
</noinclude>

Translations:Creating a basic Joomla! template/15/nl

2016-04-15T13:52:19Z

Meta: Created page with "Laat de posities zoals ze zijn, dit is een gemeenschappelijke set waarmee je makkelijk schakelt tussen standaard templates."

Laat de posities zoals ze zijn, dit is een gemeenschappelijke set waarmee je makkelijk schakelt tussen standaard templates.

Creating a basic Joomla! template/nl

2016-04-15T13:50:37Z

Meta: Created page with "Het onderdeel <code><files></code> bevat alle bestanden die je wil gebruiken. Met het element <code><folder></code> kan een hele map in één keer worden gedefinieerd."

<noinclude><languages /></noinclude>
{{version/tutor|1.5,2.5,3.1}}{{JSplit}}
== Inleiding ==

Met deze tutorial wordt een inleiding gegeven tot het maken van Joomla! template. We beschrijven de benodigde essentiële bestanden en code voor het maken van een basis template. Code kan gekopieerd en geplakt worden, er is weinig aanpassing meer nodig.

== Het instellen van een directory-structuur ==
Om de meest eenvoudige template te maken, maak je een nieuwe map aan in de map 'templates'. De naam van deze map met je template is bijvoorbeeld "mynewtemplate".

Met je favoriete teksteditor maken we de bestanden <code>index.php</code> en <code>templateDetails.xml</code> aan.
Voor een goed georganiseerde template maak je twee mappen aan: "afbeeldingen" en "css". In de map "css" map maak je een bestand met de naam <code>sjabloon.css</code>.

[[S:MyLanguage/Cascading Style sheets (CSS)|CSS]] code kan worden opgenomen in je index.php bestand, maar dat heeft nooit de voorkeur. Maak een apart CSS-bestand aan en koppel dit aan het bestand index.php, met behulp van de <code>link</code> - tag. Dit verkort de laadtijd van je pagina' s.

Dit is een overzicht van de mappen en bestandsstructuur:
* mynewtemplate/
** css/
*** template.css
** images/
** index.php
** templateDetails.xml

== Het maken van een basic templateDetails.xml bestand ==
Het <tt>templateDetails.xml</tt> bestand is essentieel. Zonder dit bestand wordt de template niet gezien door Joomla!. Het bestand bevat de [[Wikipedia:Metadata|metadata]] over de template.

De syntax van het bestand verschilt per Joomla versie.

In de verouderde versie {{JVer|1.5}} gebruikte je het volgende:

<source lang="xml">
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE install PUBLIC "-//Joomla! 1.5//DTD template 1.0//EN" "http://www.joomla.org/xml/dtd/1.5/template-install.dtd">
<install version="1.5" type="template">
<name>mynewtemplate</name>
<creationDate>2008-05-01</creationDate>
<author>John Doe</author>
<authorEmail>john@example.com</authorEmail>
<authorUrl>http://www.example.com</authorUrl>
<copyright>John Doe 2008</copyright>
<license>GNU/GPL</license>
<version>1.0.2</version>
<description>My New Template</description>
<files>
<filename>index.php</filename>
<filename>templateDetails.xml</filename>
<folder>images</folder>
<folder>css</folder>
</files>
<positions>
<position>breadcrumb</position>
<position>left</position>
<position>right</position>
<position>top</position>
<position>user1</position>
<position>user2</position>
<position>user3</position>
<position>user4</position>
<position>footer</position>
</positions>
</install>
</source>

Voor {{JVer|2.5}} en later gebruikte je de volgende versie. Wijzig <code>version="2.5"</code> in de versie van je Joomla! installatie.

<source lang="xml">
<?xml version="1.0" encoding="utf-8"?>
<extension version="2.5" type="template">
<name>mynewtemplate</name>
<creationDate>2008-05-01</creationDate>
<author>John Doe</author>
<authorEmail>john@example.com</authorEmail>
<authorUrl>http://www.example.com</authorUrl>
<copyright>John Doe 2008</copyright>
<license>GNU/GPL</license>
<version>1.0.2</version>
<description>My New Template</description>
<files>
<filename>index.php</filename>
<filename>templateDetails.xml</filename>
<folder>images</folder>
<folder>css</folder>
</files>
<positions>
<position>breadcrumb</position>
<position>left</position>
<position>right</position>
<position>top</position>
<position>user1</position>
<position>user2</position>
<position>user3</position>
<position>user4</position>
<position>footer</position>
</positions>
</extension>
</source>

Er staat informatie tussen markup-tags (de <code><element></code>s). De beste aanpak is om dit te kopiëren en plakken naar je eigen <tt>templateDetails.xml</tt> bestand en relevante stukjes (zoals <code><name></code> en <code><author></code>) aan te passen.

Het onderdeel <code><files></code> bevat alle bestanden die je wil gebruiken. Met het element <code><folder></code> kan een hele map in één keer worden gedefinieerd.

Leave the positions as they are - these are a common set so you will be able to switch easily from the standard templates.

== Creating a basic index.php file ==
{{:Creating a basic index file/en}}

This leaves a final file of:

<source lang="php">
<?php defined('_JEXEC') or die('Restricted access');?>
<!DOCTYPE html>
<html 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/<?php echo $this->template ?>/css/template.css" type="text/css" />
</head>
<body>
<jdoc:include type="modules" name="top" />
<jdoc:include type="component" />
<jdoc:include type="modules" name="bottom" />
</body>
</html>
</source>

== Testing the template ==
Find the template in the Template Manager, select it and click '''Default''' to make it the default template.

{{JVer|1.5}} In Joomla! 1.5, your new template will show up immediately in the [[Help15:Screen.templates.15|Template Manager]], accessible via Extensions -> Template Manager.

{{JVer|2.5}}+ In the Joomla! 2.5 series and later, you first need to tell Joomla! that you have created a new template. This feature is called ''Discover Extensions'' and can be accessed via Extensions -> Extension Manager -> Discover (i.e. the Discover ''tab''). Click '''Discover''' (i.e. the Discover ''button'') to discover your template, then select it and click '''Install''' to install it. Now your template should show up in the [[Help16:Extensions_Template_Manager_Styles|Template Manager (Styles)]], accessible via Extensions -> Template Manager.

Note you can create your template outside of Joomla and simply install it like any regular extension.

HINT: there are a couple of ways you can preview your index page as you put it together, either insert the styles into the head of the index page or directly link it to the style sheet you will be using temporarily. You can remove these links before packaging the file.

== Packaging the template for installation ==
{{:Packaging_a_extension/en}}

== Conclusion ==

You should now have created a template that works. It won't look like much yet. The best thing to do now is start experimenting with the layout.

<noinclude>
[[Category:Templates]]
[[Category:Tutorials]]
</noinclude>

Translations:Creating a basic Joomla! template/14/nl

2016-04-15T13:50:36Z

Meta: Created page with "Het onderdeel <code><files></code> bevat alle bestanden die je wil gebruiken. Met het element <code><folder></code> kan een hele map in één keer worden gedefinieerd."

Het onderdeel <code><files></code> bevat alle bestanden die je wil gebruiken. Met het element <code><folder></code> kan een hele map in één keer worden gedefinieerd.

Creating a basic Joomla! template/nl

2016-04-15T13:39:55Z

Meta: Created page with "Er staat informatie tussen markup-tags (de <code><element></code>s). De beste aanpak is om dit te kopiëren en plakken naar je eigen <tt>templateDetails.xml</tt> bestand en re..."

<noinclude><languages /></noinclude>
{{version/tutor|1.5,2.5,3.1}}{{JSplit}}
== Inleiding ==

Met deze tutorial wordt een inleiding gegeven tot het maken van Joomla! template. We beschrijven de benodigde essentiële bestanden en code voor het maken van een basis template. Code kan gekopieerd en geplakt worden, er is weinig aanpassing meer nodig.

== Het instellen van een directory-structuur ==
Om de meest eenvoudige template te maken, maak je een nieuwe map aan in de map 'templates'. De naam van deze map met je template is bijvoorbeeld "mynewtemplate".

Met je favoriete teksteditor maken we de bestanden <code>index.php</code> en <code>templateDetails.xml</code> aan.
Voor een goed georganiseerde template maak je twee mappen aan: "afbeeldingen" en "css". In de map "css" map maak je een bestand met de naam <code>sjabloon.css</code>.

[[S:MyLanguage/Cascading Style sheets (CSS)|CSS]] code kan worden opgenomen in je index.php bestand, maar dat heeft nooit de voorkeur. Maak een apart CSS-bestand aan en koppel dit aan het bestand index.php, met behulp van de <code>link</code> - tag. Dit verkort de laadtijd van je pagina' s.

Dit is een overzicht van de mappen en bestandsstructuur:
* mynewtemplate/
** css/
*** template.css
** images/
** index.php
** templateDetails.xml

== Het maken van een basic templateDetails.xml bestand ==
Het <tt>templateDetails.xml</tt> bestand is essentieel. Zonder dit bestand wordt de template niet gezien door Joomla!. Het bestand bevat de [[Wikipedia:Metadata|metadata]] over de template.

De syntax van het bestand verschilt per Joomla versie.

In de verouderde versie {{JVer|1.5}} gebruikte je het volgende:

<source lang="xml">
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE install PUBLIC "-//Joomla! 1.5//DTD template 1.0//EN" "http://www.joomla.org/xml/dtd/1.5/template-install.dtd">
<install version="1.5" type="template">
<name>mynewtemplate</name>
<creationDate>2008-05-01</creationDate>
<author>John Doe</author>
<authorEmail>john@example.com</authorEmail>
<authorUrl>http://www.example.com</authorUrl>
<copyright>John Doe 2008</copyright>
<license>GNU/GPL</license>
<version>1.0.2</version>
<description>My New Template</description>
<files>
<filename>index.php</filename>
<filename>templateDetails.xml</filename>
<folder>images</folder>
<folder>css</folder>
</files>
<positions>
<position>breadcrumb</position>
<position>left</position>
<position>right</position>
<position>top</position>
<position>user1</position>
<position>user2</position>
<position>user3</position>
<position>user4</position>
<position>footer</position>
</positions>
</install>
</source>

Voor {{JVer|2.5}} en later gebruikte je de volgende versie. Wijzig <code>version="2.5"</code> in de versie van je Joomla! installatie.

<source lang="xml">
<?xml version="1.0" encoding="utf-8"?>
<extension version="2.5" type="template">
<name>mynewtemplate</name>
<creationDate>2008-05-01</creationDate>
<author>John Doe</author>
<authorEmail>john@example.com</authorEmail>
<authorUrl>http://www.example.com</authorUrl>
<copyright>John Doe 2008</copyright>
<license>GNU/GPL</license>
<version>1.0.2</version>
<description>My New Template</description>
<files>
<filename>index.php</filename>
<filename>templateDetails.xml</filename>
<folder>images</folder>
<folder>css</folder>
</files>
<positions>
<position>breadcrumb</position>
<position>left</position>
<position>right</position>
<position>top</position>
<position>user1</position>
<position>user2</position>
<position>user3</position>
<position>user4</position>
<position>footer</position>
</positions>
</extension>
</source>

Er staat informatie tussen markup-tags (de <code><element></code>s). De beste aanpak is om dit te kopiëren en plakken naar je eigen <tt>templateDetails.xml</tt> bestand en relevante stukjes (zoals <code><name></code> en <code><author></code>) aan te passen.

The <code><files></code> part should contain all the files that you use - you possibly don't know what they are called yet - don't worry, update it later. The <code><folder></code> element can be used to define an entire folder at once.

Leave the positions as they are - these are a common set so you will be able to switch easily from the standard templates.

== Creating a basic index.php file ==
{{:Creating a basic index file/en}}

This leaves a final file of:

<source lang="php">
<?php defined('_JEXEC') or die('Restricted access');?>
<!DOCTYPE html>
<html 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/<?php echo $this->template ?>/css/template.css" type="text/css" />
</head>
<body>
<jdoc:include type="modules" name="top" />
<jdoc:include type="component" />
<jdoc:include type="modules" name="bottom" />
</body>
</html>
</source>

== Testing the template ==
Find the template in the Template Manager, select it and click '''Default''' to make it the default template.

{{JVer|1.5}} In Joomla! 1.5, your new template will show up immediately in the [[Help15:Screen.templates.15|Template Manager]], accessible via Extensions -> Template Manager.

{{JVer|2.5}}+ In the Joomla! 2.5 series and later, you first need to tell Joomla! that you have created a new template. This feature is called ''Discover Extensions'' and can be accessed via Extensions -> Extension Manager -> Discover (i.e. the Discover ''tab''). Click '''Discover''' (i.e. the Discover ''button'') to discover your template, then select it and click '''Install''' to install it. Now your template should show up in the [[Help16:Extensions_Template_Manager_Styles|Template Manager (Styles)]], accessible via Extensions -> Template Manager.

Note you can create your template outside of Joomla and simply install it like any regular extension.

HINT: there are a couple of ways you can preview your index page as you put it together, either insert the styles into the head of the index page or directly link it to the style sheet you will be using temporarily. You can remove these links before packaging the file.

== Packaging the template for installation ==
{{:Packaging_a_extension/en}}

== Conclusion ==

You should now have created a template that works. It won't look like much yet. The best thing to do now is start experimenting with the layout.

<noinclude>
[[Category:Templates]]
[[Category:Tutorials]]
</noinclude>

Translations:Creating a basic Joomla! template/13/nl

2016-04-15T13:39:54Z

Er staat informatie tussen markup-tags (de <code><element></code>s). De beste aanpak is om dit te kopiëren en plakken naar je eigen <tt>templateDetails.xml</tt> bestand en relevante stukjes (zoals <code><name></code> en <code><author></code>) aan te passen.

Creating a basic Joomla! template/nl

2016-04-15T13:32:29Z

Meta: Created page with "Voor {{JVer|2.5}} en later gebruikte je de volgende versie. Wijzig <code>version="2.5"</code> in de versie van je Joomla! installatie."

<noinclude><languages /></noinclude>
{{version/tutor|1.5,2.5,3.1}}{{JSplit}}
== Inleiding ==

Met deze tutorial wordt een inleiding gegeven tot het maken van Joomla! template. We beschrijven de benodigde essentiële bestanden en code voor het maken van een basis template. Code kan gekopieerd en geplakt worden, er is weinig aanpassing meer nodig.

== Het instellen van een directory-structuur ==
Om de meest eenvoudige template te maken, maak je een nieuwe map aan in de map 'templates'. De naam van deze map met je template is bijvoorbeeld "mynewtemplate".

Met je favoriete teksteditor maken we de bestanden <code>index.php</code> en <code>templateDetails.xml</code> aan.
Voor een goed georganiseerde template maak je twee mappen aan: "afbeeldingen" en "css". In de map "css" map maak je een bestand met de naam <code>sjabloon.css</code>.

[[S:MyLanguage/Cascading Style sheets (CSS)|CSS]] code kan worden opgenomen in je index.php bestand, maar dat heeft nooit de voorkeur. Maak een apart CSS-bestand aan en koppel dit aan het bestand index.php, met behulp van de <code>link</code> - tag. Dit verkort de laadtijd van je pagina' s.

Dit is een overzicht van de mappen en bestandsstructuur:
* mynewtemplate/
** css/
*** template.css
** images/
** index.php
** templateDetails.xml

== Het maken van een basic templateDetails.xml bestand ==
Het <tt>templateDetails.xml</tt> bestand is essentieel. Zonder dit bestand wordt de template niet gezien door Joomla!. Het bestand bevat de [[Wikipedia:Metadata|metadata]] over de template.

De syntax van het bestand verschilt per Joomla versie.

In de verouderde versie {{JVer|1.5}} gebruikte je het volgende:

<source lang="xml">
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE install PUBLIC "-//Joomla! 1.5//DTD template 1.0//EN" "http://www.joomla.org/xml/dtd/1.5/template-install.dtd">
<install version="1.5" type="template">
<name>mynewtemplate</name>
<creationDate>2008-05-01</creationDate>
<author>John Doe</author>
<authorEmail>john@example.com</authorEmail>
<authorUrl>http://www.example.com</authorUrl>
<copyright>John Doe 2008</copyright>
<license>GNU/GPL</license>
<version>1.0.2</version>
<description>My New Template</description>
<files>
<filename>index.php</filename>
<filename>templateDetails.xml</filename>
<folder>images</folder>
<folder>css</folder>
</files>
<positions>
<position>breadcrumb</position>
<position>left</position>
<position>right</position>
<position>top</position>
<position>user1</position>
<position>user2</position>
<position>user3</position>
<position>user4</position>
<position>footer</position>
</positions>
</install>
</source>

Voor {{JVer|2.5}} en later gebruikte je de volgende versie. Wijzig <code>version="2.5"</code> in de versie van je Joomla! installatie.

<source lang="xml">
<?xml version="1.0" encoding="utf-8"?>
<extension version="2.5" type="template">
<name>mynewtemplate</name>
<creationDate>2008-05-01</creationDate>
<author>John Doe</author>
<authorEmail>john@example.com</authorEmail>
<authorUrl>http://www.example.com</authorUrl>
<copyright>John Doe 2008</copyright>
<license>GNU/GPL</license>
<version>1.0.2</version>
<description>My New Template</description>
<files>
<filename>index.php</filename>
<filename>templateDetails.xml</filename>
<folder>images</folder>
<folder>css</folder>
</files>
<positions>
<position>breadcrumb</position>
<position>left</position>
<position>right</position>
<position>top</position>
<position>user1</position>
<position>user2</position>
<position>user3</position>
<position>user4</position>
<position>footer</position>
</positions>
</extension>
</source>

So, as you can see, we have a set of information between markup tags (the <code><element></code>s). Your best approach is to copy and paste this into your <tt>templateDetails.xml</tt> file and change the relevant bits (such as <code><name></code> and <code><author></code>).

The <code><files></code> part should contain all the files that you use - you possibly don't know what they are called yet - don't worry, update it later. The <code><folder></code> element can be used to define an entire folder at once.

Leave the positions as they are - these are a common set so you will be able to switch easily from the standard templates.

== Creating a basic index.php file ==
{{:Creating a basic index file/en}}

This leaves a final file of:

<source lang="php">
<?php defined('_JEXEC') or die('Restricted access');?>
<!DOCTYPE html>
<html 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/<?php echo $this->template ?>/css/template.css" type="text/css" />
</head>
<body>
<jdoc:include type="modules" name="top" />
<jdoc:include type="component" />
<jdoc:include type="modules" name="bottom" />
</body>
</html>
</source>

== Testing the template ==
Find the template in the Template Manager, select it and click '''Default''' to make it the default template.

{{JVer|1.5}} In Joomla! 1.5, your new template will show up immediately in the [[Help15:Screen.templates.15|Template Manager]], accessible via Extensions -> Template Manager.

{{JVer|2.5}}+ In the Joomla! 2.5 series and later, you first need to tell Joomla! that you have created a new template. This feature is called ''Discover Extensions'' and can be accessed via Extensions -> Extension Manager -> Discover (i.e. the Discover ''tab''). Click '''Discover''' (i.e. the Discover ''button'') to discover your template, then select it and click '''Install''' to install it. Now your template should show up in the [[Help16:Extensions_Template_Manager_Styles|Template Manager (Styles)]], accessible via Extensions -> Template Manager.

Note you can create your template outside of Joomla and simply install it like any regular extension.

HINT: there are a couple of ways you can preview your index page as you put it together, either insert the styles into the head of the index page or directly link it to the style sheet you will be using temporarily. You can remove these links before packaging the file.

== Packaging the template for installation ==
{{:Packaging_a_extension/en}}

== Conclusion ==

You should now have created a template that works. It won't look like much yet. The best thing to do now is start experimenting with the layout.

<noinclude>
[[Category:Templates]]
[[Category:Tutorials]]
</noinclude>

Translations:Creating a basic Joomla! template/12/nl

2016-04-15T13:32:28Z

Meta: Created page with "Voor {{JVer|2.5}} en later gebruikte je de volgende versie. Wijzig <code>version="2.5"</code> in de versie van je Joomla! installatie."

Voor {{JVer|2.5}} en later gebruikte je de volgende versie. Wijzig <code>version="2.5"</code> in de versie van je Joomla! installatie.