Gutenberg

Description

L’objectif de l’éditeur de blocs est de rendre simple et agréable l’ajout de contenus sur WordPress.

Avertissement : ceci est un logiciel en version bêta, ne l’utilisez pas sur des sites en production !

La nouvelle expérience de construction d’articles et de pages va diminuer les efforts pour écrire des publications enrichies, rendre facile à faire ce qui aujourd’hui peut demander l’utilisation de codes courts, de HTML personnalisé ou « d’intégrations mystérieuses ».

WordPress prend en charge déjà une grande quantité de « blocs », mais ne les affiche pas très bien, et ne leur donne pas beaucoup d’options de mise en page. En adoptant la nature fixe du contenu de publication enrichi, nous aborderons les blocs qui existent déjà, et fournirons des options de mise en page plus avancées pour chacun d’eux. Cela vous permettra de composer de beaux articles comme sur cet exemple.

Gutenberg est construit par de nombreux contributeurs et bénévoles. Vous pouvez consulter la liste complète des contributeurs sur le fichier GitHub CONTRIBUTORS.md qui est mis à jour en continu. Vous pouvez suivre aussi github.com/WordPress/gutenberg et l’étiquette #editor sur le blog make.wordpress.org.

FAQ

Comment puis-je envoyer des retours ou être aidé par rapport à un bug ?

Nous adorerions entendre vos retours de bugs, vos suggestions de fonctionnalités et tout autre retour ! Veuillez consulter la page de retours sur GitHub pour rechercher des problèmes existants ou pour en ouvrir un nouveau. Bien que nous essayerons de trier les problèmes signalés ici sur le forum des extensions, vous obtiendrez une réponse plus rapide (et limiterez les doublons) en gardant tout centralisé dans le répertoire GitHub.

Comment puis-je contribuer ?

Plus on est de fous, plus on rit ! Pour commencer, consulter notre guide pour les contributeurs (en anglais).

Avis

Don’t Rush It

Great work core team!

Why only 2 stars then? Well, like pretty much everything, it can take a fair few iterations to realise your original intentions.

I get that the future of the create/edit post screen is a WYSIWYG page builder (which will surely make the customiser completely redundant?) but it looks like it’s going to be tricky business for devs to add/edit blocks as needed, and the subsequent styling and functionality to go with it. If we’re going down the route of a WYSIWYG page builder then great, just bear in mind that every site looks and functions differently so it has be a breeze for devs to do what they need to do.

Saying to devs ‘go away and learn a whole new way of doing things, ooh, and you’ve got less than a year to do it’ is a bit unnecessary.

Although Gutenberg has the potential to revolutionise the adding and editing of posts, it’s a seismic departure from what we have atm, and imo, such a change, even if it is for the better, needs to be phased in, rather than slam-dunked.

This is a new era for WordPress

I’m writing plugin reviews very rarely but this time I feel strongly the need to support the Gutenberg developers and development.
Using WordPress since 1.x a lot changed in terms of usability for the « not techies » but the editing experience still su***. It’s quite hard to imagine the frontend output when editing articles in the Dashboard and I remember times when I recommended my users and clients to use Windows Live Writer to publish new content. Even the very powerful shortcodes are not best practice in usability as you can’t imagine what the output is (except you developed it). Then the overblown visual editors came up like Visual Composer. Not really a solution as they are totally blown with unnecessary blocks. But still the right direction.
Now I started to follow the idea of Gutenberg and all the discussions around that. And I see the minimalists who just want to stay with the TinyMCE as they are used to it and just want to write content without any fancy blocks in between. And yes I agree, there should be the option for those to stay with the current editor. But what I really can’t understand is the position which says « I don’t want it », and « Matt decided to get block editors into core ». He did? Fantastic idea!!!
I just installed the beta of Gutenberg on a test WordPress environment and I’m really impressed how far this already is. Well done so far, congrats! It is really intuitive and easy to add the blocks, to change their settings, to rearrange them and I get a dozen of ideas which « blocks » I would love to develop. Also for frontend designers it is a big chance to realize content blocks which were just possible through the usage of shortcodes from which – as mentioned – none knows what the effect will be. After the oembed feature this is another big step into the right direction and I want to thank the developers for working on this. Especially because this might get a real « what you see is what you get » experience instead of the « imagine what you might get and edit again if it doesn’t fit your expectation ».

Gutes & innovatives Design!

Gutenberg hat ein echt sehr schönes und innovatives Design! Ich freu mich schon auf den Tag, an dem es standardmäßig in WordPress integriert sein wird! 🙂

