Joomla: comment avoir un code généré propre?

J'entends par code propre un code html totalement maîtrisé:

  • pas de balises non souhaitées
  • pas de scripts et css inutiles

scripts et css

La référence aux scripts JavaScript et aux fichiers CSS se trouve dans le fichier index.php du template.

  1. Pour les CSS, préférez ne faire appel qu'à une CSS (cf mon article sur l'amélioration des performances dans Joomla)
  2. Pour le Js, préférez y faire appel à la fin de la page, juste avant la balise </body> (cf mon article sur l'amélioration des performances dans Joomla)
  3. Retirez les scripts Mootools (cf mon article sur le retrait de Mootools dans Joomla)

Maîtriser le code HTML de Joomla

Redéfinir les templates de modules et composants

Depuis la version 1.5 de Joomla, il est possible de personnaliser le code HTML des modules et composants SANS TOUCHER AU CORE DE JOOMLA: un dossier html se trouvant dans le dossier de votre template permet de placer les fichiers templates des modules et composants

Exemple:

butterfly effect joomla template folder

Dans le dossier html, on retrouve le dossier com_content (composant utilisé pour l'affichage des articles).

On retrouve la structure que le dossier components > com_content > views > article > tmpl.

En recopiant cette structure et en modifiant les fichiers template dans votre dossier template, vous n'aurez pas à modifier le core de Joomla (ce qui rend la vie plus facile en cas de mise à jour de Joomla)

Eviter l'ajout de blocs div autour d'un module

Eviter l'ajout de l'attribut style="xhtml" dans la balise include d'un module: elle ajoute "inutilement" des balises div

<jdoc:include type="modules" name="left" style="xhtml" />

 

Les infos du blog