Purity2.fr

14

Avr 12

Créer un thème personnalisé

• Mis à jour le 13 mai 2012
• Écrit par Dens
• 
• 

Note utilisateur:  / 0

MauvaisTrès bien 

Détails

L'exemple suivant est réalisé avec Ja_Purity_II, mais le principe est le même avec les autres templates T3.

1- Création de la Structure du thème.

Pour l'exemple, nous appellerons le thème "theme1".

Nous allons commencer par créer un dossier "theme1" dans le dossier themes du template.

Chemin : templates > ja_purity_ii > themes > theme1

Nous allons maintenant copier / coller les éléments suivants depuis le template dans le thème 1:

Nous pouvons maintenant modifier le CSS et les images du thème.

Modifier le fichier info.xml comme suit :

<?xml version="1.0" encoding="utf-8"?>
<theme>
    <name>theme1</name>
    <description>Theme 1</description>
    <date>Avril 2012</date>
    <version>1.0.0</version>
    <author>Dens</author>
    <copyright>Dens</copyright>
</theme>

2- Créer un "profile" personnalisé.

Nous venons de créer un thème, mais maintenant il va falloir l'affecter à un élément de menu.

Rendons-nous dans l'administration du template, dans l'onglet "PROFILES"

Deux solutions s'offrent à nous :

Créer un nouveau profile en cliquant sur "new" :

ou alors opter pour le clonage du profile "default", c'est cette dernière option que nous allons utiliser :

Nous allons l'appeler "perso1"

Nous pouvons enregistrer les modifications.

3- Affectation du theme1 au profile perso1.

Toujours dans l'administration du template, sous l'onglet "PROFILES", nous allons sélectionner le profile "perso1".

Rendons nous au niveau du paramètre "Theme Settings", afin de sélectionner le "theme1"

Ne pas oublier de cliquer sur "Apply", puis "enregistrer".

4- Assigner le profile aux pages désirées.

Rendons-nous dans la partie gauche de l'administration du template.

Cliquer dans la case indiquée "Click To Add" :

Sélectionner les pages (liens de menu, composant) puis cliquer sur "select" :

Dans la case "Profiles", sélectionner ensuite "perso1" :

Ne pas oublier d'enregistrer pour valider les changements.

5- Exemple de thème assigné à la page accueil.

voilà la page accueil (exemple de personnalisation, à vous de jouer,...)

alors que les autres pages n'ont pas changé de style :