Comment créer et modéliser des boîtes de rappel dans WordPress

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 vous 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 d’abord cette fonction vide: expliquez le chargement 6f8ffc318343c2f725574c8b4c3f3d56 cela configurera votre fonction et la connectera à add _ shortcode afin qu’elle fonctionne lorsque vous ajoutez shortcode.
Faisons la promotion de ce service. Tout d’abord, nous allons définir les propriétés de l’alignement. Dans la fonction, ajoutez ce qui suit: chargez le contenu 1cb711bf9a431499c345e994f393017 ceci définit les propriétés d’alignement que vous pouvez utiliser pour ajouter l’alignement à 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 vous assurer que le contenu est affiché au bon endroit. Il s’agit notamment du Code qui ajoute du contenu de code court, qui est inclus dans un élément d’accompagnement qui contient une belle classe d’appel et, si elle est définie, les attributs ajoutés en tant que classe. Cela signifie que vous 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. C’est mon téléphone: [beau cri] Bien joué. Ça sonne bien quand on ajoute beaucoup de texte. C’est exact. J’adore ça. [\/ Pretty callout] enregistrez vos messages et consultez votre site Web maintenant. Vous constaterez que le texte a été ajouté mais n’a pas encore été mis en évidence: Nous devons ajouter des styles. On y va. La première chose que vous devez faire pour ajouter une feuille de style est d’enregistrer les feuilles de style que vous 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 d’alignement ajouté. Jetons un coup d’oeil 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 d’ajouter 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 l’utilisation d’une conception pleine largeur. Retournez à votre message et modifiez le Code court pour ajouter une des propriétés. Ajouter un alignement correct:
C’est un bon appel. Ça sonne bien quand on ajoute beaucoup de texte. C’est exact. J’adore ça. [\/ belle annotation]
Mettre à jour vos messages et consulter votre site Web: C’est mieux! Maintenant, si vous voulez changer la Feuille de style, vous pouvez changer la police ou la taille du texte. Alternativement, dans un fichier plug – in, vous pouvez inclure le texte de sortie dans une balise H3 ou similaire pour appliquer le style assigné à l’élément H3 dans le thème. Le choix est à vous! J’espère que vous êtes d’accord avec moi, cette technique vous permet d’ajouter des mots qui semblent attrayants et de rendre vos messages plus faciles à lire pour les visiteurs. Je ne recommande pas d’utiliser trop de dimensions: essayez d’ajouter moins de dimensions pour un maximum d’effet. Maintenant que vous avez créé votre propre plug – in pour ajouter une belle dimension, vous pouvez l’activer sur tous les sites et l’utiliser partout où vous en avez besoin. Amusez – vous bien.
Utilisez – vous des annotations sur votre site Web? Avez – vous remarqué notre nouveau logo sur le blog? Veuillez nous faire part de vos réflexions dans les commentaires ci – dessous. Étiquettes: personnalisation des guillemets d’appel