Het populaire contentmanagementsysteem Joomla! biedt uitgebreide mogelijkheden om het uiterlijk van de gepubliceerde website geheel naar eigen wens aan te passen; dit gebeurt aan de hand van templates. Maar hoe fraai en gebruiksvriendelijk Joomla! ook is, het ontwerpen van zo'n template is geen sinecure. In dit boek behandelt auteur en Joomla!-expert van het eerste uur Jisse Reitsma alle facetten die bij het ontwerpen van een professionele Joomla!-template komen kijken. Het boek is geschikt voor gebruik bij versie 1.5 van Joomla!. Tot de behandelde onderwerpen behoren:

• kennismaken met templates
• templates gebruiken
• een ontwikkelomgeving inrichten
• opbouw van een template
• bespreking van het boxmodel
• werken met CSS-code
• werken met modules
• templates optimaliseren voor zoekmachines
• template overrides
• templates upgraden van versie 1.0 naar versie 1.5

Website: www.joomla-boek.nl

Leer jezelf MAKKELIJK... Joomla!-templates ontwerpen 2e

1

Over Joomla!

Historie

De populariteit van Joomla!

Contentmanagementsysteem

LAMP-oplossing

Open source en de GPL

Joomla! en commercie

De vernieuwing van Joomla! versie 1.5

Joomla! Administrator

Templates in Joomla! 1.5

2

Kennismaking met templates

Wat een template is

Invloed op de opmaak van buitenaf

Modules

Scheiding tussen A en B

Stappenplan

3

Templates gebruiken

Over het gebruik

Installeren

Stap-voor-stap een template installeren

Verwijderen

Templatebeheer

Template wijzigen

Wijzigen HTML en CSS

4

Het inrichten van een ontwikkelomgeving

Een eigen Joomla!-omgeving

Joomla! onder Windows

Joomla! onder MacOS

Verschillende browsers

HTML- en CSS-editors

Grafische programma’s

FTP-programma’s

PHP-ontwikkelomgeving

5

De talen van een template

Verschillende talen

HTML-begrippen

HyperText Markup Language

De structuur van HTML-document

HTML in een Joomla!-template

HTML versie 4 en XHTML versie 1.0

Verschillen tussen HTML en XHTML

CSS-begrippen

De voordelen van CSS

CSS koppelen aan XHTML

Class en id

Document Object Model (DOM)

Geen maar

Een afbeelding in XHTML en CSS

HTML, CSS en de browsers

Transitional en Strict

Standaardmodus en quirksmodus

De nieuwe standaard van W3C

W3C Validator

Lettertypen per computer

Tekensets

PHP en Joomla!

Het templatingsysteem: JTemplate

JavaScript

XML en AJAX

Flash

PNG, JPEG en GIF

6

De structuur van een template

Overzicht van de bestanden en mappen

Samenvatting

7

Het opbouwen van index.php

HTTP-headers

Het begin van een XHTML-document

De XHTML-header

De XHTML-body

De -tags

De tags

in de templatebody

8

Het boxmodel

Schetsen en boxen benoemen

Het boxmodel uitwerken met

-tags

De JDocument-tags invullen

Correcties voor de box top

Correcties voor de box right

Moduleposities in templateDetails.xml

9

Het invullen van de CSS-code

Een box centreren

Een logo als achtergrond

Een box in een andere box rechts uitlijnen

Kolommen met

-tags

Joomla!-stijlen

10

Modules

Modules en de template

Modulebeheer

Moduleparameters

Achtervoegsel van moduleklasse

Splitmenu

11

Templates en SEO

Zoekmachineoptimalisatie

Algemene SEO-tips

12

Tips voor webdesign

Over de CSS-hacks in dit hoofdstuk

CSS Zen Garden

Kleurgebruik

Een snelle website

jumplabels in de template

Meer CSS-klassen per XHTML-element

Het boxmodel debuggen

Weergaveopties met CSS

Absolute en relatieve posities

Horizontaal menu

Vervolgmenu met de Suckerfish-methode

Ronde hoeken

Lees meer-koppeling

PNG-transparantie

PNG-multi-layering

Lightbox JS

MooTools

sIFR

Aanpasbare lettergrootte

Meer stijlen in een website

Internet Explorer

Verschuivende

-tags

13

PHP-code in een template

Extra code in index.php

Het object $this

Veiligheid

XML-header

Kolommen verbergen

Een afwijkende frontpage

Templateparameters

Taalbestanden voor de template

14

Joomla! Framework

Een overzicht van de Joomla! Core

Het framework aanroepen

De klasse JTemplate

Output via JDocument

Splitmenu met PHP-code

15

Template overrides

Inleiding tot template overrides

Voorbeeld: com_content

De template Beez

Administrator template overrides

A

Voorbeeld van index.php

B

Voorbeeld van templateDetails.xml

C

Een template van versie 1.0 upgraden

Inleiding

Aanpassingen aan de template

Veranderingen in templateDetails.xml

Index

Meer lezen? Op onze zustersite blog.computercreatief.nl publiceren wij en onze auteurs regelmatig interviews en artikelen met nuttige tips, trucs en andere lezenswaardigheden.

Bij Leer jezelf MAKKELIJK... Joomla!-templates ontwerpen 2e hebben wij de volgende aanvullende artikelen gevonden:

---

Results of blog query (this text will be replaced...)

Meer artikelen over joomla! op ComputerCreatief.nl

Relevante blogs zoeken...