Comment utiliser le bloc de code dans WordPress en 3 étapes simples

Il s'agit d'un bloc de code fourni avec le noyau de WordPress qui vous permet de présenter les extraits de code sur votre site web WordPress. WordPress a facilité la création et l'affichage de contenu.

Des développeurs aux passionnés de technologie, tous ceux qui cherchent un moyen de présenter des extraits de code, le bloc de code est un outil robuste et simple. Aujourd'hui, nous allons partager avec vous le guide complet sur l'utilisation du bloc de code dans WordPress. N'oubliez pas de nous suivre.

Qu'est-ce que le bloc de code dans WordPress ?

Les Bloc de code est un bloc Gutenberg conçu pour ajouter et afficher des extraits de code dans un article ou une page.

Le bloc Code met en évidence la syntaxe en texte clair sans l'exécuter, ce qui le rend idéal pour présenter des exemples de programmation ou des scripts.

Créer de belles tables
Avec l'éditeur de blocs


Comment utiliser le bloc de code dans WordPress

L'utilisation du bloc de code est très facile, car vous n'avez pas besoin de compétences particulières pour l'utiliser. Il vous suffit de suivre le tutoriel ci-dessous.

Étape 1 : Insérer le bloc de code

Pour insérer le bloc de code, cliquez sur le bouton Ajouter un bloc ("+") icône (1), type "Code"dans la boîte de recherche (2)et cliquez sur "Code(3).

Étape 2 : Insérer votre codage

Lorsque le bloc de code se trouve dans l'éditeur, insérez votre code.

Comment utiliser le bloc de code dans WordPress

Le bloc de code n'a pas d'options spécifiques dans l'éditeur. Il dispose de toutes les options de base comme tous les autres blocs de base dans Gutenberg.

Étape 3 : Personnalisation

WordPress propose des options de couleur, de typographie, de dimensions et de bordure pour la personnalisation des blocs de code. Pour accéder à la personnalisation du bloc de code, naviguez vers Paramètres (1)> Bloc (2) > Styles (3)

Vous pouvez modifier la couleur, la typographie, les dimensions et la bordure.

  1. Couleur : Cette fonction vous permet de modifier la couleur de votre texte et de votre arrière-plan.
  2. Typographie : La typographie vous permet de sélectionner les polices et leur taille, l'apparence, la hauteur de ligne, l'espacement des lettres, la casse des lettres et la décoration des lettres.
  3. Dimensions : Les dimensions vous permettent d'ajuster le remplissage et la marge de votre bloc de texte.
  4. Frontière : L'option Bordure vous permet d'ajouter une bordure et un rayon de bordure à votre bloc de texte.

Voilà comment utiliser le bloc de code dans WordPress.


Dernières réflexions !

Enfin, le bloc de code est essentiel pour tous ceux qui souhaitent présenter les extraits de code sur leur site web WordPress.

Il est facile à utiliser, offre des options de personnalisation utiles et sécurise votre contenu en empêchant l'exécution du code.

Commencez dès aujourd'hui à utiliser le bloc Code pour enrichir votre contenu et faire de votre site une ressource de référence pour les informations techniques !

Faites-moi part de vos commentaires sur l'article et le bloc dans la section des commentaires. Faites également connaître cet article génial à vos amis développeurs sur les réseaux sociaux.

En savoir plus !



L'équipe Tableberg