Consejos para principiantes sobre el desarrollo de Gutenberg: lo que necesita saber

A principios del año pasado, escribí sobre el editor de Gutenberg y lo que significa para el entorno general de WordPress. Ya sea que lo haya intentado o no, la verdad es que tenemos que informar sobre ello. Tanto de los desarrolladores como del contenido, esta mejora cambiará la forma en que codificamos y producimos contenido en WordPress. Sin mencionar todas las ventajas que vienen con los bloques y formas en que creamos contenido. Desde el punto de vista del marketing de contenidos, el editor de Gutenberg es definitivamente un renacimiento. Del desarrollador … hasta donde he escuchado, hay tiempo para mejoras, ¿sí?
Ahora, incluso en el tiempo y antes del lanzamiento completo del editor de Gutenberg, compartimos 31 consejos sobre el desarrollo de Gutenberg. Zac Gordon es el autor de estos consejos que ahora compartimos con ustedes.
Alojamiento superior recomendado por MEKS



Todo comenzó inmediatamente después de la última WCU (no olvidar al estado una palabra 2017). Zac escuchó un debate sobre la nueva característica y llegó a la idea de trabajar en Gutenberg Editor Development. Al mismo tiempo, comenzó a compartir consejos gratuitos, así que aquí. ¡Espero que los encuentres útiles como nosotros! Y, para obtener más consejos e información sobre este tema en las tendencias, no olvide visitar el sitio web de Zac.
Ver también: El futuro editor de WordPress y Gutenberg – Matt’s Discurso en WordCamp Europe 2019
31 Consejos para principiantes sobre el desarrollo de Gutenberg 1. Desarrollo Gutenberg ~ El Consejo Daily para principiantes: use “Enqueue_block_editor_assets” para conectar el Javascript del bloque personalizado a Gutenberg

2. Desarrollo de Gutenberg ~ El consejo del día para principiantes: WP.Element es la capa abstracta de WordPress por encima de React y Reactdom3. Desarrollo Gutenberg ~ Consejo para el día para principiantes #3: WP.I18N es la biblioteca de clientes para la ubicación en WordPress, haz que sea adicción a tus archivos JS Bloque

4. Desarrollo de Gutenberg ~ El consejo del día para los principiantes #4: Puede usar Pellicons WordPress predeterminado como iconos de bloque. También puede usar iconos SVG personalizados. Aquí hay un tutorial como => https://buff.ly/2bsla1s

5. Desarrollo de Gutenberg ~ El consejo del día para principiantes #5: /blocks /biblioteca es el lugar donde viven todos los bloqueos predeterminados de Gutenberg. Vea cómo se construyen – https://buff.ly/2bsavpz

6. Desarrollo de Gutenberg ~ Consejo del día para principiantes #6: Use la configuración de “palabra clave” para aparecer para las palabras clave que no están en el nombre del bloque. Aquí hay un tutorial que muestra cómo => https://buff.ly/2bdm4gp

7. Desarrollo de Gutenberg ~ consejo del día para principiantes #7: Lea este artículo del desarrollador Core Gutenberg @riadbeguella – “mil y una forma de expandir a Gutenberg hoy” – https://buff.ly/2bivepe

8. Desarrollo de Gutenberg ~ El consejo del día para principiantes #8: Si aún no lo ha explorado, el manual de desarrolladores de Gutenberg es bastante útil-https: //buff.ly/2bbk1dz

9. Desarrollo de Gutenberg ~ consejo del día para principiantes #9: ¿Sabía que hay un “tema de Gutenberg” que puede consultar? ¿Veinte -Eciete? https://buff.ly/2nsbfqq

10. Desarrollo de Gutenberg ~ consejo del día para principiantes #10: ¿Sabía que hay un comando @WPCLI para bloques de andamios? https://buff.ly/2cy19xm11. Desarrollo de Gutenberg ~ Consejo para principiantes #11: para usar JSX en sus bloques, simplemente agregue el complemento “Transform-React-JSX” como se hizo en el núcleo de Gutenberg .babelrc-https: //buff.ly/ file. 2Cy76og

12. Desarrollo Gutenberg ~ El consejo del día para los principiantes #12: Hay una discusión interesante sobre cómo los complementos alternativos deben tratar con el editor clásico. Si es un desarrollador de arado, debe verificarlo-https: //buff.ly/2d4xuwh

13. Desarrollo de Gutenberg ~ El consejo del día para principiantes #13: Hay 5 categorías de bloques desde las cuales puede elegir al crear un bloque personalizado: común, formateo, widgets e incorporación https://buff.ly/2p9aay7t

14. Desarrollo de Gutenberg ~ consejo del día para principiantes #14: ¿Alguna vez ha utilizado la demostración de Gutenberg cuando instala el complemento? Verifique el archivo JS simple que carga el contenido del bloque. Vea los atributos de comentarios de GB en el trabajo. https://buff.ly/2bq88ez


15. Desarrollo de Gutenberg ~ Consejo para el día para principiantes #15: Cómo agregar JavaScript y CSS a Gutenberg bloquea la forma correcta en complementos y temas https://buff.ly/2DMDLQS

16. Desarrollo de Gutenberg ~ consejo del día para principiantes #16: Si comienza o desea reconstruir bloques básicos … puede ir a una plantilla o bloques reutilizables.

17. Desarrollo Gutenberg ~ El consejo del día para principiantes #17: RegistroBockType () está en el centro de construcción de bloques personalizados. Así es como funciona https://buff.ly/2lkiaic

18. Desarrollo de Gutenberg ~ El consejo del día para principiantes #18: En general, los bloques personalizados pertenecen a los complementos, no a los temas. Sin embargo, los temas se pueden diseñar e integrarse hasta cierto punto con bloques. Desde mi punto de vista19. Desarrollo Gutenberg ~ Consejo para principiantes #19: Use esta útil herramienta en línea para convertir cualquier SVG a JSX válido que se pueda copiar y atascarse como un icono para su bloque personalizado https://buff.ly/2PVPD6F
20. Desarrollo de Gutenberg ~ El consejo del día para principiantes #20: Sí. De hecho, debe saber que algo reaccionó para trabajar con Gutenberg. O al menos aprenderá algo reaccionando en Gutenberg’s Learning 21. Desarrollo Gutenberg ~ El día para principiantes #21: ¿Quiere personalizar la paleta de colores para bloques y hacer que coincidan con el esquema de color para su tema? Solo hay unas pocas líneas de PHP aquí es cómo – https://buff.ly/2cq6pnj

22. Desarrollo de Gutenberg ~ El consejo del día para los principiantes #22: El componente de Gutenberg es una manera fácil de agregar accesibilidad y elegancia a sus controles de bloqueo personalizados. Aprenda a usarlo en sus bloques-https: //buff.ly/2caluyu

23. Desarrollo de Gutenberg ~ El consejo del día para los principiantes #23: Las plantillas de bloques le permiten asignar bloques implícitos a publicaciones, páginas o tipos personalizados. Incluso puedes bloquearlos. Así es como funciona https://buff.ly/2f3g8ga
24. Desarrollo de Gutenberg ~ El consejo del día para principiantes #24: Como se lanzará al principio, Gutenberg no es un reemplazo de complementos ricos para sitios de front-end o para la generación de páginas. Es una experiencia de edición mejorada, pero no un reemplazo … todavía. 25. Desarrollo de Gutenberg ~ Consejo del día para principiantes #25: Probablemente usará wp.i18n .__ () en todo su código de bloqueo para que el texto del bloque esté disponible para la traducción. Es simple, ¡así es como! https://buff.ly/2cj6vpr26. Desarrollo Gutenberg ~ Consejo para el día para principiantes #26: Uso de JSX para crear las interfaces de usuario de su bloque puede ahorrarle tiempo y darle un código más limpio y legible. Lea esta guía oficial para preparar y ejecutar https://buff.ly/2cnsssr

27. Desarrollo de Gutenberg ~ El consejo del día para principiantes #27: Gutenberg tiene algunos add_theme_support () para desarrolladores de temas. Vea la referencia para estos en el manual de Gutenberg aquí: https://buff.ly/2miv1ay

28. Desarrollo de Gutenberg ~ El consejo del día para principiantes #28: Para las solicitudes de la API sin reaccionar dentro de Gutenberg, pruebe WP.Apirequest () – https://buff.ly/2DQ0FHC o si usa React, Pruebe su componente () en su componente. – https://buff.ly/2dqsapq

29. Desarrollo de Gutenberg ~ El consejo diario para principiantes #29: La configuración opcional de “descripción” para RegistroBlockType le permitirá establecer una descripción traducible para su bloque https://buff.ly/2dgajhp

30. Desarrollo de Gutenberg ~ El consejo del día para principiantes #30: ¿Quiénes son! ¡La documentación para las plantillas de bloques está disponible en el manual de GB! Desarrolladores de temas ~ Te gustarán estos https://buff.ly/2mddtdn