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 quamp;rsquoil samp;rsquoagisse damp;rsquoune bonne pratique, il y a des moments où 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 damp;rsquoun site Web à lamp;rsquoautre et peuvent être utilisés sur namp;rsquoimporte quel sujet. Prenons un exemple.
Supposons que trouviez un tutoriel qui répond à la table HTML en ajoutant du Code au sous thème. Vous l’apparence de la table HTML avec ce code et 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 damp;rsquoune 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, pouvez appliquer la même idée de base à tout changement de sous thème que souhaitez réutiliser sur plusieurs sites ou conserver lorsque changez de thème.
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 ». ne voulez voir que le produit fini, pouvez 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: suivez les étapes ci dessous, suivez ces étapes pour configurer la structure de base du plug in: créez le Répertoire racine dans le répertoire WP content amp;gt plugins de votre installation de développement ou de Test wordpress. J’utilise xampp pour une installation WordPress locale, mais pouvez utiliser n’importe quelle installation de test ou développement WordPress. Jamp;rsquoappelle mon répertoire damp;rsquoaccueil Custom CSS et JS, mais pouvez le nommer comme voulez. Créez deux répertoires supplémentaires dans le répertoire parent: CSS et JS. Créez le fichier PHP principal du plug in et placez le dans le répertoire principal. Jamp;rsquoai appelé les fichiers CSS et JS personnalisés. Php. Créez des fichiers CSS et Javascript et insérez les dans leurs répertoires respectifs. Jamp;rsquoappelle ces fichiers de style personnalisés. CSS et scripts personnalisés. JS. La structure de base du plug in est maintenant en place. Cependant, tous vos fichiers plug in sont vides et si accédez au plug in amp;gt plug ins installés, ne pourrez pas voir votre plug in dans la liste des plug ins disponibles.
Ajoutez un plug in au tableau de bord pour quamp;rsquoil apparaisse dans la liste des plug ins disponibles sous plug ins amp;gt installation du plug in. Pour ce faire, il suffit damp;rsquoajouter un en tête de fichier plug in correctement formaté au fichier PHP. Chargement du contenu jpen365 dcd8b1bf997efb26616bb26d6b876380 comme il samp;rsquoagit damp;rsquoun plug in personnalisé pour mon site Web et non pour une distribution générale, je garde lamp;rsquoen 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 amp;gt plug in installé.
Une fois le plug in en place, le plug in apparaît dans le tableau de bord. Ajouter des feuilles de style et des fichiers de script même si notre plug in apparaît maintenant dans le tableau de bord, il namp;rsquoa aucun effet. Pour que le plug in fasse quelque chose, nous devons ajouter le Code PHP au fichier plug in. Dans ce cas, le Code que nous ajouterons sera une fonction pour identifier les fichiers CSS et Javascript et les ajouter à WordPress en utilisant le crochet WP _ enqueue scripts. Les instructions pour charger jpen365 3814f67e02dd6abd8bd5fdd001d1f23 nous permettent de vérifier cette fonction étape par étape.
Une nouvelle fonction personnalisée appelée Custom _ CSS JS enqueue scripts a été créée. Le nom de la fonction namp;rsquoest pas important, mais pour plus de clarté, il devrait être un nom qui indique lamp;rsquoutilisation 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. camp;rsquoest la première fois que attachez une feuille de style ou un script, 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 damp;rsquoautres fichiers de site. Cependant, aucun de ces fichiers namp;rsquoa été ajouté, de sorte que le plug in namp;rsquoa pas fait grand chose. Lamp;rsquoé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 namp;rsquoimporte quel CSS ou JavaScript au fichier approprié et lamp;rsquoajouter à votre site. Dans cet exemple, jamp;rsquoai ajouté le CSS et le javascript nécessaires pour que la table HTML réponde. Comme pouvez le voir, avec 216th activé, ces tables sont superbes: Il y en a 216 qui ont lamp;rsquoair bien. Cependant, comme avez ajouté CSS et Javascript qui rendent la table réactive en utilisant le plug in, la table semble toujours bien lorsque le sujet change.
Quand Tortuga est devenu le thème de lamp;rsquoévénement, il était encore magnifique. Les fichiers CSS et Javascript liés à ce plug in peuvent être utilisés pour ajouter des styles ou des scripts personnalisés. Cependant, css et Javascript ne sont pas les seuls changements de sous thèmes que pouvez ajouter en utilisant le plug in. Fonctions ajoutées à une fonction de fichier. Vous pouvez ajouter PHP à un plug in pour un sous thème, surtout si le plug in ne définit pas le comportement spécifique du sujet. Les développeurs ambitieux de WordPress peuvent également ajouter des modèles de page personnalisés en utilisant des plugins. Vraiment, le ciel est la limite. Presque tous les changements que souhaitez ajouter via un sous thème peuvent être ajoutés via un plug in.
Chaque fois que 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
Comment convertir n’importe quel thème WordPress en plugin simple