destroys so much of what makes wordpress accessible

TinyMCE is so similar to other editors almost anyone can jump in and make changes.. now as developers we would have to provide instruction on how to use this new, gimicky & un-intuitive interface. I laughed at the thought.

Then I tried to paste in some content, as I’m almost certain a huge number of other WP users do.. I cried.

If this gets forced on WP userbase…..
Time for someone to start a fork to capitalize on Automattic WordPress’s almost inevitable fall from grace that we see beginning here.

WordPress, we have a problem.

This reminds me of what Adobe did a few months ago, giving Photoshop the worst UI possible for no reason, just for the sake of it. I can imagine how it went: « We have a perfectly working UI and few bugs, what do we do? », « Who cares about bugs, let’s break the UI and turn a software for the pros into an app for selfie photographers! ».

I fear this is what is going to happen to Wp: turning a CMS-like platform that users and developers love into something « cool » for fashion bloggers.

Lire les 71 avis

Contributeurs & développeurs

« Gutenberg » est un logiciel libre. Les personnes suivantes ont contribué à cette extension.

Contributeurs

Traduisez « Gutenberg » dans votre langue.

Le développement vous intéresse ?

Parcourez le code ou abonnez vous à l’historique de développement par RSS.

Journal

0.5.0

  • New tabs mode for the sidebar to switch between post settings and block inspector.
  • Implement recent blocks display.
  • Mobile implementation of block mover, settings, and delete actions.
  • Search through all tabs on the inserter and hide tabs.
  • New documentation app to serve all tutorials, faqs, docs, etc.
  • Enable ability to add custom classes to blocks (via inspector).
  • Add ability to drag-and-drop on image block placeholders to upload images.
  • Add « table of contents » document outline for headings (with empty heading validation).
  • Refactor tests to use Jest API.
  • New block: Verse (intended for poetry, respecting whitespace).
  • Avoid showing UI when typing and starting a new paragraph (text block).
  • Display warning message when navigating away from the editor with unsaved changes.
  • Use old editor as « freeform ».
  • Improve PHP parser compatibility with different server configurations (« mbstring » extension and PCRE settings).
  • Improve PostVisibility markup and accessibility.
  • Add shortcuts to manage indents and levels in List block.
  • Add alignment options to latest posts block.
  • Add focus styles for quick tags buttons in text mode.
  • Add way to report PHP parsing performance.
  • Ajout des libellés et des rôles sur Urlinput.
  • Ajout de la possibilité de mettre en place des espaces réservés (placeholders) personnalisés pour le texte et les titres en tant qu’attributs.
  • Affichage d’un message d’erreur lorsque les actions de mise à la corbeille échouent.
  • Passage de contenus vers les fonctions PHP de rendu de bloc dynamique .
  • Correction de divers problèmes de z-index et simplification des raisonnements.
  • Correction des flèches de navigation du DropdownMenu et ajout d’un aria-label manquant.
  • Mise à jour du calcul des tailles d’iframe en bac à sable.
  • Export du composant d’inspection des contrôles sous wp.blocks.
  • Ajustement du paquet Travis JS pour améliorer les allocations de tâches.
  • Correction des avertissements lors des tests.
  • Correction du retour chariot lors de la transition du formatage sur Editable.
  • Définition explicite des prop-types en tant que dépendances.
  • Mise à jour de la liste des navigateurs supportés pour plus de consistence avec le cœur.

0.4.0

  • FAQ initiale (en cours d’écriture).
  • API pour la prise en charge du contenu copié-collé (le but étant d’avoir une prise en charge spécifique pour convertir du Word, Markdown, Google Docs vers des blocs WordPress natifs).
  • Ajout du support de l’ajout de lien vers une URL sur les blocs image.
  • Utilisation des flèches directionnelles pour la navigation entre les blocs.
  • Ajout du bloc de tableau alternatif avec la fonctionnalité TinyMCE permettant d’ajouter/enlever des lignes/cellules, etc. Retrait de l’item précédent.
  • Parsing des jetons de commentaires more/noteaser depuis le cœur.
  • Ré-ingénierie de l’approche pour le rendu des jeux de cadres embarqués.
  • Première passe sur l’ajout de aria-labels sur la liste de blocs.
  • Paramétrage de jest pour un meilleur environnement de test.
  • Amélioration des performances du parsing côté serveur.
  • Mise à jour de la documentation des blocs avec les dernières fonctions d’API et des exemples plus clairs.
  • Utilisation de la position fixe pour les notifications.
  • Défini le mode inline comme mode par défaut sur Editable.
  • Ajout d’actions pour que les extensions puissent enregistrer les éléments de front-office et de l’éditeur.
  • Suppression des réglages de galeries de la colonne latérale dans la bibliothèque de médias lors de la modification d’une galerie.
  • Validation du rendu de l’enregistrement de la modification lors de l’enregistrement d’un bloc.
  • Évite à la fenêtre modale de la bibliothèque de médias de s’ouvrir au chargement des espaces réservés (placeholders).
  • Mise à jour du design de la colonne latérale et de son comportement sur mobile.
  • Amélioration de la taille de police dans l’outil d’insertion et sur le bloc derniers articles.
  • Amélioration du rendu des blocs bouton sur le front-office.
  • Ajout de aria-label sur le bouton de modification d’image.
  • Ajout de aria-label dans les entrées d’url embarqués.
  • Utilisation du pointeur cursor pour les onglets de l’outil d’insertion.
  • Mise à jour du design des documents avec une attention particulière sur les états sélectionné/désélectionné.
  • Amélioration de la génération des classes wp-block-* pour plus de consistance.
  • Sélection des premières cellules du bloc tableau à l’initialisation.
  • Correction des alignements wide et full sur le front-office quand les images n’ont pas de légende.
  • Correction de l’état initial du bloc freeform.
  • Correction de la possibilité de naviguer vers les ressources dans le visualisateur de liens.
  • Correction du nettoyage des flottants dans l’outil d’insertion.
  • Correction du chargement des images dans la bibliothèque.
  • Correction du focus automatisé dans le bloc de tableau qui était trop agressif.
  • Nettoyage de la double référence à pegjs dans les dépendances.
  • Inclusion de messages pour faciliter le parseur de débuguage.
  • Vérification de la correspondance exacte pour le contenu sérialisé dans les tests du parseur.
  • Ajout de allow-presentation pour corriger le problèmes d’iframes mises en bac à sable sur Chrome.
  • Déclaration consistante de l’utilisation des noms de classes du module.
  • Ajout de la traduction sur le titre embarqué.
  • Ajout des domaines de textes et ajustement de PHPCS pour alerter à leur sujet.
  • Ajout de modèles pour la création de retours d’utilisation en incluant la mention du numéro de version.

0.3.0

  • Ajout du framework pour les notifications et implémentation de la publication et de la sauvegarde.
  • Implémentation des tabulations dans l’outil d’insertion.
  • Ajout de l’insertion rapide de texte et d’image près de l’icône d’insertion à la fin de l’article.
  • Génération et inclusion des styles front-end pour les blocs natifs.
  • Inclusion des noms de classes de blocs générés dans l’environnement d’édition.
  • Ajout du bouton « modifier l’image » blocs image et image de couverture.
  • Ajout d’une option pour recadrer visuellement les images dans les galeries pour un plus bel alignement.
  • Ajout d’une option pour désactiver l’obscurité de l’arrière-plan sur les images de couverture.
  • Ajout d’un buffer pour les flux de sélection multiple.
  • Ajout d‘une option pour afficher les dates et configurer le nombre d’articles dans le bloc LatestPosts.
  • Ajout d’un parseur PHP basé sur PEG.js pour unifier la grammaire.
  • Division des styles de blocs pour qu’ils puissent être chargés dans le thème.
  • Auto-focus pour le champ de recherche de l’outil d’insertion.
  • Ajout du formatage de texte sur le bloc CoverImage.
  • Ajout de l’option de permutation pour l’arrière-plan fixé sur CoverImage.
  • Changement vers un stockage des attributs en format JSON sans échappement dans les commentaires.
  • Ajout d’espaces réservés (placeholders) pour tous les blocs de texte.
  • Ajout du texte d’espace réservé (placeholder) pour les entêtes, les citations, etc.
  • Ajout du composant BlockDescription et application sur plusieurs blocs.
  • Implémentation de l’iframe bac à sable pour les inserts (embeds).
  • Inclusion des classes d’alignement sur les inserts (embed) à l’aide de conteneurs.
  • Changement de la déclaration du nom des blocs des inserts (embed) pour « core-embed/name-of-embed ».
  • Affichage des inserts (embeds) plus robuste et simplifié.
  • Différents correctifs pour le blocs de citation (parsing et transformations).
  • Améliore l’affichage du texte avec les image de couverture.
  • Correction du positionnement des espaces réservés (placeholders) sur plusieurs blocs.
  • Correction du parsage de bloc HTML.
  • Correction de calculs de la barre d’outils sur les blocs sans barre d’outils.
  • Ajout des alignements d’entêtes et de niveaux à l’inspecteur.
  • Ajout des réglages d’articles épinglés et de la permutation.
  • Ajout des styles de focus à l’outil de recherche de l’outil d’insertion.
  • Ajout de modèles de conception et de principes au storybook.
  • Améliore l’accessibilité de FormTokenField.
  • Chargement du module de comptage de mots.
  • Icônes mis à jour pour le bouton de mise à la corbeille et HTML personnalisé.
  • Réglages pour l’outil d’insertion, les espaces réservés (placeholders) et l’adaptabilité mobile.
  • Améliorations sur les entêtes de la colonne latérale et sur les marges externes des galeries.
  • Permet la suppression de blocs sélectionnés avec la touche « supprimer ».
  • Retourne davantage que 10 catégories/étiquettes dans les réglages d’articles.
  • Améliorations sur l’accessibilité avec FormToggle.
  • Correction du bouton d’ajout de médias dans l’espace réservé (placeholder) de galerie.
  • Correction des fils d’ariane en colonne latérale.
  • Correction sur l’outil de déplacement de blocs quand les blocs sont flottants.
  • Correction de l’insertion du bloc freeform (devenu « texte classique »).
  • Correction de la touche manquante dans l’outil d’insertion.
  • Implémentation de la classe drop-cap mise à jour.
  • Affichage de l’image de couverture pleine largeur dans le contenu de démonstration.
  • Copie des corrections sur le contenu de démonstration.
  • Masquage des icônes de meta-boxes pour les lecteurs d’écrans.
  • Gestion des valeurs nulles dans les attributs de liens.

