Une chose que j’ai toujours détestée à propos des pages de paramètres de thème était à quel point elles seraient très différentes. Imaginez chaque constructeur automobile essayant d’ajouter sa propre touche en ayant un emplacement de roue unique et vous verrez pourquoi c’est une mauvaise chose pour les éditeurs WordPress.

Heureusement, depuis 3.4 et grâce à API de personnalisation de thème nous n’avons pas du tout besoin de pages de paramètres.

Le blog en question est Galerie d’options de thème, vitrine des «meilleurs (et des pires) écrans d’options de thème de la ville». Surtout le pire, mais je suppose que c’est ce qui l’a rendu populaire. Selon Konstantin, c’est le personnalisateur de thème qui le rendra obsolète.

Tout au long de cette série d’articles, nous examinerons les avantages de l’utilisation du personnalisateur de thème par rapport aux «anciennes» pages de paramètres, verrons comment fonctionne le personnalisateur de thème, voyons comment vous pouvez l’étendre et enfin créerons le modèle standard du personnalisateur de thème qui peut être utilisé avec n’importe quel thème WordPress .

Avantages du personnalisateur de thème

Maintenant, je ne dis pas que les pages de paramètres de thème sont (étaient?) Toutes mauvaises – si elles sont bien faites, elles se sentent comme une extension naturelle du tableau de bord WordPress – juste qu’il y a quelque chose de mieux maintenant. Ce que fait Customizer, par rapport à une page de paramètres, est de faciliter le processus de configuration du thème en enlevant les yeux bandés de la tête de l’utilisateur.

Si vous ne l’avez jamais vu en action, cette vidéo de Otto est un must:

Alors, qu’est-ce que le personnalisateur de thème exactement? Selon le Codex:

L’écran de personnalisation du thème (c’est-à-dire «Personnalisateur de thème») permet aux administrateurs du site de modifier les paramètres d’un thème et de voir un aperçu de ces changements en temps réel.

Personnalisateur de thème en bref

Personnalisateur de thème a trois composants principaux – sections, paramètres et contrôles. Si Theme Customizer était une maison, votre salon serait l’une des sections, chaque lumière à l’intérieur serait un paramètre et chaque interrupteur d’éclairage un contrôle. C’est si simple.

Pour interagir avec le personnalisateur de thème, vous devez vous connecter à l’action custom_register. En faisant cela, vous chargerez Objet $ wp_customize, une instance de WP_Customize_Manager classe qui fait tout le gros du travail. Plus d’informations à ce sujet dans la partie 2 de cette série.

C’est déjà là

Si vous ne voulez pas interagir avec le personnalisateur de thème et que vous avez juste besoin de le laisser faire son travail dans votre thème, cela devient encore plus facile. Lorsque vous créez un thème à partir de zéro, le personnalisateur de thème sera déjà là, affichant ses sections intégrées. En fait, voici à quel point index.php vide et un style.css avec rien d’autre que des lignes d’en-tête de commentaire vous mèneront:

Personnalisateur de thème dans un thème vide

Bien sûr, il n’y a rien à prévisualiser dans cette capture d’écran, car index.php ne fait rien, mais c’est le but – si vous êtes un développeur de thème, le personnalisateur de thème crie simplement “Quand vous êtes prêt!” donc aucune raison de ne pas l’utiliser dans votre thème WordPress.

Il y a plus de sections par défaut, mais elles n’apparaissent que si votre thème les prend en charge, voici la liste complète des sections intégrées:

  • Titre et slogan du site
  • Couleurs*
  • Image d’en-tête *
  • Image de fond*
  • La navigation*
  • Première page statique

Marqué les sections n’apparaîtront que si votre thème prend en charge leurs fonctionnalités respectives, si vous voulez que la section Image d’en-tête apparaisse, tout ce dont vous avez besoin est add_theme_support (‘en-tête personnalisé’)

quelque part dans votre fichier functions.php.

Contrôles existants

  • Avec toutes ces sections intégrées, il doit y avoir des commandes existantes (interrupteurs d’éclairage, vous vous souvenez?) Pour les remplir. Voici ce que WordPress vous offre, prêt à l’emploi:
  • Champ de texte
  • Case à cocher
  • Radio
  • Sélectionner
  • Pipette à couleurs
  • Téléchargement de fichiers
  • Téléchargement d’image
  • Image de fond

Image d’en-tête

Probablement assez bien pour la plupart des thèmes, mais si votre thème est spécial (laissez-moi deviner, c’est vrai?) Et nécessite des contrôles personnalisés, vous pouvez le faire aussi. La création de contrôles personnalisés est l’une des choses que nous aborderons dans cette série, alors restez à l’écoute.

C’est tout pour le moment WordPress a actuellement seize API

(essayez de les nommer tous!) Et si vous les jugez en fonction de leur convivialité et de la facilité avec laquelle ils peuvent se lancer et commencer à les utiliser, aucun ne se rapproche de l’API de personnalisation de thème.

Avez-vous déjà rendu service à vos utilisateurs et basculé des pages de paramètres vers le personnalisateur de thème? Sinon, j’aimerais savoir pourquoi et si c’est le cas, qu’en pensez-vous jusqu’à présent?

Share: