Archives par mot-clé : édition article

Gutenberg et le HTML

Le HTML est le langage interprété par les navigateurs web (Firefox, Chrome, Edge…) pour afficher un site web.

Comment Gutenberg fait-il pour réaliser la mise en page à partir de blocs alors que les blocs n’existent pas dans le HTML ? Comment modifier le code HTML généré par Gutenberg ? Comment ajouter du code HTML librement dans une page éditée avec Gutenberg ?

Sélectionner un bloc Gutenberg

Sélectionner un bloc est la première action à réaliser pour pouvoir le modifier : changer son contenu, changer son type, changer sa mise en forme, le retirer…

Généralement, il suffit de cliquer dessus, mais ce n’est pas la seule possibilité.

L’inspecteur de bloc Paragraphe

Dans Gutenberg, l’inspecteur de bloc associé au bloc Paragraphe propose différents réglages : la taille de la police de caractères, l’ajout d’une Lettrine, les couleurs de fond et de caractères et l’ajout d’une classe css.

Les extensions peuvent aussi ajouter leurs propres réglages.

Insérer un lien web dans un bloc Paragraphe

Il est possible de lier une partie du texte d’un bloc Paragraphe, avec une adresse web.
Si un visiteur du site clique sur le texte lié, la page définie dans le lien s’affiche dans le navigateur.

La barre d’outils du bloc Paragraphe

Comme tous les types de blocs Gutenberg, le bloc Paragraphe peut être personnalisé afin d’en modifier le rendu visuel.

La barre d’outils qui lui est associée offre les possibilités suivantes : modifier le type de bloc, mettre en gras, souligner ou rayer tout ou partie du texte, aligner le texte à l’intérieur du bloc Paragraphe ou attacher un lien internet.

Ajouter des blocs paragraphe avec Gutenberg

Le bloc Paragraphe est probablement le type de bloc le plus utilisé. Voici comment en insérer dans vos publications.

Avec Gutenberg, il est possible d’ajouter une multitude de types de blocs (image, vidéo, trait, widgets, listes…) mais bien des actions décrites dans cet article sont applicables aux autres types de blocs.

Intégrer une adresse web (oEmbed)

Avec les adresses web intégrées (oEmbed), une adresse web saisie dans l’éditeur WordPress est remplacée automatiquement par un aperçu de la page HTML correspondante.

Ceci ne fonctionne qu’avec les sites capables de gérer les adresses web intégrées.

Publier un article sur WordPress.com

Publier un article c’est le rendre visible par les visiteurs du site.  Avant de le publier, il faut se connecter à l’éditeur d’articles afin de saisir son titre et son contenu ainsi que de le paramétrer.
Tout article peut être sauvegardé à l’état de brouillon puis publié immédiatement ou pour une date à venir.
Le rédacteur peut rendre l’article visible par tous  (public), par les seuls utilisateurs s’étant connectés (Privé) ou le protéger par un mot de passe. Il peut aussi faire en sorte que l’article apparaisse en premier sur la page d’accueil.