Chez wordcamp US, il est clair que l’édition Gutenberg est une amélioration tangible pour WordPress et, surtout, qu’elle sera réellement réalisée. Nous venons de rentrer de wordcamp cette année. En plus damp;rsquoavoir une bonne chance de suivre le rythme de la communauté, nous avons une grande nouvelle: Gutenberg est vraiment bon maintenant. Lors de deux démonstrations techniques (par Morten rand Hendriksen et Matt Mullenweg dans lamp;rsquoétat du monde), Gutenberg a présenté une démonstration en direct comme un éditeur de contenu riche en fonctionnalités qui a fait des progrès spectaculaires depuis la dernière fois que jamp;rsquoai regardé attentivement il y a quelques mois.
À lamp;rsquoépoque, la plupart des membres de ma communauté et moi même doutions beaucoup de ce que serait Gutenberg et de la possibilité quamp;rsquoil samp;rsquoaméliore sensiblement par rapport à lamp;rsquooisiveté. Chez wordcamp US, il est clair que Gutenberg est une chose réelle, une amélioration tangible pour WordPress et, surtout, qu’elle sera réellement réalisée. Cet article explorera ce que Gutenberg est, ce qu’il veut être et son impact étendu sur WordPress en tant qu’écosystème logiciel. tuation actuelle de Gutenberg début décembre 2017, Gutenberg était très bon. Début décembre 2017, Gutenberg était en bon état. Dans lamp;rsquoensemble, il est peut être meilleur que lamp;rsquoéditeur tinymce actuel, mais il a aussi de nombreux bords et fonctionnalités manquants qui doivent être lissés avant la sortie, qui est actuellement prévue pour avril 2018, selon Matt.
Il n’y a pas de colonnes, mais Gutenberg pourrait finir par devenir beaucoup de choses, mais maintenant il est plus directement en concurrence avec les générateurs de mise en page basés sur des plugins et des thèmes WordPress. Pour moi, la définition la plus simple du créateur de mise en page est: colonne. La disposition par défaut de tout document qui namp;rsquoa pas besoin damp;rsquoun constructeur est
Nberg namp;rsquoa pas encore de rubrique, mais elle sera bientôt disponible. Au début de décembre 2017, il a introduit pour la première fois un bloc de colonnes de texte, en partie pour vérifier que ces colonnes fonctionnent correctement. Bientôt, une fois les colonnes imbriquées mises en œuvre, pouvez créer une vraie disposition Gutenberg.
Tous les GIF de Gutenberg dans cet article sont tirés du manuel de Gutenberg. Parce que je suis très intéressé par ce sujet, jamp;rsquoai eu lamp;rsquooccasion de parler avec Mathias Ventura, qui a présenté Gutenberg dans lamp;rsquoétat du monde. Il explique comment fonctionne la disposition de la colonne Gutenberg: ils utiliseront le paradigme de la disposition de la grille css pour éviter les balises imbriquées requises par damp;rsquoautres systèmes de grille CSS, comme la grille de guidage. Camp;rsquoest vraiment cool. À lamp;rsquoheure actuelle, lamp;rsquoexpérience réelle de la création lamp;rsquoédition de texte est embarrassante. Voici quelques unes des méthodes que jamp;rsquoai apprises en écrivant cet article en utilisant Gutenberg:
Créer un élément de titre
Art.
Cela prendra un certain temps. Il samp;rsquoagit damp;rsquoune sélection dans le menu déroulant, tous basés sur la souris. Jamp;rsquoai eu peur de lui. De même, pouvez mettre en évidence le bloc de texte du titre, le coller à un autre endroit, puis coller le texte en texte simple au lieu du texte du titre. Puis créer un nouveau
Ou
Ce namp;rsquoest jamais si facile: trois ou quatre clics à la fois. Encore une fois dans la relation: le
Remuto
Les améliorations apportées à tinymce semblent possibles, mais elles namp;rsquoont pas encore été mises en oeuvre. Par exemple, jamp;rsquoaimerais que Gutenberg ait Ctrl + amp;lsquo+ I pour Microsoft Word for I. Écrire
Les blocs sont de bons
Les blocs ne sont pas nouveaux pour quiconque a utilisé le générateur de page Dans ce cas, il est souvent appelé « module ». Mais les placer dans le cœur de WordPress et voir que c’est la meilleure façon d’ajouter n’importe quoi (de la référence de bloc à l’intégration vidéo) maintenant, c’est davve
Je vais bien. Je suis également heureux de pouvoir combiner des widgets, du Code court et du HTML personnalisé (déjà connu dans la documentation de Gutenberg et lamp;rsquoexpression gratuite
Quatre vingt pour cent des travaux ont été achevés et seulement 75% des travaux restants, ce qui semble important en tant que facteur contextuel, camp;rsquoest que le succès du Projet Gutenberg sur le terrain pose un grand nombre de défis. Il samp;rsquoagit notamment damp;rsquoune version bêta presque universellement impopulaire (il y a encore 2,5 étoiles intéressantes dans la Bibliothèque plug in), du placement correct des méta boîtes à lamp;rsquoessence même de WordPress, un jeu de poulet sous licence logicielle qui déforme la volonté de lamp;rsquoéquipe juridique de Facebook avec une controverse intense et soutenue sur tout? Camp;rsquoest la vraie vie?
Matt dit quamp;rsquoil croit et espère que la partie la plus difficile du Projet Gutenberg est terminée. Il est de plus en plus difficile de douter des défis auxquels ce projet a été confronté et surmonté pour devenir un éditeur presque aussi bon quamp;rsquoaujourdamp;rsquohui. Le sentiment que cela se produit est aussi important que namp;rsquoimporte quelle caractéristique personnelle de Gutenberg aujourdamp;rsquohui. L’effet Gutenberg des plugins et des thèmes: les changements à venir WordPress demande aux développeurs de thèmes et de plugins de faire deux choses importantes, toutes deux très exigeantes: travailler gratuitement pour la compatibilité avec Gutenberg. Laissez Gutenberg remplacer. Il y a donc beaucoup damp;rsquointerruptions dans les plug ins et lamp;rsquoespace thématique. Cependant, je pense que c’est un développement absolument nécessaire pour la communauté WordPress. Je vais tamp;rsquoexpliquer.
Gutenberg et les plug ins migl existants
Le plug in IAIA doit être modifié pour être compatible avec Gutenberg, ce qui présente un grand avantage pour ceux qui le font. Les plug ins de woocommerce à yoast, sans parler des milliers de petits plug ins qui enregistrent des widgets, des codes courts ou des méta boîtes, devront être modifiés damp;rsquoune manière qui namp;rsquoa pas encore été entièrement spécifiée pour aligner leur interface utilisateur sur le bloc Gutenberg. Lamp;rsquoavantage serait étonnant: woocommerce, par exemple, samp;rsquoest moqué de ce que pourrait être le bloc
Il y a donc beaucoup de choses excitantes ici. Mais la transition sera chaotique et prendra du temps, surtout pour les petits développeurs et les plug ins gratuits. Bien sûr, il y a aussi des plug ins hérités qui enregistrent des widgets ou du Code court. Par exemple, il y a déjà un bloc de code raccourci qui permet de coller le Code raccourci comme dans lamp;rsquoéditeur actuel, et je suis sûr quamp;rsquoil rend parfaitement le module Contact Form 7 à lamp;rsquoavant. Il y a aussi un long et controversé débat sur la façon et lamp;rsquoendroit où Gutenberg mettra la boîte de remerciement: le panneau damp;rsquooptions que les plug ins enregistrent souvent. (le panneau yoast ou le panneau de configuration du produit woocommerce, qui se trouve actuellement sous lamp;rsquoéditeur tinymce, sont des exemples damp;rsquoune collection très complexe de métabox.) Je ne sais pas comment ça marche. Mais je crois comprendre quamp;rsquoil y a un plan. Bien sûr, je sais que Gutenberg a promis de ne pas détruire le soutien de metabox (
Prévisualiser quand damp;rsquoautres choses se produiront, moins de gens intégreront le contenu de lamp;rsquoancienne façon, les métabases seront bloquées quelque part, les alternatives compatibles avec Gutenberg seront plus attrayantes et faciles à utiliser, et ainsi de suite. En damp;rsquoautres termes, si voulez que les plug ins restent
Tenberg est différent. Dans une large mesure, les thèmes WordPress actuellement conçus sont un mauvais choix par rapport aux mises en page personnalisées créées avec gutenblocks. Gutenberg a saisi le sujet et a dû manger leur déjeuner. avez un bloc damp;rsquoimages de couverture qui peut être intégré namp;rsquoimporte où et prévisualisé en temps réel, pourquoi voulez un widget damp;rsquoimages de héros pour un thème? pouvez avoir un bloc de boutons intégré partout et un aperçu en direct, pourquoi voulez un court Code pour un sujet appelé boutons damp;rsquoaction? pouvez avoir (ou créer) un modèle de bloc damp;rsquoéquipe qui peut être intégré dans namp;rsquoimporte quel aperçu visible et en temps réel, pourquoi avez besoin damp;rsquoun modèle de page damp;rsquoéquipe pour un thème? Il y a beaucoup de code de sujet écrit de la façon dont Gutenberg lamp;rsquoa rendu obsolète. Le fait est quamp;rsquoil y a beaucoup de code de sujet écrit de la façon dont Gutenberg lamp;rsquoa rendu obsolète. Corriger toutes les caractéristiques damp;rsquoun thème avec un schéma aléatoire pour lamp;rsquoaligner sur Gutenberg (camp;rsquoest à dire lamp;rsquoenregistrer comme Gutenberg) signifie beaucoup de réécritures sur chaque thème que vendez. Et le thème du constructeur de page? Au cours des dernières années, de nombreux développeurs de thèmes ont réalisé que la mise en page codée et les éléments de mise en page ne sont pas la meilleure façon de concevoir un thème. Au lieu de cela, les utilisateurs devraient être en mesure damp;rsquoobtenir des projets spécifiques au sujet (par exemple, des modules personnalisés pour les membres de lamp;rsquoéquipe) et de les placer où ils le souhaitent sur la page. Ces développeurs de thèmes ont regroupé leurs thèmes avec des générateurs de pages damp;rsquoaffaires, en particulier avec des générateurs de premier plan sur le marché et des étoiles mortes de code court appelées compositeurs visuels. Au lieu damp;rsquoenregistrer une mise en page personnalisée (par exemple, à partir damp;rsquoune page damp;rsquoaccueil avec des widgets), ces développeurs enregistrent des modules de compositeur visuel personnalisés et font essentiellement leurs sujets comme des enveloppes minces pour le compositeur visuel lui même. Samp;rsquoil y a une différence, ces développeurs de thème sont Pegg
Je lamp;rsquoai trouvé. Ils ne savent pas quelle est la largeur de votre zone de contenu, quamp;rsquoil samp;rsquoagisse damp;rsquoune largeur totale ou damp;rsquoune disposition, ou même samp;rsquoils sont dans votre zone de contenu ou dans la barre latérale. De plus, ils ne savent pas quel style de décision a été adopté pour le sujet. Parfois, ils peuvent utiliser des techniques ingénieuses pour hériter de certains CSS thématiques Cependant, fondamentalement, Act ne sait pas quel est le choix général de la disposition, de la couleur et de la disposition du sujet. Ainsi, les plugins modulaires peuvent sembler un peu ennuyeux dans WordPress, ou ils peuvent être sûrs, tout comme la façon dont présentez à des personnes que avez peut être rencontrées ou non, qui peuvent ou non parler votre langue, qui peuvent ou non être des enfants. Gutenberg est la solution à ce problème. Il fait des choix intenses et concrets sur plusieurs éléments de conception très importants, tels que la façon dont le sujet détermine son schéma de couleurs primaires. À quoi ressemble la disposition des colonnes? Comment un bloc particulier samp;rsquoinsère t il pour savoir de quoi il samp;rsquoagit et de quel bloc il samp;rsquoinsère?
Comme ces choix standardisés se répandent sur WordPress, il est important de créer dès que possible les plug ins qui les utilisent – plug ins de modules, plug ins de galeries, plug ins d’auteurs biologiques, plug ins de suivi social, etc. Par exemple, lamp;rsquoicône du plug in damp;rsquoattention sociale gutenblocked utilise par défaut la « couleur damp;rsquoaccent » du thème, samp;rsquoadapte de façon transparente à lamp;emplacement à côté des autres éléments de mise en page et est mise à jour en temps réel lorsque lamp;rsquoutilisateur ajoute et supprime des liens vers les médias sociaux. Le résultat final devrait également être que les joueurs qui se déplacent plus rapidement et plus efficacement vers Gutenberg seront les premiers choix puissants sur lesquels le thème est basé. Un thème peut Lister sa compatibilité avec les blocs blocs de forme gravitationnelle, blocs de partage social facile, activités tribales modernes
Autour damp;rsquoun générateur de mise en page qui travaille dans un bloc, le sujet devrait faire trois choses: faire des choix prédéfinis intéressants en dehors de la zone de contenu: en tête, pied de page, navigation. Fournit le langage visuel par défaut de base: largeur, couleur, typographie. Fournir une « peau » personnalisée pour les blocs, y compris les blocs maîtres Gutenberg et les extensions de blocs basées sur des plug ins, qui sont intégrés au langage visuel global du thème. Camp;rsquoest ce que fait le modèle squarespace, et lamp;rsquoexpérience utilisateur samp;rsquoaméliore considérablement. Le modèle damp;rsquoespace carré se compose essentiellement de couleurs et de caractères prédéfinis, de la disposition du menu, de la largeur maximale dans la zone de contenu et de la façon par défaut damp;rsquoafficher les blocs damp;rsquoespace carré standard, tels que les formulaires de contact, lorsquamp;rsquoils sont traînés à lamp;rsquoavant. Cela signifie que tout ce que font les thèmes WordPress est redondant. Modèles de page personnalisés de la page damp;rsquoaccueil 1 à la page damp;rsquoaccueil 8: trop. Inscrivez à la disposition « nos services » à trois colonnes pour un ensemble damp;rsquooptions personnalisées: trop, inscrivez simplement à un modèle de bloc Gutenberg et laissez lamp;rsquoutilisateur décider du nombre de colonnes. Un widget de lecteur de disque personnalisé: trop, il devrait y avoir un plug in compatible Gutenberg, enregistrer un bloc pour lui, puis Skinner le bloc de thème. Un court code personnalisé
Squarespace a peut être 100 modèles et fait du bon travail. À mon avis, 1000 grands thèmes WordPress suffisent. La mise en page est entièrement personnalisée, tout le travail lourd est dans le plugin, et le thème lui même est infiniment personnalisé en termes de couleur et de typographie. Avons nous vraiment besoin de plus de 1000 façons prédéfinies pour quamp;rsquoil apparaisse? Une fois que Gutenberg aura été pleinement adopté, ces thèmes namp;rsquoauront pas beaucoup damp;rsquoeffet. Lorsque créez des sites WordPress, ils ne doivent plus être votre principal objet d’achat. Quel que soit le nombre, le point principal est que le sujet ne devrait pas être trop. Lorsque créez un site WordPress et un grand nombre de
Un grand paiement (à l’intérieur ou à l’extérieur de WordPress) commence avec elle ou l’ajoute dès que possible. Parce que Gutenberg ne fait pas damp;rsquoédition frontale: il est trop difficile pour Gutenberg de ne pas envoyer damp;rsquoéditeur frontal parce quamp;rsquoil est trop difficile damp;rsquoécrire un éditeur de noyau. Alors pourquoi Gutenberg ne se dirige t il pas vers lamp;rsquoéditeur frontal? Je ne lamp;rsquoai pas encore confirmé aux autres, mais je suis sûr que la réponse est simple: Camp;rsquoest trop dur! Bien sûr, il namp;rsquoest pas difficile damp;rsquoécrire un éditeur de contenu frontal Des dizaines de solutions commerciales le font. Mais camp;rsquoest un peu différent. avez acheté un constructeur de première ligne commercial, mais quamp;rsquoil ne fonctionne pas sur votre site, pouvez simplement demander un remboursement et passer au constructeur suivant, et tout va bien. Le cœur de WordPress est différent: il n’y a pas de “remboursement” lorsque l’expérience d’édition WordPress par défaut est interrompue sur votre site. Au lieu de cela, il deviendra un oeil noir sur le logiciel lui même et un billet de soutien pour ceux qui essaient de aider (leur temps namp;rsquoest pas payé). En d’autres termes, le générateur frontal de WordPress Core ne devrait pas seulement fonctionner, mais devrait fonctionner n’importe où. Cela signifie des interactions JavaScript avancées et glisser déposer sur n’importe quel hôte aléatoire et potentiellement effrayant à l’avant de n’importe quel site WordPress La mise en place, le marquage et le style de tout sujet aléatoire et potentiellement effrayant Toute combinaison de plug ins aléatoires et potentiellement effrayants, modifiés et ajoutés à lamp;rsquoavant au besoin. Jamp;rsquoaime les constructeurs de Castors, mais ça ne marche pas partout. Jamp;rsquoai des projets qui ne fonctionnent pas avec des thèmes et des plug ins autour de thèmes. Jamp;rsquoai essayé autre chose. le logiciel est au cœur de WordPress et implique l’engagement de ne fonctionner que sur mon site WordPress, alors le même problème sera les contraventions trac, même e
Les commentaires sur wpshout sont essentiels. Gutenberg doit être un éditeur damp;rsquoarrière plan pour séparer lamp;rsquoenvironnement damp;rsquoéditeur contrôlé de la confusion que lamp;rsquoutilisateur peut voir à lamp;rsquoavant. Il est donc très difficile damp;rsquoutiliser lamp;rsquoéditeur frontal dans le noyau: trop damp;rsquoerreurs sont possibles. Gutenberg doit être un éditeur damp;rsquoarrière plan afin quamp;rsquoil puisse maintenir la séparation entre lamp;rsquoenvironnement contrôlé de lamp;rsquoéditeur et les étiquettes potentiellement sauvages et extravagantes (selon le thème et le plug in) que lamp;rsquoutilisateur voit réellement à lamp;rsquoavant. Cela explique également, à titre damp;rsquoillustration supplémentaire, pourquoi le plug in de lamp;rsquoéditeur frontal namp;rsquoa pas été utilisé, qui, samp;rsquoil était valide, aurait pu être Gutenberg, mais qui était encore meilleur il y a quelques années. Ce qui samp;rsquoest passé, camp;rsquoest que le mur de brique complexe que jamp;rsquoai décrit ici est devenu évident, et lamp;rsquoengagement damp;rsquoéditer à lamp;rsquoavant dans le noyau namp;rsquoest devenu quamp;rsquoune impasse connue. On dirait un travail sur le marché libre. Le jeu a été lancé pour un plugin commercial qui a mis Gutenberg en tête. À mon avis, ce concours est ouvert à un plugin commercial qui place Gutenberg à lamp;rsquoavant garde. Je veux dire: un générateur de page est en fait ce que voyez et ce que obtenez (voir ci dessus pour ce que cela signifie), et il permet aux utilisateurs de manipuler le contenu directement dans la zone de contenu de la page, au lieu damp;rsquoenregistrer leurs propres cadres JavaScript et CSS, mais en utilisant le système de blocs Gutenberg. Je ne sais pas comment ça marche techniquement, mais je sais que camp;rsquoest possible. Ceux qui font la promotion de ce plugin ne résoudront pas les défis techniques que personne damp;rsquoautre ne peut résoudre Ninter veut libérer lamp;rsquoexpérience damp;rsquoédition frontale basée sur Gutenberg de deux façons: elle namp;rsquoa pas à fonctionner namp;rsquoimporte où. Aide remboursable. Essentiellement, le plug in namp;rsquoest quamp;rsquoune extension du travail technique existant à Gutenberg, tirant parti des faibles attentes et de la rentabilité du plug in de communication.
Cela a tout changé: Gutenberg va bien maintenant
