Écrire du PHP, du CSS et du HTML5 pour modifier un site WordPress peut être assez frustrant, mais un bon guide peut vous faciliter la tâche. Ce n’est pas ce guide. Il s’agit simplement de savoir comment ajouter le code à votre site une fois que c’est déjà fait. Ne vous inquiétez pas, c’est tout aussi important. Comme il existe plusieurs façons de procéder, il est utile de connaître les différences entre les différentes options. Mais d’abord, deux avertissements:

  1. Avant de modifier quoi que ce soit, sauvegardez-le. En fait, continuez à sauvegarder votre travail tout au long du processus. Il est également utile d’avoir un fichier séparé dans lequel coller des extraits de code supprimés ou bientôt utilisés.
  2. Si vous avez installé le thème de quelqu’un d’autre, n’ajoutez jamais de code à votre thème functions.php ou style.css des dossiers. Si vous le faites, alors lorsque le thème sera mis à jour, tout votre travail acharné sera anéanti.

Au cours du reste de cet article, j’explorerai quelques alternatives, classées du plus simple au plus complexe.

Plugins WordPress

Tout comme il existe plusieurs types de modification de code, il existe plusieurs types de plugins de code personnalisés. Les 2 types les plus courants sont PHP et CSS. Comme vous le savez peut-être, PHP régit l’architecture et la fonction de WordPress. Donc, si vous essayez de modifier les fonctions principales de votre site Web, d’ajouter ou de modifier une fonctionnalité, il existe de nombreux plugins PHP disponibles au téléchargement pour vous aider avec cela.

De même, vous savez probablement ce que fait le CSS – il embellit les choses. Et si c’est tout ce que vous voulez modifier, un Plugin CSS personnalisé vous permettra de le faire avec un minimum de tracas. En arrière-plan se cache JavaScript, qui a une relation complexe avec les plugins. Pour clarifier, c’est un peu différent en ce sens que cela fonctionne parfaitement bien si vous l’ajoutez à l’en-tête, au pied de page ou à un thème enfant – mais pour l’utiliser dans un article, vous devez utiliser un plugin spécial. Quelque chose comme Boîte à outils CSS et Javascript devrait faire l’affaire. En remarque, pour des raisons de vitesse de votre page, il est préférable de le mettre en pied de page.

Écrire vos propres plugins

Il existe une tonne d’extraits de code WordPress disponibles sur Internet pour changer, désactiver ou modifier certaines fonctionnalités. Cependant, savoir où les placer est crucial pour la fonctionnalité. Par exemple, si vous avez un extrait de code qui modifie la fonction d’un plugin, vous voudrez qu’il fonctionne quel que soit le thème que vous avez activé. Il en va de même pour les extraits de code qui traitent des modifications à l’échelle du site. Donc, dans les deux cas, il peut être judicieux de créer un nouveau plugin pour eux. Ne t’inquiète pas, c’est pas aussi intimidant comme il semble.

L’un des principaux avantages de la création d’un plugin est qu’il vous permettra d’activer ou de désactiver le plugin à la demande. Il permet également d’afficher des informations contextuelles sur le plugin dans les pages du plugin. Le seul inconvénient majeur est qu’il peut être accidentellement désactivé par toute autre personne autorisée à modifier le site, mais un avertissement sévère à leur intention devrait pouvoir empêcher cela.

En remarque, vous pouvez également créer un dossier appelé plugins mu dans ton contenu wp dossier. Tous les fichiers PHP qui y sont insérés seront toujours exécutés et ils ne peuvent pas être activés ou désactivés. Cela éloigne le code personnalisé des dossiers de thèmes et de plugins. Mais ne le faites qu’avec des plugins que vous êtes toujours à l’aise d’exécuter en arrière-plan.

Fichiers CSS personnalisés

Si les modifications que vous prévoyez sont mineures, vous pouvez créer un style-personnalisé.css fichier. Si vous souhaitez prévisualiser vos modifications avant de les apporter, vous pouvez toujours utiliser DevTools si vous utilisez Chrome ou une application similaire. Une autre possibilité est d’ajouter du CSS personnalisé via votre thème WordPress. Certains thèmes premium, comme notre Cadre total, incluez une option de panneau de thème pour ajouter du CSS personnalisé où vous pouvez facilement le trouver et le modifier. De plus, lorsque vous mettez à jour votre thème, les paramètres de votre panneau de thème doivent rester inchangés – afin que votre CSS personnalisé reste intact.

