Des montagnes et des presses à imprimer

L'objectif de ce nouvel éditeur est de rendre l'ajout de contenu riche à WordPress simple et agréable. Cet article est composé de des morceaux de contenu-(un peu comme les briques LEGO) que vous pouvez déplacer et avec lesquels vous pouvez interagir. Déplacez votre curseur et vous remarquerez que les différents blocs s'illuminent de contours et de flèches. Appuyez sur les flèches pour repositionner les blocs rapidement, sans craindre de perdre des éléments dans le processus de copier-coller.

Ce que vous lisez maintenant est un bloc de texte le bloc le plus basique de tous. Le bloc de texte possède ses propres contrôles pour être déplacé librement dans le post...

... comme celui-ci, qui est aligné à droite.

Les titres sont également des blocs distincts, ce qui facilite le plan et l'organisation de votre contenu.

Une image vaut mieux qu'un millier de mots

Le traitement des images et des médias avec le plus grand soin est l'une des priorités du nouvel éditeur. Nous espérons que vous trouverez les aspects de l'ajout de légendes ou de l'utilisation en pleine largeur de vos images beaucoup plus faciles et solides qu'auparavant.

Un paysage magnifique
Si votre thème le prend en charge, vous verrez le bouton "large" dans la barre d'outils de l'image. Faites-en l'essai.

Essayez de sélectionner et de supprimer ou de modifier la légende. Désormais, vous n'aurez plus à craindre de sélectionner l'image ou un autre texte par erreur et de gâcher la présentation.

Le site Inserteur Outil

Imaginez que tout ce que WordPress peut faire soit disponible pour vous rapidement et au même endroit sur l'interface. Pas besoin de comprendre les balises HTML, les classes, ou de se souvenir de la syntaxe compliquée des shortcodes. C'est l'esprit qui se cache derrière l'inserteur - le (+) que vous verrez autour de l'éditeur - qui vous permet de parcourir tous les blocs de contenu disponibles et de les ajouter à votre article. Les plugins et les thèmes peuvent enregistrer les leurs, ce qui ouvre toutes sortes de possibilités d'édition et de publication riches.

Essayez-le, vous découvrirez peut-être des choses que WordPress peut déjà ajouter dans vos articles et dont vous n'aviez pas connaissance. Voici une courte liste de ce que vous pouvez y trouver actuellement :

  • Texte et rubriques
  • Images et vidéos
  • Galeries
  • Embeds, comme YouTube, Tweets, ou autres articles WordPress.
  • Blocs de mise en page, comme les boutons, les images héroïques, les séparateurs, etc.
  • Et Listes comme celui-ci bien sûr 🙂

Édition visuelle

L'un des grands avantages des blocs est que vous pouvez les modifier en place et manipuler votre contenu directement. Au lieu de disposer de champs pour modifier des éléments tels que la source d'une citation ou le texte d'un bouton, vous pouvez modifier directement le contenu. Essayez de modifier la citation suivante :

L'éditeur s'efforcera de créer une nouvelle expérience de construction de pages et d'articles qui facilite l'écriture d'articles riches, et dispose de "blocs" pour faciliter ce qui, aujourd'hui, nécessite des shortcodes, du HTML personnalisé ou la découverte de "viande mystérieuse".

Matt Mullenweg, 2017

Les informations correspondant à la source de la citation constituent un champ de texte distinct, similaire aux légendes sous les images, de sorte que la structure de la citation est protégée même si vous sélectionnez, modifiez ou supprimez la source. Il est toujours facile de la rajouter.

Les blocs peuvent être tout ce dont vous avez besoin. Par exemple, vous pouvez ajouter une citation discrète dans la composition de votre texte, ou vous pouvez préférer en afficher une géante stylisée. Toutes ces options sont disponibles dans l'inserteur.

Vous pouvez modifier le nombre de colonnes dans vos galeries en faisant glisser un curseur dans l'inspecteur de blocs de la barre latérale.

Riches en médias

Si vous combinez le nouveau grand site et pleine largeur alignements avec les galeries, vous pouvez créer une mise en page très riche en médias, très rapidement :

L'accessibilité est importante - ne pas oublier l'attribut alt de l'image

Bien sûr, l'image en pleine largeur peut être assez grande. Mais parfois, l'image en vaut la peine.

L'image ci-dessus est une galerie contenant seulement deux images. Il s'agit d'un moyen plus facile de créer des mises en page visuellement attrayantes, sans avoir à gérer les flotteurs. Vous pouvez aussi facilement reconvertir la galerie en images individuelles, en utilisant le sélecteur de bloc.

Tout bloc peut opter pour ces alignements. Le bloc d'intégration en dispose également, et il est réactif dès le départ :

https://vimeo.com/22439234

Vous pouvez construire le bloc de votre choix, qu'il soit statique ou dynamique, décoratif ou simple. Voici un bloc de type "pullquote" :

Le code, c'est de la poésie

La communauté WordPress

Si vous voulez en savoir plus sur la façon de construire des blocs supplémentaires, ou si vous souhaitez participer au projet, rendez-vous sur le site de la Commission européenne. Dépôt GitHub.


Merci de tester Gutenberg !

👋