Conseils pour commencer le développement de Gutenberg: ce que vous devez savoir

Au début de l’année dernière, nous avons écrit sur l’éditeur Gutenberg et son importance pour l’ensemble de l’environnement WordPress. Que vous ayez essayé ou non, le problème est que nous devons le savoir. Du point de vue des développeurs et du contenu, cette amélioration va changer la façon dont nous encodons et générons le contenu dans WordPress. Sans parler de tous les avantages du bloc et de la façon dont nous créons le contenu. Du point de vue du marketing de contenu, l’éditeur de Gutenberg est certainement un novice. Du développeur… Pour autant que je sache, il y a encore du temps pour l’amélioration, n’est – ce pas?
Maintenant, nous avons partagé 31 conseils sur le développement de Gutenberg juste avant la sortie complète de Gutenberg editor. Zach Gordon est l’auteur de ces propositions et nous les partageons maintenant. Meilleur hôte recommandé par meks Tout a commencé après la dernière wcu (n’oubliez pas le mot État ou 2017). Zach a écouté le débat sur cette nouvelle fonctionnalité et a eu l’idée de participer au cours de développement de l’éditeur Gutenberg. Pendant ce temps, il a commencé à partager des pourboires gratuits, donc c’est ici. J’espère que vous les trouverez aussi utiles que nous! De plus, pour plus de conseils et d’informations sur ce sujet brûlant, visitez le site Web de ZAC.
Voir aussi: l’avenir de WordPress et des éditeurs Gutenberg – Présentation de Matt à wordcamp Europe 2019 31 conseils de démarrage pour le développement de Gutenberg 1. Développement de Gutenberg ~ conseils pour la Journée des débutants: utilisez \
F. LY \/ 2d4xuwh 13. Gutenberg Development ~ starter Day prompt # 13: lors de la création d’un bloc personnalisé, il y a 5 types de blocs à choisir: général, formatage, mise en page, Widget et intégration https:\/\/buff.ly\/2p9AY7t 14. Développement Gutenberg ~ Conseil de la Journée des débutants # 14: Avez – vous déjà utilisé la démonstration Gutenberg lors de l’installation du plug – in? Un fichier JS simple qui contrôle le chargement du contenu du bloc. Voir les propriétés d’annotation GB dans le travail. https:\/\/buff.ly\/2BQ88eZ Développement de Gutenberg ~ Journée des débutants # 15 conseils sur la façon d’ajouter JavaScript et CSS aux blocs de Gutenberg dans les plug – ins et les thèmes https:\/\/buff.ly\/2DMDlQS 16. Développement Gutenberg ~ conseils pour la Journée des débutants # 16: Si vous vous trouvez à commencer ou à vouloir reconstruire le bloc central… Il est peut – être temps de passer à un modèle ou à une méthode avec des blocs réutilisables. 17. Gutenberg Development ~ Beginner Day prompt # 17: registerblocktype () est au cœur de la création de blocs personnalisés. Voici comment ça marche. https:\/\/buff.ly\/2lkIAic 18. Gutenberg Development ~ starter Day tip # 18: en général, les blocs personnalisés appartiennent à des plug – ins plutôt qu’à des thèmes. Cependant, les thèmes peuvent être façonnés et intégrés dans une certaine mesure! A mon avis 19. Gutenberg Development ~ starter Day tip # 19: Utilisez cet outil en ligne utile pour convertir n’importe quel SVG en jsx valide, qui peut être copié et collé comme icône de bloc personnalisé https:\/\/buff.ly\/2pVPD6F 20. Gutenberg Development ~ starter Day prompt # 20: Yes. En fait, vous devez connaître une réaction à la collaboration avec Gutenberg. Ou au moins en apprenant Gutenberg 21, vous apprendrez quelque chose sur React. Gutenberg Development ~ starter’s Day # 21 TIP: Voulez – vous personnaliser la palette de blocs et la mettre avec
La couleur du sujet? Voici quelques lignes de PHP, et voici comment – – https:\/\/buff.ly\/2Cq6Pnj 22. Développement de Gutenberg ~ Conseil de la Journée des débutants # 22: les composants de Gutenberg sont un moyen simple d’ajouter de l’accessibilité et de la fluidité à un contrôle de bloc personnalisé. Apprenez comment l’utiliser dans votre bloc – https:\/\/buff.ly\/2CALuYu Développement Gutenberg ~ conseils pour la Journée des débutants 23: les modèles de blocs vous permettent d’assigner des blocs prédéfinis à des messages personnalisés, des pages ou des types de messages. Tu peux même les arrêter. Voici comment ils fonctionnent. https:\/\/buff.ly\/2F3G8Ga 24. Gutenberg Development ~ starter Day # 24 TIP: comme Gutenberg sera lancé dès le début, il ne peut pas remplacer les plug – ins riches de création de site Web ou de page de première ligne. Il s’agit d’une expérience d’édition grandement améliorée, mais pas d’une alternative… Oui.
Gutenberg Development ~ starter Day # 25 conseils: Vous pouvez utiliser WP. I18n () n’importe où dans le Code de bloc pour rendre le texte de l’interface utilisateur de bloc disponible pour la traduction. C’est simple, c’est tout! https:\/\/buff.ly\/2CJ6Vpr Gutenberg développe ~ starter Day skill 26: la création d’une interface utilisateur Block avec jsx permet d’économiser du temps et de fournir un code plus lisible. Lisez ce guide officiel pour commencer à travailler https:\/\/buff.ly\/2CNSssr 27. Gutenberg Development ~ Beginner Day # 27 TIP: Gutenberg fournit quelques options add _ Theme support () aux développeurs de thème. Voir les références dans le Manuel Gutenberg ici – https:\/\/buff.ly\/2miv1Ay Développement de Gutenberg ~ jour 28 conseils de démarrage: pour les demandes d’api sans React dans Gutenberg, essayez WP. Apiresquest () – https:\/\/buff.ly\/2Dq0fhc Ou, si vous utilisez React, essayez apidata dans le composant – https:\/\/buff.ly\/2DqSAPQ 29. Développement
Gutenberg ~ starter Day # 29 prompt: le réglage optionnel de description pour registerblocktype vous permettra de définir des descriptions traduisibles pour les blocs. https:\/\/buff.ly\/2DGAjhp 30. Gutenberg Development ~ starter Day tip # 30: woowoowoo! La documentation du modèle de bloc est disponible dans le Manuel GB! Développeurs de thème ~ vous les aimerez https:\/\/buff.ly\/2mDDtdN 31. Gutenberg Development ~ starter Day # 31 prompt: Si vous voulez interagir avec des méta – boîtes, des options de plug – in ou d’autres données de base de données, une bonne Convention est de personnaliser les paramètres de l’API et les appels de l’API JS à partir du bloc. Avez – vous déjà essayé Gutenberg Editor, qu’en pensez – vous? Veuillez nous faire part de vos commentaires ci – dessous.