Oti: le fichier plug in principal, appelé wpmu Pretty callout. PHP et une feuille de style appelée style. CSS.
Ouvrez maintenant le fichier PHP que venez de créer. Ajoutez d’abord le texte d’annotation ci dessus et dites à WordPress de quoi il s’agit: instructions pour charger 5d3026689a44ad81c778e6987cbc7133 ceci indique à WordPress qu’il s’agit d’un plug in et fournit quelques informations à l’utilisateur à son sujet. Vous pouvez changer le vôtre pour ajouter votre nom et Uri, pas le mien. Ajouter la fonction shortcode nous ajoutons maintenant la fonction qui crée le shortcode. Créez damp;rsquoabord cette fonction vide: expliquez le chargement 6f8ffc318343c2f725574c8b4c3f3d56 cela configurera votre fonction et la connectera à add _ shortcode afin quamp;rsquoelle fonctionne lorsque ajoutez shortcode.
Faisons la promotion de ce service. Tout damp;rsquoabord, nous allons définir les propriétés de lamp;rsquoalignement. Dans la fonction, ajoutez ce qui suit: chargez le contenu 1cb711bf9a431499c345e994f393017 ceci définit les propriétés damp;rsquoalignement que pouvez utiliser pour ajouter lamp;rsquoalignement à gauche, à droite ou au Centre. Par défaut, la valeur est vide. Ensuite, toujours dans votre fonction, ajoutez le code utilisé pour exporter le contenu de code court vers le site: chargez le contenu 8b8a77084ee9f6b6b6b60161c663fbf9 Ceci utilise Ob _ Start () et ob get Clean () pour assurer que le contenu est affiché au bon endroit. Il samp;rsquoagit notamment du Code qui ajoute du contenu de code court, qui est inclus dans un élément damp;rsquoaccompagnement qui contient une belle classe damp;rsquoappel et, si elle est définie, les attributs ajoutés en tant que classe. Cela signifie que pouvez utiliser cette propriété pour les styles plus tard.
Remarque: pour en savoir plus sur la création de plug ins de code court, consultez notre guide complet de création de plug ins. Toutes vos fonctionnalités vont maintenant ressembler à ceci: charger Essential f758ac82ed35fabe933486c5492334fb8 enregistrer votre
Fichier et activez le plug in. Voyons comment ça marche. Ouvrez un message (ou créez un nouveau message) sur le site et ajoutez du texte. Au dessus de votre texte, ajoutez votre code court. Camp;rsquoest mon téléphone: [beau cri] Bien joué. Ça sonne bien quand on ajoute beaucoup de texte. Camp;rsquoest exact. Jamp;rsquoadore ça. [ Pretty callout] enregistrez vos messages et consultez votre site Web maintenant. Vous constaterez que le texte a été ajouté mais namp;rsquoa pas encore été mis en évidence:
Nous devons ajouter des styles. On y va. La première chose que devez faire pour ajouter une feuille de style est damp;rsquoenregistrer les feuilles de style que avez créées dans le dossier plug in. Retournez au fichier principal du plugin et ajoutez cette fonctionnalité: téléchargez l’ordre 97b1f5562015ee25795741ffc697567e cette fonctionnalité enregistre la Feuille de style dans le plugin et l’attache correctement afin que WordPress puisse l’utiliser. Nous ajoutons des styles de base à la Feuille de style. Ouvrez le fichier de style. Ajoutez CSS au plug in et ajoutez ce qui suit: chargez Essential 14e3bb366d456745d20fc6e5f42e1a32 cela ajoute un peu de style à notre classe. Belle dimension, pas damp;rsquoalignement ajouté. Jetons un coup damp;rsquooeil aux inscriptions sur notre site Web:
Il semble mieux: le texte est en italique, plus grand que le reste, et les marges le mettent en évidence. Essayons maintenant damp;rsquoajouter un style à la propriété align. Ajoutez le à la Feuille de style: chargez le résumé d37bc9f99643a35c51c49eb85c0e2 Cela ajoutera un flotteur pour les versions alignées à gauche et à droite de la dimension, et ajoutera des marges pour ces versions et les versions centrées, qui seront plus étroites que les valeurs par défaut. Ceci est utile lors de lamp;rsquoutilisation damp;rsquoune conception pleine largeur. Retournez à votre message et modifiez le Code court pour ajouter une des propriétés. Ajouter un alignement correct:
Camp;rsquoest un bon appel. Ça sonne bien quand on ajoute beaucoup de texte. Camp;rsquoest exact. Jamp;rsquoadore ça. [ belle annotation]
Mettre à jour vos messages et consulter votre site Web: Camp;rsquoest mieux! Maintenant, si voulez changer la Feuille de style, pouvez changer la police ou la taille du texte. Alternativement, dans un fichier plug in, pouvez inclure le texte de sortie dans une balise H3 ou similaire pour appliquer le style assigné à lamp;rsquoélément H3 dans le thème. Le choix est à ! Jamp;rsquoespère que êtes damp;rsquoaccord avec moi, cette technique permet damp;rsquoajouter des mots qui semblent attrayants et de rendre vos messages plus faciles à lire pour les visiteurs. Je ne recommande pas damp;rsquoutiliser trop de dimensions: essayez damp;rsquoajouter moins de dimensions pour un maximum damp;rsquoeffet. Maintenant que avez créé votre propre plug in pour ajouter une belle dimension, pouvez lamp;rsquoactiver sur tous les sites et lamp;rsquoutiliser partout où en avez besoin. Amusez bien.
Utilisez des annotations sur votre site Web? Avez remarqué notre nouveau logo sur le blog? Veuillez nous faire part de vos réflexions dans les commentaires ci dessous. Étiquettes: personnalisation des guillemets damp;rsquoappel
Comment créer et modéliser des boîtes de rappel dans WordPress
