Cet outil sert à personnaliser le thème avec des variables définies. Lorsque vous modifiez une variable, vous verrez le changement dans le front-page.

personnalisation 7

Personnaliser le thème avec ThemeMagic

La toute première étape lorsque vous souhaitez personnaliser le thème avec ThemeMagic est d'activer ThemeMagic.

personnalisation 8

Si le côté gauche se situe le panneau de configuration, sélectionnez maintenant le thème que vous souhaitez personnaliser.

personnalisation 9

La prochaine étape sera de personnaliser le thème en utilisant les paramètres disponibles.

personnalisation 10

Maintenant enregistrez les modifications. Vous pouvez enregistrer comme thème personnalisé pour plus de sécurité.

personnalisation 11

Personnaliser ThemeMagic

Purity III est développé avec T3 Framework de sorte que vous pouvez vous référer à la documentation T3 pour avoir la documentation détaillée de la façon d'ajouter un nouveau groupe, des paramètres à ThemeMagic.

Ajouter de nouveaux paramètres à ThemeMagic

Vous pouvez ajouter des paramètres illimités, des groupes pour la personnalisation du thème. Les paramètres personnalisés sont définis dans le fichier thememagic.xml dans le dossier: templates/votre_template_t3

personnalisation 11 2

Remarque: Veuillez noter que les textes en MAJUSCULES sont des clés de langue

Étape 1. Définissez un nouveau groupe de paramètre.

<fieldset name="custom1_params" label="CUSTOM1_LABEL"></fieldset>
<fieldset name="module_params" label="T3_TM_MODULE"></fieldset>

Étape 2. Définissez le paramètre dans le nouveau groupe

<field name="@nom-de-votre-champ"type="type-de-parametre"default="default-valeur de-parametre"label="FIEL_LABEL"description="FIELD_DESCRIPTION" /></field>
ce qui donnerait par exemple :
<fieldset name="navbar_params" label="T3_TM_NAVBAR"><field name="t3-navbar-bg" type="color" class="t3tm-color" label="T3_TM_VARS_NAVBAR_BGCOLOR_LABEL" description="T3_TM_VARS_NAVBAR_BGCOLOR_DESC" /></fieldset>

Étape 3. Définissez la variable LESS

Définissez le paramètre LESS avec le même nom que celui défini ci-dessus @nom-de-votre-champ dans le fichier variables.less dans template/less/.

 

// Barre de navigation
@t3-navbar-bg:transparent;

Étape 4. Ajouter "@nom-de-votre-champ" quelque part dans le fichier LESS

Cela dépend de vous, il suffit d'imaginer comment vous voulez utiliser ce paramètre et comment il affectera le template. Il est nécessaire que vous ayez quelques connaissances de base sur les LESS et CSS. Nous vous suggérons d'ajouter au fichier: style.less

.navbar-default {background: @t3-navbar-bg;}

Étape 5. Définissez la clé de langage

Ouvrez le fichier de langue du template en-GB.tpl_purity_iii.ini situé dans language\en-GB\ ou dans fr-FR.tpl_purity_iii.ini situé dans language\fr-FR\ si vous utilisez des fichiers de langues francisés et définissez la clé de langage que vous utilisez pour définir des paramètres ci-dessus.

; NAVBAR
T3_TM_NAVBAR="Barre de navigation"
T3_TM_VARS_NAVBAR_BGCOLOR_LABEL="Couleur de fond de la barre de navigation"

Vérifier dans ThemeMagic pour vérifier si le nouveau groupe et les paramètres sont ajoutés ou non

personnalisation 16

 

Sauvegarder
Choix utilisateur pour les Cookies
Nous utilisons des cookies afin de vous proposer les meilleurs services possibles. Si vous déclinez l'utilisation de ces cookies, le site web pourrait ne pas fonctionner correctement.
Tout accepter
Tout décliner
Fonctionnels