Rappelez-vous que CSS cascades à l’envers, ce qui signifie que les règles qui apparaissent plus tard ont toujours priorité sur les règles qui apparaissent plus tôt. Ainsi, tout CSS appliqué à une feuille distincte remplacera le code par défaut de la page. Cela s’applique également au CSS inséré dans…

Thèmes enfants WordPress

Créer un thème enfant WordPress

Pour les non-initiés, un thème enfant hérite de la fonctionnalité d’un autre thème, vous permettant de modifier votre design à volonté (vous pouvez apprendre tout ce que vous voulez savoir dans notre guide des thèmes enfants WordPress). Ils ont été inventés dans le but spécifique de vous permettre de modifier un thème sans perdre vos modifications lors de la mise à jour. Les thèmes enfants reflètent toutes les modifications que vous apportez au thème externe ou «parent». Ainsi, comme pour appliquer un effet de calque Photoshop, vous n’éditez pas réellement le contenu; vous pouvez le supprimer à tout moment pour remettre les choses dans leur état actuel.

Créer un thème enfant lorsque vous souhaitez modifier votre code vous évitera beaucoup de maux de tête, et c’est assez facile (comme les modifications WordPress vont). Accédez simplement à votre site via FTP et créez un dossier, puis créez un style.css fichier qui correspond à ce dossier. C’est une pratique courante de le nommer thème-nom-enfant. Après cela, tout ce dont vous avez besoin est une ligne dans votre nouveau style.css ‘en-tête pour définir le modèle. Mais il y a aussi des choses que cela aide à avoir – qui peuvent être trouvées sur le Page du Codex WordPress.

Ensuite, apportez les modifications nécessaires au thème actuel sous le @importer ligne. Le seul inconvénient des thèmes enfants est la quantité de recherche que vous devez faire sur le thème parent avant de pouvoir le modifier, sans provoquer de conflits ou d’effets secondaires étranges. Et rappelez-vous qu’avec les thèmes enfants, il vous suffit de spécifier ce qui sera différent du thème d’origine. Pour appliquer les modifications, il suffit de le ZIP, de le télécharger via le Apparences> Thèmes page dans votre tableau de bord WordPress et activez-la via WordPress. Cela suppose que votre thème parent soit également téléchargé, bien sûr.

Affichage du code

Affichage du code ajouté

Il y a un autre type d’ajout de code que nous n’avons pas couvert: le montrer. Si vous êtes un concepteur Web et que vous souhaitez montrer comment quelque chose a été fait, présenté de manière à ce que les spectateurs puissent le copier et le coller, il est important de le noter correctement. La façon dont votre code sera interprété par WordPress dépend de l’utilisation de la section HTML de Visual Post Editor. Le saisir directement dans l’éditeur visuel fonctionnera pour le neutraliser, mais il n’y a aucun moyen de le mettre dans le bon formatage ou dans une boîte de code. L’éditeur visuel le formatera simplement de la même manière que le texte ordinaire. D’autre part, l’éditeur HTML le transformera en code et ruinera votre site Web. Ne vous inquiétez pas, vous pouvez annuler cela.

Cependant, il y a un compromis. Vous pouvez mettre en évidence et mettre votre code dans un bloc en utilisant le et balises, mais cela n’empêchera pas le code de s’activer. Tout ce qu’il fera est de le mettre en police montoype, dans une boîte, pour montrer que c’est officiellement du code. Afin de l’empêcher de s’activer, vous devez changer les symboles actifs en ce qu’on appelle entités de personnages amusantes. Les versions les plus courantes de celles-ci, et celles qui sont suffisantes pour neutraliser la plupart du code, changent en & lt; et & gt;, respectivement (vous pouvez en savoir plus sur l’affichage du code dans notre article sur l’écriture de code personnalisé dans vos articles WordPress).


Comme vous pouvez le voir, il existe de nombreuses façons d’ajouter du code personnalisé à WordPress, et je vous encourage à expérimenter, à jouer avec eux et à voir lesquels vous conviennent. Existe-t-il des moyens supplémentaires d’ajouter du code personnalisé que j’ai manqué? Faites-moi savoir dans les commentaires.

Share: