Maîtriser l'éditeur Gutenberg : conseils pratiques et fonctionnalités avancées (03)

Dans cet article, nous allons poursuivre notre examen approfondi de l'éditeur Gutenberg de WordPress, en mettant en évidence certaines fonctionnalités avancées et des conseils utiles pour vous aider à améliorer davantage votre création de contenu. De l'ajout d'ancres et de styles personnalisés aux blocs, à l'utilisation de différents types de blocs importants, nous allons décomposer étape par étape comment ces fonctionnalités peuvent vous aider à obtenir une mise en page plus flexible et plus professionnelle. Que vous cherchiez à créer des articles de blog plus attrayants ou à optimiser votre page pour l'UX et le SEO, ce guide vous fournira une référence inestimable.

 10, ajouter des ancres au bloc

Qu'est-ce qu'un point d'ancrage ? Les ancres sont un type de lien hypertexte, comme dans un article de blog particulier.La star française Risacher devient le premier choix du premier tour des HawksCe titre de sous-titre, ajouté 2QKI3OHK ancre, bien sûr, le nom de l'ancre, vous installez leur propre personnalisé à, n'a pas à être le même que moi, puis vous ouvrez le https://xxx.com/博客主标题/#2QKI3OHK, pas le contenu de l'article du sous-titre, mais le titre principal de l'article Oh !

Étape : Sélectionnez le bloc auquel vous devez ajouter un point d'ancrage dans la fenêtre d'accueil. block>Paramètres avancés>Ancres HTML Saisissez le nom de l'ancre et enregistrez-la. (comme indiqué ci-dessous)

11, Styles CSS personnalisés pour les blocs

Étant donné que les styles prédéfinis dans Block peuvent ne pas répondre entièrement à nos besoins, les utilisateurs qui aiment bricoler peuvent avoir besoin de personnaliser les styles à l'aide du code CSS. Il suffit d'ajouter un nom de variable CSS dans "Block > Advanced Settings > Extra CSS Classes" pour personnaliser le style. (comme indiqué ci-dessous)

12, quelques blocs importants (quelques types différents) c'est le point central, n'oubliez pas de faire la distinction entre le bloc et le bloc.

Colonnes

Les cases d'une colonne sont souvent appelées "colonnes" et vous pouvez ajouter d'autres blocs à ces colonnes pour varier la mise en page. Les blocs de colonnes offrent plusieurs options de mise en page par défaut pour le nombre de colonnes et la largeur des colonnes. Par exemple, la zone de contenu de la figure suivante se compose de deux colonnes, chacune d'une largeur de 50%, et d'une combinaison de blocs d'image, de texte et de bouton pour obtenir une mise en page flexible. (Figure ci-dessous)

Bien entendu, après avoir sélectionné le nombre de colonnes, nous pouvons également ajouter manuellement de nouvelles colonnes. Il suffit de déplacer la souris entre deux colonnes et de cliquer sur le signe "+" noir qui apparaît pour ajouter une nouvelle colonne. Il est recommandé de sélectionner la colonne correspondante dans la liste des structures à gauche, afin de faciliter la localisation et l'édition du bloc cible. Ensuite, dans le champ de configuration à droite, vous pouvez définir librement la largeur de la colonne. Il est recommandé de régler l'unité en pourcentage (%), par exemple, si vous entrez 30, cela signifie que la largeur de la colonne est égale à 30% de la largeur de la fenêtre du navigateur, de sorte que le réglage sera plus intuitif.

Il suffit ensuite d'ajouter le bloc souhaité à la colonne. C'est très intuitif.

Rangée

Après l'insertion d'une rangée, le nouveau bloc sera groupé par défaut dans cette rangée. Les blocs en rangée adaptent automatiquement leur mise en page en fonction de leur contenu, par exemple en alignant automatiquement les hauteurs de texte des différents paragraphes.

Si vous sélectionnez Bloc de lignes, vous pouvez également changer l'orientation en portrait dans le panneau de droite, ce qui ramènera la mise en page à une disposition empilée comme par défaut. (comme illustré ci-dessous)

Code court

Certains plugins ne prennent pas en charge le bloc Gutenberg, mais ils fournissent des codes courts. Vous pouvez coller le shortcode (au format : [XXXX]) dans l'éditeur pour que le style de contenu du plugin soit affiché sur le front-end, même si vous ne pouvez pas voir l'effet directement sur la page d'édition. Mais après l'avoir conservé, revenez à la page d'accueil ou réouvrez la nouvelle page pour l'afficher, vous pourrez voir si l'effet correspond à vos besoins ou non !

Consultez la page où vous avez besoin du plugin pour le shortcode spécifique, ou la documentation du plugin est fournie !

Table des matières

La table des matières est un élément important pour les articles plus longs, aidant à améliorer l'expérience de l'utilisateur ainsi que le référencement, cependant, WordPress n'a pas de bloc de table des matières intégré, mais il est possible de trouver le plugin recommandé dans le panneau de bloc en recherchant "table of content". Il est toutefois possible de trouver le plugin recommandé dans le panneau des blocs en recherchant "table of content". Cette fonctionnalité est très pratique. Ces plugins prennent entièrement en charge le bloc Gutenberg, de sorte que vous pouvez choisir le plugin de table des matières que vous aimez et faire glisser la table des matières à l'endroit approprié sur la page, comme vous le feriez avec n'importe quel autre bloc.

Paramètres de l'article

Cette section se trouve sous l'onglet Articles sur le côté droit.

Visibilité et délais de publication
Les articles peuvent être définis comme publics, privés et protégés par un mot de passe.

Lorsque l'article a été mis à jour, nous devrions également modifier l'heure de publication en faveur du référencement.

Définition de l'url(Lien vers l'article actuel)

Après avoir enregistré ou publié un article/une page, un champ "Alias d'URL" apparaît dans la colonne "Liens fixes". Vous pouvez saisir l'URL que vous souhaitez afficher dans ce champ, puis réenregistrer ou publier.

Veuillez noter que vous ne pouvez personnaliser l'URL qu'après avoir enregistré ou publié le billet/la page. Les billets/pages nouvellement créés ne peuvent pas avoir d'URL personnalisée avant d'être enregistrés ou publiés.

Comme dans l'image ci-dessus, j'ai choisi l'identifiant de l'article qui est aussi le nom de l'article, donc le lien (url) est fixe, si vous voulez modifier la première fois pour garder l'ancien, modifiez l'identifiant de l'article (titre).

Classification et étiquetage

En fonction de vos besoins réels, vous pouvez mettre en place une bonne classification et un bon étiquetage des articles, afin de les filtrer, mais aussi de les améliorer pour le référencement.

Image en vedette

Choisissez la taille, l'image claire et appropriée, pour répondre au thème de l'article, mettez en valeur les caractéristiques, car c'est sur la page d'accueil que se fait la première impression !

résumés

Le résumé du contenu de l'article affiché sur la page de présentation du blog est aussi concis et attrayant que possible. Comme le montre l'image ci-dessus.

résumés

Avec ce tutoriel Gutenberg approfondi, je suis sûr que vous maîtrisez ces fonctionnalités avancées et ces conseils utiles, et que vous pouvez maintenant éditer et optimiser vos pages et vos articles de blog avec plus de flexibilité.La puissance de l'éditeur Gutenberg réside dans sa flexibilité et son extensibilité, qui peuvent vous aider à réaliser facilement divers besoins en matière de mise en page et de conception. En tant qu'outil d'écriture et de conception le plus couramment utilisé dans WordPress, la maîtrise de ces compétences améliorera considérablement l'efficacité de votre création de contenu. Prochainement, nous verrons comment combiner le thème par défaut avec Gutenberg pour obtenir une mise en page encore meilleure, alors restez à l'écoute !