Comment convertir n’importe quel thème WordPress en plugin simple
Une des premières choses que les développeurs de WordPress débutants ont apprises est de personnaliser le site WordPress en utilisant des sous – thèmes. Bien qu’il s’agisse d’une bonne pratique, il y a des moments où vous voudrez utiliser différents sujets ou réutiliser le Code ajouté aux sous – thèmes sur différents sites Web. La meilleure façon d’emballer le Code pour n’importe quel thème et site WordPress est d’ajouter le code à un simple plugin. Les plug – ins sont faciles à copier d’un site Web à l’autre et peuvent être utilisés sur n’importe quel sujet. Prenons un exemple.
Supposons que vous trouviez un tutoriel qui répond à la table HTML en ajoutant du Code au sous – thème. Vous aimez l’apparence de la table HTML avec ce code et vous souhaitez continuer à l’utiliser après avoir changé le thème et utiliser le même code dans plusieurs autres sites WordPress. Un plug – in personnalisé le rend simple. Dans ce tutoriel, je vais démontrer le processus de conversion d’une simple édition de sous – thème en un plug – in personnalisé. Plus précisément, je vais créer un plug – in qui inclut une feuille de style css et un fichier javascript qui contient le Code qui rend la table HTML réactive. Cependant, vous pouvez appliquer la même idée de base à tout changement de sous – thème que vous souhaitez réutiliser sur plusieurs sites ou conserver lorsque vous changez de thème.
Si vous souhaitez apprendre ce tutoriel, consultez l’article « Comment créer des tables de réponse pas mal dans WordPress ». Le Code que nous convertissons en plug – in se trouve dans la section intitulée « make table Responsive manually ». Si vous ne voulez voir que le produit fini, vous pouvez télécharger une copie du plug – in à partir de github. Le changement de sous – thème que nous allons convertir en plug – in se compose de deux composants: un petit morceau de CSS et un fichier javascript. Dans le tutoriel original, CSS a été ajouté au fichier de style. CSS et Javascript du sous – thème ont été ajoutés en tant que F
Utilisez le crochet WP _ enqueue scripts pour séparer et séparer les scripts WP enqueue scripts. Ce sont les composants que nous devons fusionner dans un plug – in personnalisé.
Notre plug – in se composera de trois fichiers: un fichier PHP qui fournira des informations de base sur le plug – in et ajoutera des fichiers CSS et JavaScript. Un fichier CSS qui contient des CSS dans un fichier de style. Css pour le Sous – thème. Un fichier javascript qui sera une copie du fichier javascript qui a été ajouté au sous – thème. La structure du plug – in qui en résulte est la suivante:
Ajoutez un plug – in au tableau de bord pour qu’il apparaisse dans la liste des plug – ins disponibles sous plug – ins > installation du plug – in. Pour ce faire, il suffit d’ajouter un en – tête de fichier plug – in correctement formaté au fichier PHP. Chargement du contenu jpen365 \/ dcd8b1bf997efb26616bb26d6b876380 comme il s’agit d’un plug – in personnalisé pour mon site Web et non pour une distribution générale, je garde l’en – tête court et ponctuel
Vers le bas Ajoutez cette information au fichier PHP principal du plug – in, un fichier nommé Custom CSS et JS. Php – le plug – in sera activé lorsque nous entrerons dans le plug – in > plug – in installé.
Une nouvelle fonction personnalisée appelée Custom _ CSS JS enqueue scripts a été créée. Le nom de la fonction n’est pas important, mais pour plus de clarté, il devrait être un nom qui indique l’utilisation de la fonction. La fonction WordPress WP _ enqueue style () est utilisée pour mettre en file des feuilles de style personnalisées. La fonction WordPress WP _ enqueue script () est utilisée pour joindre des fichiers JavaScript. La fonction WordPress add _ action () est utilisée pour lier nos fonctions de script WP enqueue personnalisées. Si c’est la première fois que vous attachez une feuille de style ou un script, vous pourriez être submergé par cette fonctionnalité. Dans ce cas, regardez Comment ajouter des scripts et des styles à WordPress de la bonne manière, ainsi que les files d’attente à mettre à jour sur ce thème.
Les styles et scripts sont ajoutés et, lorsque le plug – in est activé, les fichiers CSS et Javascript personnalisés sont fournis avec d’autres fichiers de site. Cependant, aucun de ces fichiers n’a été ajouté, de sorte que le plug – in n’a pas fait grand – chose. L’étape suivante consiste à copier le CSS à partir du fichier
Style CSS dans les sous – thèmes et les fichiers de style personnalisés. CSS del plug – in. Répétez ensuite le processus en copiant le script du fichier javascript attaché au sous – thème dans le fichier de script personnalisé. Plugin JS. En copiant CSS et Javascript du sous – thème dans les fichiers CSS et Javascript du plug – in, nous pouvons supprimer ce code du sous – thème et le servir par le plug – in.
Les plug – ins créés selon ces étapes sont très utiles. Vous pouvez ajouter n’importe quel CSS ou JavaScript au fichier approprié et l’ajouter à votre site. Dans cet exemple, j’ai ajouté le CSS et le javascript nécessaires pour que la table HTML réponde. Comme vous pouvez le voir, avec 216th activé, ces tables sont superbes:
Chaque fois que vous souhaitez apporter des modifications à un site WordPress pour les réutiliser sur d’autres sites ou sur plusieurs thèmes, le plugin est l’outil logique pour les mettre en œuvre. Heureusement, créez un plug – in personnalisé pour remplacer les changements simples au thème fi