0.2.0

  • Inclus « Paste » en tant qu’extension par défaut dans « Editable ».
  • Extrait le contrôle d’alignement des blocs en tant que composant réutilisable.
  • Ajoute un bouton pour supprimer les blocs.
  • Ajoute un bouton pour ouvrir les réglages de bloc dans l’inspecteur.
  • Nouveau bloc : HTML personnalisé (pour écrire votre propre HTML et le prévisualiser).
  • Nouveau bloc : Image de couverture (avec du texte en plus du support des images).
  • Renomme le bloc « Freeform » en « Texte classique ».
  • Ajoute le support des pages et des types de contenus personnalisés.
  • Améliore l’affichage du libellé « sauvegarde » lors de la sauvegarde.
  • Abandonne l’utilisation de la propriété de contrôles au profit des composants dans le rendu.
  • Ajoute la possibilité de sélectionner tous les blocs avec CTRL/CMD + A.
  • Génération automatique de classes de conteneurs pour mettre en forme les blocs.
  • Évite de déclencher des sélections multiples au clic droit.
  • Améliore la cible de la prévisualisation d’articles.
  • Utiliser des imports au lieu d’accéder aux globales WP.
  • Ajoute l’alignement de bloc et des contenus de remplissage sur les blocs de citations.
  • Attendre que wp.api soit disponible avant de charger l’éditeur (solution provisoire).
  • Ajoute plusieurs contrôles d’inspection réutilisables.
  • Améliorations de design sur les flottants, les leviers et les titres.
  • Ajoute les classes width sur le conteneur des balises figure lorsqu’on utilise des légendes dans les images.
  • Ajoute les attributs alt pour les images.
  • Ajoute la génération HTML pour les inserts de type photo.
  • S’assurer que l’extension est lancée sur WP 4.8.
  • Mise à jour du bouton de révision pour le montrer uniquement lorsqu’il y a des révisions.
  • Correction de parsing sur do_blocks.
  • Évite le fait d’être piégé dans l’éditeur de contenu.
  • Ne pas afficher les barre d’outils des blocs quand on appuie sur les touches de modification.
  • Corrige les chevauchements dans le bloc de bouton.
  • Corrige l’interlignage des titres d’articles.
  • Corrige le parsage des blocs vides.
  • Corrige la séparation des instances modifiables en ligne avec shift+entrée.
  • Corrige la transformation entre les textes et les listes, et entre les citations et les listes.
  • Corrige la sauvegarde de nouveaux articles en rendant le type de contenu obligatoire.
  • Affiche les effet de pop-over au dessus de tous les éléments.
  • Améliorations concernant la suppression de blocs en utilisant le rétro-espace (touche retour arrière).
  • Changement de la façon dont les contours de blocs sont affichées au survol.
  • Mise à jour du parseur PHP pour gérer la syntaxe abrégée du bloc, et réparer les nouvelles lignes.
  • Possibilité d’annuler l’ajout d’un lien depuis le menu lien.

0.1.0

  • Première sortie de l’extension.