Comment créer & # 39; Prévisualiser les liens visuels dans WordPress

Enrichir vos pages et messages WordPress avec des contenus tels que des ressources utiles, des produits connexes, des CTA promotionnels ou des divertissements planifiés peut vous aider, vous ou votre marque, à apporter plus de valeur à votre public. Cependant, un simple lien ne résout pas toujours le problème: à moins que le texte d’ancrage et les émotions environnantes ne soient suffisamment convaincants, ces liens peuvent être sautés. En créant des liens visuels vers votre site, comme les liens améliorés que vous voyez sur Facebook, vous pouvez ajouter du contenu interactif attrayant pour attirer l’attention des visiteurs. Le plug – in Visual Link Preview de WordPress est un moyen simple d’ajouter plus de vibes aux liens. Voici quelques façons d’utiliser ce plug – in: ajouter un CTA à un lien satellite. Sauvegardez les déclarations, les faits et les statistiques. Planifier le contenu d’autres sites Web. Inclure des ressources utiles pour que les lecteurs puissent en apprendre davantage. Promouvoir les produits de votre magasin de commerce électronique. De plus, sous sa forme la plus simple, le plug – in Visual Link Preview est un moyen plus attrayant de se connecter aux messages pertinents et de permettre aux gens de rester plus longtemps sur votre site. Le plug – in vous permet de créer un aperçu visuel de n’importe quel lien interne ou externe et de créer des modèles personnalisés qui correspondent à votre marque ou à votre site Web. Ensuite, placez une boîte d’aperçu simplifiée n’importe où sur le post ou la page. Voyons comment ajouter une boîte d’aperçu à WordPress dans Gutenberg et l’éditeur de classe.
Trouver et installer le plug – in Visual Link Preview vous savez peut – être déjà comment le faire, mais juste au cas où, voici un guide rapide sur la façon d’installer le nouveau plug – in WordPress: connectez – vous au tableau de bord WordPress. Sélectionnez le plug – in dans la barre latérale gauche. Sélectionnez ajouter nouveau dans le Sous – menu qui apparaîtra sous le plug – in. Type Aperçu
Cliquez sur Installer maintenant dans le coin supérieur droit de la boîte d’aperçu du plug – in. Une fois installé, cliquez sur Activer. Une fois le plug – in activé, vous serez redirigé vers la page du plug – in et vous verrez cet avertissement en haut. (la documentation d’introduction vous mènera à cette page.) Une fois le plug – in activé, faites défiler la liste des plug – ins vers le bas pour le trouver. Sous le nom du plug – in, cliquez sur le lien Paramètres: vous serez dirigé vers cette page: Le commutateur utiliser un style personnalisé est désactivé par défaut. Lorsqu’il est allumé, de nombreuses options sont affichées. Vous pouvez personnaliser la largeur du conteneur, la couleur de fond et le remplissage. Rayon, largeur, style (solide, pointillé, pointillé, etc.) Et la couleur des bords. Position de l’image (gauche, droite, haut ou Bas), taille et rayon de la bordure. Taille et couleur des titres et des caractères sommaires. La plupart d’entre eux vont de soi, mais il y a quelque chose à savoir sur la taille de l’image. Vous pouvez définir la taille de la vignette ou la taille personnalisée. Pour les vignettes, les tailles standard sont vignettes, moyennes et grandes, de sorte que vous n’avez qu’à taper tout ce que vous voulez dans les champs. Alternativement, vous pouvez définir une taille personnalisée en utilisant le format: widthheight (par exemple 150 × 150).
Maintenant, je vais tout laisser tel quel pour voir à quoi ressemble la boîte de liens par défaut. Et je reviendrai faire des changements. En utilisant le plugin de l’éditeur de blocs Gutenberg, j’ai entré un brouillon d’un billet de blog et j’ai ajouté un bloc sous un paragraphe. Vous pouvez trouver le bloc de liens visuels d’aperçu sous le Widget ou le rechercher en haut
Liaison interne. L’image, le titre et l’extrait sont automatiquement remplis et vous pouvez les modifier dans la barre de droite. Vous pouvez également cliquer sur l’image enregistrée localement dans la section contenu et l’image visuelle obtenue par le plugin à partir de la source URL sera ajoutée à la médiathèque WordPress.
Enregistrer un bloc réutilisable si vous avez une page, un billet de blog ou un lien externe que vous utilisez fréquemment, vous pouvez le créer une fois, puis l’enregistrer comme un bloc réutilisable afin qu’il puisse être facilement ajouté à l’avenir. À titre d’information seulement, il n’est valable que dans l’éditeur Gutenberg. Après avoir créé le bloc, cliquez sur l’icône en trois points en haut, comme vous l’avez fait pour accéder à la barre latérale des options. Ensuite, sélectionnez ajouter au bloc réutilisable. Vous pouvez nommer le bloc, qui sera situé dans la Bibliothèque de blocs pour une utilisation future. Utilisez le plug – in avec l’éditeur classique utilisez l’éditeur classique, allez à votre poste ou page, puis allez à l’endroit où vous voulez ajouter un lien visuel. Cliquez sur le bouton aperçu des liens visuels en haut de la page: Cette case apparaît: Dans le menu déroulant type, vous pouvez choisir d’ajouter vos propres liens ou liens externes. D’abord, je vais ajouter une connexion. Une fois que vous avez sélectionné le contenu à lier, ces champs sont automatiquement remplis, comme dans Gutenberg. C’est là que vous voulez apporter des changements. Vous pouvez supprimer l’image de cette fenêtre et choisir d’ajouter une nouvelle image, de modifier le titre et de mettre à jour le résumé. Vous pouvez également utiliser les paramètres par défaut du plug – in ou des modèles personnalisés ici, comme Gutenberg. Utilisez l’éditeur classique pour ajouter des liens externes cette fois, je vais ajouter des liens externes. Voici les champs liés à l’extérieur:
Lorsque vous ajoutez une URL, les champs sont automatiquement mis à jour comme suit:
Vous pouvez ouvrir un message ou une page dans une nouvelle fenêtre, effectuer des modifications sur la page personnalisée du modèle, puis cliquer à nouveau sur le message ou la page. Basculer entre les deux options du Modèle déroulant (rappelez – vous qu’elles ne sont pas vraiment différentes): Ceci met à jour la boîte afin que vous puissiez voir les derniers changements. Comment restaurer le style par défaut? Supposons que vous ayez fait beaucoup de changements, puis réalisez que vous préférez le style par défaut. Si vous maintenez le bouton utiliser un style personnalisé allumé dans les paramètres du modèle, que vous choisissiez utiliser les valeurs par défaut dans les paramètres ou simplement dans le menu déroulant du modèle, vous devriez utiliser les paramètres personnalisés (comme je l’ai dit, confus) Lorsque vous retournez à la page ou au poste. Si vous voulez restaurer les paramètres par défaut du plug – in, allez à la page paramètres du modèle et fermez le bouton utiliser des styles personnalisés. Si vous voulez réactiver toutes les personnalisations à la fin, elles apparaîtront, mais si vous aimez l’apparence du plug – in, cela vous permettra d’utiliser les paramètres par défaut du plug – in. Inconvénients du plug – in Visual Link Preview inconvénients du plug – in Visual Link Preview le plug – in Visual Link Preview est un plug – in simple et direct qui implémente ce qu’il dit et est très facile à apprendre à l’utiliser. Cependant, comme il est très simple, il manque aussi dans certains domaines où des améliorations peuvent être apportées. Il n’y a pas de menu déroulant qui contient tout. Je veux utiliser cette option sans me souvenir du nom du billet de blog ou de la page à ajouter comme lien. Impossible de visualiser l’aperçu en direct du modèle personnalisé. Chaque fois que vous voulez savoir s’il s’agit d’une quantité de remplissage parfaite ou quel type de tableau utiliser, il est assez gênant de passer d’un poste à l’autre et de passer d’une page de configuration de modèle à l’autre. Un seul modèle personnalisé peut être créé. C’est le plus grand svanta.
Ge du plug – in. Vous ne pouvez pas créer plus d’un modèle, puis sélectionner un modèle qui correspond à une page, un billet de blog ou un type de lien particulier. De plus, vous ne pouvez pas définir certaines boîtes d’aperçu pour utiliser des modèles personnalisés, mais d’autres boîtes d’aperçu pour utiliser les paramètres par défaut du plug – in: une ou l’autre. En résumé, j’aime le plug – in Visual Link Preview malgré ses inconvénients. Quel que soit l’éditeur que vous préférez utiliser: Gutenberg ou Classic, il est facile à configurer et à utiliser. Il s’agit certainement d’une façon plus esthétique et attrayante d’ajouter des liens, ce qui est utile si vous participez au marketing d’affiliation ou si vous voulez vous connecter à votre page d’atterrissage. Maintenant, comme vous ne pouvez pas créer plus d’un modèle, c’est le meilleur choix pour les sites qui ont un look standardisé pour tous les messages et pages. Par conséquent, si vous avez de nombreux styles différents de pages d’atterrissage, vous aurez du mal à créer des modèles de boîte d’aperçu adaptés à leur emplacement. Cependant, il s’agit d’un plug – in léger qui fonctionne bien. Vous aimerez peut – être aussi cet article, et il y a cinq choses intéressantes que vous pouvez faire dans Divi en ancrant des liens.