Comment utiliser l'éditeur Gutenberg pour ajouter un lien • WPShout

Apprenez à créer un lien hypertexte dans WordPress avec ce didacticiel rapide. Peut-être que vous souhaitez ajouter un lien pour partager une recette cool que vous venez de trouver, ou un excellent guide que vous avez trouvé pour construire des moteurs d'avion. Quoi qu'il en soit, ce sont les liens qui font Internet. Dans ce petit guide rapide, nous allons voir comment ajouter un lien dans le nouvel éditeur Gutenberg (bloc). Il existe plusieurs façons, comme le montre la vidéo:

3 façons d'utiliser l'éditeur WordPress Gutenberg pour ajouter un lien

1. Ajouter un bloc de boutons

Apprendre à créer un bouton de lien dans WordPress est très facile. Il vous suffit de naviguer vers «Ajouter un nouveau bloc» et de sélectionner le bloc de boutons. De là, vous pouvez ajouter votre texte d'ancrage préféré, puis simplement copier et coller votre URL de destination et cliquer sur enregistrer. C'est une excellente solution si vous voulez un gros lien en gras dans votre page ou votre article WordPress. Certains appellent cela un appel à l'action ou CTA.

2. Mettez en surbrillance votre texte d'ancrage et cliquez sur l'icône de lien dans le menu contextuel

Utilisez votre souris pour sélectionner le texte auquel vous souhaitez ajouter un lien et un menu contextuel astucieux apparaîtra. Ce menu vous permet de modifier la balise du texte, sa justification et certaines mises en forme, telles que le gras et l'italique. Celui que vous voulez est la petite icône de lien, troisième à droite. Cliquez sur le lien et copiez et collez votre URL cible. Voila! Vous avez maintenant utilisé WordPress pour créer un lien vers une autre page.

Conseil de pro: si vous souhaitez que le lien s'ouvre dans un nouvel onglet, vous pouvez activer cette fonctionnalité dans la fenêtre qui suit. Vous pouvez également réviser ou modifier le lien cible dans cette fenêtre.

3. Le tour de magie super génial dans WordPress pour ajouter un lien

Ce raccourci pour ajouter un lien dans WordPress est très similaire à la stratégie n ° 2, mais avec quelques différences clés. Votre première étape consiste à copier l'URL de destination dans votre presse-papiers (cela se fait plus facilement avec Ctrl + C ou Command + C). Ensuite, mettez en surbrillance votre texte d'ancrage, et plutôt que de cliquer dans le menu et de coller votre URL, contournez simplement le menu et appuyez tout de suite sur Commande + V ou Ctrl + V.

Instantanément, votre texte en surbrillance sera lié à une autre page, comme par magie!

Transcription vidéo

D'accord, je voulais donc faire une vidéo rapide pour tous mes amis sur Youtube pour savoir comment créer un lien hypertexte dans WordPress. Cela devrait être un petit guide rapide assez court, où nous allons simplement comprendre comment ajouter un lien dans l'éditeur Gutenberg – l'éditeur de blocs Gutenberg. Slo Je viens de rédiger ces cinq paragraphes de Lorem Ipsum et ils doivent être liés à quelque chose. Disons que les résultats de recherche de Duck Duck Go pour cela, disons-le de cette façon.

Alors, comment puis-je lier cela? Il y a des tonnes et des tonnes de façons de le faire, cela dépend un peu du résultat que je veux. L'une pourrait être que je veux vraiment avoir le bloc de boutons. Si je veux, disons, "Les résultats de la recherche", je pourrais utiliser le bloc de boutons et le lier en allant comme ça. Cela devrait donc fonctionner. Si je voulais un gros lien, un gros CTA vers quelque chose, je pourrais utiliser ce bouton.

Une autre chose que je peux faire pour maîtriser la façon de lier des pages dans WordPress si je ne fais que mettre en surbrillance une partie de la publication et cliquez sur l'icône "lien" que je peux coller dans le lien ici. Donc, maintenant ce texte ira à ma destination de lien.

Et le dernier que je veux vous montrer pour savoir comment utiliser l'éditeur Gutenberg pour ajouter un lien est en fait mon préféré. WordPress possède cette fonctionnalité depuis cinq ans maintenant, mais je ne m'en lasse jamais. Si je surligne du texte dans un bloc de paragraphe et que j'ai du texte dans mon presse-papiers (Commande ou Contrôle + C), je peux simplement coller au-dessus de la sélection de texte en surbrillance ce lien. WordPress gère le tout, comme par magie. Donc, si je colle sur le texte, vous pouvez voir que cela vient d'être lié. Tout ce que j'ai fait, c'est d'appuyer sur Command V après avoir mis en évidence ce que je voulais devenir ce lien et WordPress s'est occupé de tout le reste.

Confirmons que tous mes liens fonctionnent. Je vais enregistrer mon brouillon et afficher un aperçu. Le premier test mène à la page de résultats de la recherche, le bouton renvoie à la page et le troisième exemple renvoie également à ma destination cible.

Donc, ces trois stratégies ont la possibilité de me donner un lien dans cet éditeur de blocs. Personnellement, IO aime vraiment les boutons spécifiques aux blocs, mais le collage sans même avoir à engager une interface est la chose la plus magnifique pour moi, en tant que personne maestro de clavier super-hyper-efficace. C’est donc mon préféré. Faites-moi savoir ce que vous aimez dans ma vidéo sur l'utilisation de l'éditeur WordPress Gutenberg pour ajouter un lien. Merci d'avoir regardé! À votre santé!