Vidéo: Comment modifier simplement et rapidement un template-page par Joomla-themes.fr. 2025
Vous pouvez accéder au code HTML et CSS réel d'un template Joomla via sa page Customize Template, qui contient les boutons Edit HTML et Edit CSS. Cliquez sur le fichier CSS qui vous intéresse pour afficher le code HTML ou CSS du modèle.
Lorsque vous personnalisez un modèle dans Joomla, vous apportez généralement des modifications à son code CSS.
Pour ouvrir le fichier CSS d'un modèle à modifier, procédez comme suit:
-
Dans la page Détails du modèle, cliquez sur le bouton Modifier CSS.
La page Personnaliser le modèle s'ouvre. Cette page liste les fichiers CSS associés au modèle - généralement, beaucoup d'entre eux.
-
Cliquez sur le nom du style que vous souhaitez modifier.
Le fichier CSS du style (template.css) s'ouvre pour être édité dans Template Manager.
Le modèle. Le fichier css est un fichier long - environ 16 pages - et c'est juste un des fichiers qui vont dans un template Joomla. C'est un fichier CSS de bonne foi, et voici comment ça commence:
/ ************************** / / * ** Choses de configuration html de base *** / / *************************** / html {height: 100%; margin-bottom: 1px;} forme {marge: 0; padding: 0;} body {famille de fontes: Helvetica, Arial, sans-serif; hauteur de ligne: 1. 3em; marge: 0px 0px 0px 0px; taille de police: 12px; color: # 333;} a: lien, a: visited {text-decoration: none; font-weight: normal;} a: hover {text-decoration: souligné; font-weight: normal;} entrée. bouton {curseur: pointeur;} p {margin-top: 0; margin-bottom: 5px;} img {border: 0 none;} / ******************************* ******* / / *** Éléments de disposition spécifiques au modèle *** / / ************************** ************ / #page_bg {padding: 10px 0; margin-bottom: 1px;} div. centre {text-align: center;} div # wrapper {marge-gauche: auto; marge-droite: auto;} corps. width_medium div # wrapper {width: 950px;} …
Malheureusement, pour éditer ce fichier vous devez vraiment savoir ce que vous faites en CSS pour apporter vos propres changements. (Un bon éditeur de code WYSIWYG intégré à Joomla serait parfait pour cette situation.)
La question de savoir s'il est préférable d'utiliser des tableaux HTML ou CSS pour organiser les composants et les modules dans les modèles Joomla fait l'objet de nombreux débats. les deux côtés de l'argument ont des points forts.
Les tableaux HTML, par exemple, sont des structures assez rigides qui rendent difficile la compréhension du contenu de votre page par les moteurs de recherche. D'autre part, les implémentations CSS varient considérablement d'un navigateur à l'autre, et certains navigateurs plus anciens vous permettent de n'utiliser que peu de CSS. Le modèle Beez dans Joomla est un exemple de modèle CSS sans tableau.
Comme vous pouvez le voir, la personnalisation d'un template Joomla n'est pas quelque chose à faire à la légère.Alors, comment obtenez-vous le modèle que vous voulez? Vous pouvez le télécharger. Il existe des modèles Joomla en ligne. Certains sont gratuits tandis que d'autres nécessitent une petite taxe à télécharger.
