éditeur Gutenbergfaire faire qqch à qqnWordPressLa création de pages est plus facile. Des liens de texte, des liens d'image et des boutons interactifs peuvent être facilement ajoutés pour créer une page web plus professionnelle. Cet article explique ces conseils utiles.

I. Insérer des liens de texte

1. ajouterlien (sur un site web)approche de base

• Dans le bloc de paragraphes, sélectionnez le texte auquel vous souhaitez ajouter un lien ;
• Cliquez sur l'ic?ne "Liens" (??) dans la barre d'outils ;
• Tapez ou collez l'URL cible et vous pouvez choisir de l'ouvrir dans un nouvel onglet ou non ;
• Saisissez ou cliquez sur le bouton "Appliquer" pour terminer.

2. réglage des options avancées

• Après avoir cliqué sur un lien ajouté, cliquez à nouveau sur l'ic?ne en forme de crayon pour modifier le lien ;
• Cliquez sur l'ic?ne "Plus d'options" (trois points) pour ajouter un lien à la page d'accueil du site. nofollow (pour les liens sortants ou les publicités) ;

• Si l'on utilise Rang Math peut-être Yoast SEO vous pouvez également ajouter des ancres sur site pour améliorer les résultats du référencement.

3. l'insertion de liens d'ancrage (saut à l'intérieur des pages)

• Ajouter "HTML Anchor" au paragraphe cible avec le chemin d'accès :
  • Sélectionnez le titre ou un bloc et cliquez sur l'option "Avancé" dans la barre de paramètres de droite ;
  • Saisir une combinaison de chiffres et d'anglais pour le nom de l'ancre (par ex :à propos de nous) ;

• Revenez au texte qui doit être sauté, et insérez l'adresse du lien comme suit 1TP5A propos de nous. ;

• Après avoir cliqué sur Enregistrer, cliquez sur le lien pour accéder à l'emplacement spécifié dans la même page.

Deuxièmement, ajoutez un lien vers l'image

• Après avoir inséré le bloc "Image", cliquez sur l'image sélectionnée ;
• Cliquez sur l'ic?ne "Liens" dans la barre d'outils ;
• Le saut à peut être défini :
  • Lien vers un fichier image ;
  • Lien vers la page de la pièce jointe ;
  • Cliquez sur l'image pour l'agrandir ;

• Cochez la case "Ouvrir dans un nouvel onglet" pour améliorer l'expérience de l'utilisateur.

III. ajouter des boutons et définir des liens

Les boutons ont un fort attrait visuel sur la page et sont souvent utilisés pour inciter les utilisateurs à cliquer, comme "Acheter maintenant", "Voir plus", etc.

1) Insérer un bloc de boutons

• Cliquez sur le signe plus (+) pour sélectionner le bloc "Boutons multiples" ;

• Saisissez le texte du bouton, par exemple "En savoir plus" ;

• Après avoir sélectionné le texte, cliquez sur l'ic?ne "Lien" pour ajouter une adresse de réexpédition ;

• Le style, la couleur et la largeur des boutons peuvent être définis dans la barre latérale droite ;

• Permet d'afficher plusieurs boutons c?te à c?te (ajouter plusieurs sous-boutons via "Groupe de boutons").

2) Mise en place d'un comportement de saut de bouton

• Prise en charge de l'ajout deLiens sur le siteURL externes ;
• Il est recommandé d'activer l'option "Ouvrir dans un nouvel onglet" pour les liens de saut afin d'empêcher les utilisateurs de quitter la page en cours ;
• S'il est utilisé à des fins de promotion ou d'enregistrement, il peut être utilisé conjointement avec la couleur du bouton comme tonalité principale afin d'augmenter le taux de clics.

IV. conseils pour la gestion des liens

• Ajouter un "texte descriptif" à tous les liens pour en améliorer l'accessibilité ;
• Pour les liens externes, des plugins tels que Liens externes peut-être Liens externes WPRéglage par lot nofollow et des ic?nes ;
• Utilisez régulièrement des plugins de détection des liens brisés, tels que Broken Link Checker, pour vérifier l'absence de liens brisés sur vos pages et maintenir la qualité du contenu ;
• Enregistrez les styles de boutons fréquemment utilisés en tant que "blocs réutilisables" pour améliorer l'efficacité de l'édition.

V. Résolution des problèmes courants

Des styles de liens incohérents ?
Certains thèmes ne définissent pas les couleurs des liens ou les états de survol. Il est donc recommandé d'utiliser le personnalisateur de thème ou la fonction CSS Renforcement de l'uniformité stylistique.

Les boutons s'affichent mal sur les téléphones portables ?
Il est recommandé d'utiliser le bloc "Colonnes" pour contr?ler la mise en page, ou d'activer un thème réactif pour assurer la compatibilité.

L'insertion d'un lien et le fait de cliquer dessus ne fonctionnent pas ?
Vérifier que le mauvais protocole n'est pas inséré par erreur (par exemple, par omission). https://), ou le lien est bloqué par d'autres plugins (par exemple, des plugins de sécurité).

résumés

L'éditeur Gutenberg facilite l'ajout de toutes sortes de liens et de boutons, prend en charge les sauts de page et le stylisme. CorrespondanceBlocs KadenceLes plug-ins tels que celui-ci permettent également d'obtenir des effets et des interactions de boutons plus spécialisés.

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨詢：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.