Design et templates Joomla!
Un template Joomla permet de créer et modifier facilement l'apparence complète de son site, à l'aide des fonctionnalités intégrées à Joomla et/ou en modifiant la feuille de style . Ils permettent un contrôle d'autant plus complet qu'on maîtrise le principe, et que l'on s'intéresse aux feuilles de styles CSS .
C'est quoi | Tutoriaux | Sites proposant des templates | Templates commerciaux | Astuces
C'est quoi un template ?
- Le template détermine l’apparence de l'interface visuelle :
– Rend l’information lisible et agréable ;
– Structure et organise :
En plus du "look", du template choisi dépendent la quantité et la position des modules, ainsi que la compatibilité avec différents navigateurs. - C'est un ensemble de règles mettant en forme le contenu (l’information).
- Il n’y a pas de contenu dans un template ...
- Bon à savoir : Les couleurs et images d'un template sont (bien) plus facilement modifiables que sa structure...
Tout est possible ou presque...
Tutoriaux
- Tutoriel Joomlabc - Utilisation des templates :
Qu'est-ce qu'un template Joomla - Les fichiers d’un template Joomla - Modifier l'apparence du site grâce aux templates - Assigner un template à un menu Joomla - Modifier le contenu d'un template Joomla - Joomla! 1.5 Template Tutorial en 9 petites pages ;
Forum Gestion des templates, design et CSS de joomlafr
niveaux 1 à 3 - Fr
Flexi Template v2: Un excellente base pour étudier, apprendre la création de templates Joomla 1.5. Réalisé et maintenu par Lisa à partir du template Joomla 1.5 'Blank Skeleton' (Tableless XHTML /CSS based template code) de Waseem Sadiq (www.bulletprooftemplates.com), auquel elle a notamment ajouté : Font resizer (de ja_purity), et les Beez Overrides !- Joomla Template Development Tutorials Un tutoriel avancé et complet sur :
1 - How to make Joomla! templates without tables ; 2 - Framework of Joomla Template ; 3 - The template_thumbnail.png and the templateDetails.xml files ; 5 - Definition of a Joomla Template ; 6 - The index.html file ; 7 - Publication joomla modules ; 8 - The skeleton file index.php ; 9 - The file template_css.css ; 10 - The body of the index.php file ; 11 - The positions of publication ; 12 - The content of the Template File
Autres tutoriels
- joomladraft.org : Guide pour créer ou modifier un template Joomla! 1.0 - Niveau 2 & 3 - Fr ;
- Document recensant les différents id et class utilisés par Joomla 1.0 pour la construction d'une feuille de style CSS (utile sous J-1.5! aussi);
Réaliser son propre template
Rien ne vaut un --bon-- manuel. C'est ce qu'est le livre Joomla 1.5 de Hagen Graf , qui propose entre autres un chapitre d'initiation sur la conception de templates : "13 Conception de templates Joomla! (modèles) ". D'autres livres existent, qui vont éventuellement plus loin ; beaucoup sont disponibles uniquement en anglais.
Un logiciel de création web peut accélérer notablement la création de template. Mais à ma connaissance, seul Dreamweaver© dispose d'extensions spéciales pour les templates Joomla : En général, un nouveau "Wizard" Joomla apparait dans le menu ; les fichiers indispensables pour le template sont générés automatiquement en un clic, ainsi que leur mise à jour après modifications (ex : templateDetails.xml ...). Exemples : Joomla! 1.5 templatebuilder for Dreamweaver ("really helps the learning curve while migrating from joomla 1.0 " dixit un utilisateur :) ou Joomla Template kit (commercial).
Voir toutes les extensions en rapport avec Dreamweaver .
Si vous connaissez les feuilles de style CSS , le projet BluePrint Beez pourrait vous intéresser.
C'est une combinaison du template full-CSS Beez et du framework CSS Blueprint (v0.6). Il permet d'utiliser la grille Blueprint pour créer et gérer un layout complet, accessible et compatible multi-navigateurs, et d'utiliser les classes Beez pour styler votre Joomla!
Sites proposant des templates free
- Templates Joomla 1.x sur joomlafrance.org
niveaux 1 à 2 - Fr - Joomla! 1.0.x démo templates
Apperçu de ~30 templates en mode réèl (en cliquant dans le module à droite)
Christelle : ravi que le template "lady_beetle" t'ai plû ;) 
Best of Joomla! - templates
L 'endroit où voir et se renseigner sur les templates Joomla! et leur popularité d'après une très vaste base d'utilisateurs (un genre de salle expo-café-agora-salle-de-marché où on peut tout apprendre :-)
Recherche par thèmatique ( Animals & Pets , Architecture, Beauty ...), versions, type de licence (GPL, free, commerciale...) - listables par critère.
Nicolas > le template okto de bonusthemes devrait te plaire ;)
- websitetemplates.bz
Joomla Templates, Joomla Design and Joomla Themes
niveaux 1 à 2 - Fr - Autres thèmes désignés par Marc Hinse (l'auteur de "madeyourweb"), et tout plein d'autres.
niveaux 1 à 2 - En - joomla24.com : Free Joomla! templates
Accès direct aux galleries (apperçus miniatures + taille réèlle) de templates 1.0 & 1.5
niveaux 1 à 2 - En - joomlahacks.com > Nombreux templates (Joomla/Mambo)
niveaux 1 à 2 - En - D'autres sites de templates forts intéressants dans nos "Liens", pour ne pas surcharger cette page.
Faites vos courses : Templates payants professionnels
On paye le template à l'unité ou, plus fréquemment, on s'abonne et on peut utiliser tous les templates du "club template". Et dans les 2 cas on dispose d'un support (d'où l'appelation "professionnels"). Ces templates sont généralement mieux travaillés que les "free", et mis à jour lors d'une nouvelle version de Joomla.
- Rockettheme Joomla Templates - En - € / support
Nombreux templates évolués +++ Les payants apportent des fonctionnalités additionnelles, en préservant la facilité d'utilisation.
niveaux 1 à 2 - templates-joomla.fr - fr, € / support
Réalisent des templates sur mesure, e-commerce inclu + bonne petite FAQ Joomla! 
neojoomla templates - fr, € / support
nombreux templates ; notament orientés blog ou site de contenu.
personnalisables : chaque template est fourni avec son fichier psd & toutes les images utilisées.
pour chaque template : une bonne description (résumé sur la liste & complète en cliquant le template), la position des modules avec ce template, ...
Prix : de 30 à 300 € selon la durée et l'utilisation du (des) template(s).
Christelle je te conseille cette page- demo.yootheme .com - en, € / support
impressionnant. templates incluent fonctionalités au-delà graphisme (référencement, slideshow..).
Ex : Feb 07 - Portfolia (j10, woow !) - Aug 07 - Seasons (j1.0/1.5, utilisé sur http://joomla15.sarki.ch/ >>Christelle) - Jan 08 - Beyond (j1.0/1.5, clair et net pour site de news) - Joomlart
- designforjoomla .com
free templates, et € (Club Membership 20€/an 88 templates ou à l'unité)
Quelques sites sous Joomla
- Le C4i est un site avec le template officiel juste légèrement retouché.
- Voir aussi les sites présentés dans les "Liens"
Astuces
Savoir si un site est propulsé ou non par Joomla ?
En regardant le code source, mais aussi...
En tapant dans le champ "Recherche" de Google :
joomla site:URL de la page d\'acceuil du site (sans http://)
Si vous voyez "Propulsé par Joomla! Généré: [date]" c'est un site Joomla.
Notes
- Niveau 1 : webmaster / éditeur débutant-e ;
- Niveau 2 : personne administrant un site Joomla! depuis quelques temps, et/ou connaissant les bases de la conception de sites web ;
- Niveau 3 : administrateur Joomla! expérimenté (quelques sites depuis >1 a), et/ou maîtrisant la conception de sites web et/ou le développement.
- Les sites cités ci-dessus proposent plus de liens .