Le système de sous-thèmes

Votre site WordPress est principalement mis en forme par son thème : le thème principal fourni une feuille de styles (fichier CSS) qui définira la mise en forme du site. WP Customer Area ne peux cependant pas compter sur cette feuille de styles pour définir la forme de ses propres éléments d’interface. C’est pourquoi nous avons conçu un système de “sous-thèmes” : très similaire au fonctionnement des thèmes principaux, mais dont le but est de mettre en forme uniquement les éléments du plugin.

Le sous-thème dans WP Customer Area peut être redéfini entièrement et se concentre soit sur l’interface d’administration (vous n’aurez probablement jamais à y toucher), soit sur la devanture du site. Tous les sous-thèmes peuvent être trouvés dans le répertoire customer-area/skins du plugin principal. Chaque sous-thème a son propre sous-répertoire.

Faire un nouveau sous-thème

Il est très simple de créer un nouveau sous-thème. Le plus facile étant de partir d’un sous-thème existant :

  1. Copiez le répertoire /wp-content/plugins/customer-area/skins/frontend/master vers le répertoire /wp-content/customer-area/skins/frontend/
  2. Renommez ce répertoire avec le nom de votre choix (seulement des lettre minuscules et des tirets)

Et voilà, votre nouveau sous-thème est prêt à être utilisé. D’autre part, vous serez ainsi tranquille suite aux mises à jour du plugin car vous n’aurez modifié aucun fichier du répertoire du plugin.

Sélectionner votre nouveau sous-thème

Pour changer le sous-thème utilisé par le plugin :

  1. Ouvrez les réglages du plugin : Réglages » WP Customer Area » Site
  2. Cochez la case Utiliser un sous-thème
  3. Sélectionnez le sous-thème de votre choix dans la liste sous cette case

Effectuer des modifications sur un sous-thème

Une fois le sous-thème copié et sélectionné, vous pouvez commencer à faire des changements. Le sous-thème a deux fichiers principaux :

  • cuar-functions.php vous permet d’écrire du code PHP qui sera uniquement exécuté quand WP Customer Area est activé.
  • assets/css/styles.min.css est la feuille de style inclue dans vos pages. C’est là que vous écrirez vos styles.

Vous pourriez, par exemple, créer les fonctions appropriées dans cuar-functions.php pour charger les fichiers du sous-thème master et ensuite vos styles personnalisés afin de faire en sorte que vos règles CSS écrasent celles de WP Customer Area.