SlideShare una empresa de Scribd logo

Desarrollo de bloques de Gutenberg para programadores con poco tiempo

Mis plegarias fueron escuchadas. Sabía que tarde o temprano la Comunidad de WordPress se volcaría en crear un software que facilitase la creación de bloques de Gutenberg. Elliot Condon y su equipo de desarrolladores, del reconocido plugin ACF, fueron los responsables de este milagro que me ha ahorrado decenas y decenas de horas (y dinero) en mis proyectos. Acércate para ver lo fácil que es utilizarlo y cómo puedes, tú también, implementarlo en tus desarrollos.

1 de 29
Descargar para leer sin conexión
Desarrollo de bloques de Gutenberg para
desarrolladores con poco tiempo
M A U R I C I O G E L V E S - @ m a u g e l v e s
Desarrollador Freelance WP
Nómade Digital
YouTube - Instagram
Hola!
Soy Mauricio Gelves
RRSS ➡ @maugelves
Disclaimer ⚠
Solo para evitar malentendidos
El tiempo del Freelance
Presupuestos
Desarrollo del
proyecto
Project
Management
Mantenimientos
WordCamps
Gutenberg
React
Webpack
Js ES6
WordPress &
Plugins
Una Comunidad que me ayuda y me permite
desarrollarme como Freelance.

Recomendados

Modifica y crea temas de WordPress - Meetup WP Ourense
Modifica y crea temas de WordPress - Meetup WP OurenseModifica y crea temas de WordPress - Meetup WP Ourense
Modifica y crea temas de WordPress - Meetup WP OurenseJuan Hernando García
 
WordPress Granollers: Multiidioma en WordPress
WordPress Granollers: Multiidioma en WordPressWordPress Granollers: Multiidioma en WordPress
WordPress Granollers: Multiidioma en WordPressRaúl Martínez
 
10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017
10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 201710 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017
10 consejos para mejorar la WPO en WordPress - Ponencia Wordcamp Alicante 2017Juan Seguí Moreno
 
WordPress Granollers: Copias de seguridad...y vive tranquilo!
WordPress Granollers: Copias de seguridad...y vive tranquilo!WordPress Granollers: Copias de seguridad...y vive tranquilo!
WordPress Granollers: Copias de seguridad...y vive tranquilo!Raúl Martínez
 

Más contenido relacionado

La actualidad más candente

Optimización Web (+ HTML5)
Optimización Web (+ HTML5)Optimización Web (+ HTML5)
Optimización Web (+ HTML5)Rodrigo Ayala
 
HTML para incrustar objetos
HTML para incrustar objetosHTML para incrustar objetos
HTML para incrustar objetosjaviblan
 
HTTP/3, PHP 7.4 y otras novedades en WPO para WordPress
HTTP/3, PHP 7.4 y otras novedades en WPO para WordPressHTTP/3, PHP 7.4 y otras novedades en WPO para WordPress
HTTP/3, PHP 7.4 y otras novedades en WPO para WordPressFernando Puente
 
WordPress para programadores
WordPress para programadoresWordPress para programadores
WordPress para programadoreswpargentina
 
Tp 4 alvaro
Tp 4 alvaroTp 4 alvaro
Tp 4 alvaromausheng
 
Flujos de trabajo para un desarrollador web frontend
Flujos de trabajo para un desarrollador web frontendFlujos de trabajo para un desarrollador web frontend
Flujos de trabajo para un desarrollador web frontendLeonidas Esteban González
 
Sácale todo el provecho a Stylus el mejor pre procesador de CSS
Sácale todo el provecho a Stylus el mejor pre procesador de CSSSácale todo el provecho a Stylus el mejor pre procesador de CSS
Sácale todo el provecho a Stylus el mejor pre procesador de CSSLeonidas Esteban González
 
#MM17ES - Theming en Magento 2 usando un framework de front-end
#MM17ES - Theming en Magento 2 usando un framework de front-end#MM17ES - Theming en Magento 2 usando un framework de front-end
#MM17ES - Theming en Magento 2 usando un framework de front-endRubén Rodríguez
 
No más plugins
No más pluginsNo más plugins
No más pluginswpperu
 
Dixio ForWeb, el diccionario inteligente para tu web. Manual para instalar Di...
Dixio ForWeb, el diccionario inteligente para tu web. Manual para instalar Di...Dixio ForWeb, el diccionario inteligente para tu web. Manual para instalar Di...
Dixio ForWeb, el diccionario inteligente para tu web. Manual para instalar Di...Semantix
 
Web Performance Best Practices
Web Performance Best PracticesWeb Performance Best Practices
Web Performance Best PracticesINSIGNIA4U
 
Introducción a Responsive Design con HTML5 y CSS3
Introducción a Responsive Design con HTML5 y CSS3Introducción a Responsive Design con HTML5 y CSS3
Introducción a Responsive Design con HTML5 y CSS3Gerson Perez Aguilar
 

La actualidad más candente (20)

Tp 10
Tp 10Tp 10
Tp 10
 
Harry potter tarea info
Harry potter tarea infoHarry potter tarea info
Harry potter tarea info
 
Optimización Web (+ HTML5)
Optimización Web (+ HTML5)Optimización Web (+ HTML5)
Optimización Web (+ HTML5)
 
HTML para incrustar objetos
HTML para incrustar objetosHTML para incrustar objetos
HTML para incrustar objetos
 
Adobe flash cs5
Adobe flash cs5Adobe flash cs5
Adobe flash cs5
 
HTTP/3, PHP 7.4 y otras novedades en WPO para WordPress
HTTP/3, PHP 7.4 y otras novedades en WPO para WordPressHTTP/3, PHP 7.4 y otras novedades en WPO para WordPress
HTTP/3, PHP 7.4 y otras novedades en WPO para WordPress
 
WordPress para programadores
WordPress para programadoresWordPress para programadores
WordPress para programadores
 
Tp 4 alvaro
Tp 4 alvaroTp 4 alvaro
Tp 4 alvaro
 
Flujos de trabajo para un desarrollador web frontend
Flujos de trabajo para un desarrollador web frontendFlujos de trabajo para un desarrollador web frontend
Flujos de trabajo para un desarrollador web frontend
 
Nuevas Etiquetas HTML
Nuevas Etiquetas HTMLNuevas Etiquetas HTML
Nuevas Etiquetas HTML
 
Consulta wordpress
Consulta  wordpressConsulta  wordpress
Consulta wordpress
 
Sácale todo el provecho a Stylus el mejor pre procesador de CSS
Sácale todo el provecho a Stylus el mejor pre procesador de CSSSácale todo el provecho a Stylus el mejor pre procesador de CSS
Sácale todo el provecho a Stylus el mejor pre procesador de CSS
 
#MM17ES - Theming en Magento 2 usando un framework de front-end
#MM17ES - Theming en Magento 2 usando un framework de front-end#MM17ES - Theming en Magento 2 usando un framework de front-end
#MM17ES - Theming en Magento 2 usando un framework de front-end
 
No más plugins
No más pluginsNo más plugins
No más plugins
 
Dixio ForWeb, el diccionario inteligente para tu web. Manual para instalar Di...
Dixio ForWeb, el diccionario inteligente para tu web. Manual para instalar Di...Dixio ForWeb, el diccionario inteligente para tu web. Manual para instalar Di...
Dixio ForWeb, el diccionario inteligente para tu web. Manual para instalar Di...
 
Compu
CompuCompu
Compu
 
Web Performance Best Practices
Web Performance Best PracticesWeb Performance Best Practices
Web Performance Best Practices
 
Introducción a Responsive Design con HTML5 y CSS3
Introducción a Responsive Design con HTML5 y CSS3Introducción a Responsive Design con HTML5 y CSS3
Introducción a Responsive Design con HTML5 y CSS3
 
Lightbox
LightboxLightbox
Lightbox
 
1. Objetivos del curso de GIT y GITHUB.
1. Objetivos del curso de GIT y GITHUB.1. Objetivos del curso de GIT y GITHUB.
1. Objetivos del curso de GIT y GITHUB.
 

Similar a Desarrollo de bloques de Gutenberg para programadores con poco tiempo

Taller de WordPress avanzado | #EBE11
Taller de WordPress avanzado | #EBE11Taller de WordPress avanzado | #EBE11
Taller de WordPress avanzado | #EBE11Rafael Poveda
 
Caso real: Como migré un proyecto de Visual Composer a Gutenberg
Caso real: Como migré un proyecto de Visual Composer a GutenbergCaso real: Como migré un proyecto de Visual Composer a Gutenberg
Caso real: Como migré un proyecto de Visual Composer a GutenbergMarta Torre
 
Introducción a HTML5 y CSS3 AWGR
Introducción a HTML5 y CSS3 AWGRIntroducción a HTML5 y CSS3 AWGR
Introducción a HTML5 y CSS3 AWGRvalgreens
 
Adapta tu tema a Gutenberg - WordCamp Sevilla 2018
Adapta tu tema a Gutenberg - WordCamp Sevilla 2018Adapta tu tema a Gutenberg - WordCamp Sevilla 2018
Adapta tu tema a Gutenberg - WordCamp Sevilla 2018Fernando Puente
 
Mejorandolaweb guia-html5
Mejorandolaweb guia-html5Mejorandolaweb guia-html5
Mejorandolaweb guia-html5Zavl Litro
 
SharePoint Framework, paso a paso
SharePoint Framework, paso a pasoSharePoint Framework, paso a paso
SharePoint Framework, paso a pasoHaaron Gonzalez
 
HTML5 la revolución!
HTML5 la revolución!HTML5 la revolución!
HTML5 la revolución!maspixel
 
WordCamp Alicante 2017 - De HTML a WordPress
WordCamp Alicante 2017 - De HTML a WordPressWordCamp Alicante 2017 - De HTML a WordPress
WordCamp Alicante 2017 - De HTML a WordPressDarío BF
 
Programación Optimizada - Search Congress Valencia 2009
Programación Optimizada - Search Congress Valencia 2009Programación Optimizada - Search Congress Valencia 2009
Programación Optimizada - Search Congress Valencia 2009ferranbonas
 
Desarrollando de aplicaciones web modernas para Linux, Windows y Mac con ASP....
Desarrollando de aplicaciones web modernas para Linux, Windows y Mac con ASP....Desarrollando de aplicaciones web modernas para Linux, Windows y Mac con ASP....
Desarrollando de aplicaciones web modernas para Linux, Windows y Mac con ASP....Software Guru
 
Introducción a HTML5 y CSS3 - ArtMedia 2011
Introducción a HTML5 y CSS3 - ArtMedia 2011Introducción a HTML5 y CSS3 - ArtMedia 2011
Introducción a HTML5 y CSS3 - ArtMedia 2011Hernan Beati
 

Similar a Desarrollo de bloques de Gutenberg para programadores con poco tiempo (20)

Congreso web
Congreso webCongreso web
Congreso web
 
Taller de WordPress avanzado | #EBE11
Taller de WordPress avanzado | #EBE11Taller de WordPress avanzado | #EBE11
Taller de WordPress avanzado | #EBE11
 
Caso real: Como migré un proyecto de Visual Composer a Gutenberg
Caso real: Como migré un proyecto de Visual Composer a GutenbergCaso real: Como migré un proyecto de Visual Composer a Gutenberg
Caso real: Como migré un proyecto de Visual Composer a Gutenberg
 
Introducción a HTML5 y CSS3 AWGR
Introducción a HTML5 y CSS3 AWGRIntroducción a HTML5 y CSS3 AWGR
Introducción a HTML5 y CSS3 AWGR
 
Adapta tu tema a Gutenberg - WordCamp Sevilla 2018
Adapta tu tema a Gutenberg - WordCamp Sevilla 2018Adapta tu tema a Gutenberg - WordCamp Sevilla 2018
Adapta tu tema a Gutenberg - WordCamp Sevilla 2018
 
Gutenberg sin miedo
Gutenberg sin miedoGutenberg sin miedo
Gutenberg sin miedo
 
mejorando la web guia de html 5
mejorando la web guia de html 5mejorando la web guia de html 5
mejorando la web guia de html 5
 
Mejorandolaweb guia-html5
Mejorandolaweb guia-html5Mejorandolaweb guia-html5
Mejorandolaweb guia-html5
 
Mejorandolaweb guia-html5
Mejorandolaweb guia-html5Mejorandolaweb guia-html5
Mejorandolaweb guia-html5
 
Mejorandolaweb guia-html5
Mejorandolaweb guia-html5Mejorandolaweb guia-html5
Mejorandolaweb guia-html5
 
Html5
Html5Html5
Html5
 
SharePoint Framework, paso a paso
SharePoint Framework, paso a pasoSharePoint Framework, paso a paso
SharePoint Framework, paso a paso
 
HTML5 la revolución!
HTML5 la revolución!HTML5 la revolución!
HTML5 la revolución!
 
Dar lab1819
Dar lab1819Dar lab1819
Dar lab1819
 
WordCamp Alicante 2017 - De HTML a WordPress
WordCamp Alicante 2017 - De HTML a WordPressWordCamp Alicante 2017 - De HTML a WordPress
WordCamp Alicante 2017 - De HTML a WordPress
 
Programación Optimizada - Search Congress Valencia 2009
Programación Optimizada - Search Congress Valencia 2009Programación Optimizada - Search Congress Valencia 2009
Programación Optimizada - Search Congress Valencia 2009
 
Bootstrap 3.
Bootstrap 3.Bootstrap 3.
Bootstrap 3.
 
HTML5
HTML5HTML5
HTML5
 
Desarrollando de aplicaciones web modernas para Linux, Windows y Mac con ASP....
Desarrollando de aplicaciones web modernas para Linux, Windows y Mac con ASP....Desarrollando de aplicaciones web modernas para Linux, Windows y Mac con ASP....
Desarrollando de aplicaciones web modernas para Linux, Windows y Mac con ASP....
 
Introducción a HTML5 y CSS3 - ArtMedia 2011
Introducción a HTML5 y CSS3 - ArtMedia 2011Introducción a HTML5 y CSS3 - ArtMedia 2011
Introducción a HTML5 y CSS3 - ArtMedia 2011
 

Más de Mauricio Gelves

Segui questi 10 passi per diventare Freelance con WordPress
Segui questi 10 passi per diventare Freelance con WordPressSegui questi 10 passi per diventare Freelance con WordPress
Segui questi 10 passi per diventare Freelance con WordPressMauricio Gelves
 
Simple tricks to improve the performance of your site
Simple tricks to improve the performance of your siteSimple tricks to improve the performance of your site
Simple tricks to improve the performance of your siteMauricio Gelves
 
Gutenberg Blocks Development for Programmers with no time
Gutenberg Blocks Development for Programmers with no timeGutenberg Blocks Development for Programmers with no time
Gutenberg Blocks Development for Programmers with no timeMauricio Gelves
 
WordPress: el mejor amigo para tu emprendimiento
WordPress: el mejor amigo para tu emprendimientoWordPress: el mejor amigo para tu emprendimiento
WordPress: el mejor amigo para tu emprendimientoMauricio Gelves
 
Sviluppo dei blocchi di Gutenberg per programmatori senza tempo
Sviluppo dei blocchi di Gutenberg per programmatori senza tempoSviluppo dei blocchi di Gutenberg per programmatori senza tempo
Sviluppo dei blocchi di Gutenberg per programmatori senza tempoMauricio Gelves
 
Gutenberg Blocks Development for Programmers with NO time
Gutenberg Blocks Development for Programmers with NO timeGutenberg Blocks Development for Programmers with NO time
Gutenberg Blocks Development for Programmers with NO timeMauricio Gelves
 
Flexbox y Grid: Los mejores amigos del maquetador
Flexbox y Grid: Los mejores amigos del maquetadorFlexbox y Grid: Los mejores amigos del maquetador
Flexbox y Grid: Los mejores amigos del maquetadorMauricio Gelves
 
Follow these 10 steps to become a freelancer with WordPress
Follow these 10 steps to become a freelancer with WordPressFollow these 10 steps to become a freelancer with WordPress
Follow these 10 steps to become a freelancer with WordPressMauricio Gelves
 
Domina el CSS de tu Web con la ténica BEM (bonito, elegante y molón)
Domina el CSS de tu Web con la ténica BEM (bonito, elegante y molón) Domina el CSS de tu Web con la ténica BEM (bonito, elegante y molón)
Domina el CSS de tu Web con la ténica BEM (bonito, elegante y molón) Mauricio Gelves
 
10 pasos para convertirte en Freelance con WordPress
10 pasos para convertirte en Freelance con WordPress10 pasos para convertirte en Freelance con WordPress
10 pasos para convertirte en Freelance con WordPressMauricio Gelves
 
Gutenberg: Pros and Cons for this big change in WordPress
Gutenberg: Pros and Cons for this big change in WordPressGutenberg: Pros and Cons for this big change in WordPress
Gutenberg: Pros and Cons for this big change in WordPressMauricio Gelves
 
Il database di WordPress: Dodici tabelle che servono per fare di tutto e di più.
Il database di WordPress: Dodici tabelle che servono per fare di tutto e di più.Il database di WordPress: Dodici tabelle che servono per fare di tutto e di più.
Il database di WordPress: Dodici tabelle che servono per fare di tutto e di più.Mauricio Gelves
 
Vive de vacaciones con WordPress
Vive de vacaciones con WordPressVive de vacaciones con WordPress
Vive de vacaciones con WordPressMauricio Gelves
 
Quiero aprender WordPress ¿Por donde empiezo?
Quiero aprender WordPress ¿Por donde empiezo?Quiero aprender WordPress ¿Por donde empiezo?
Quiero aprender WordPress ¿Por donde empiezo?Mauricio Gelves
 
Vive de tus sueños con WordPress
Vive de tus sueños con WordPressVive de tus sueños con WordPress
Vive de tus sueños con WordPressMauricio Gelves
 
Taller de Iniciación a WordPress
Taller de Iniciación a WordPressTaller de Iniciación a WordPress
Taller de Iniciación a WordPressMauricio Gelves
 
WordPress Database: What's behind those 12 tables
WordPress Database: What's behind those 12 tablesWordPress Database: What's behind those 12 tables
WordPress Database: What's behind those 12 tablesMauricio Gelves
 
La base de datos de WordPress
La base de datos de WordPressLa base de datos de WordPress
La base de datos de WordPressMauricio Gelves
 

Más de Mauricio Gelves (20)

Introducción a GitFlow
Introducción a GitFlowIntroducción a GitFlow
Introducción a GitFlow
 
Segui questi 10 passi per diventare Freelance con WordPress
Segui questi 10 passi per diventare Freelance con WordPressSegui questi 10 passi per diventare Freelance con WordPress
Segui questi 10 passi per diventare Freelance con WordPress
 
Simple tricks to improve the performance of your site
Simple tricks to improve the performance of your siteSimple tricks to improve the performance of your site
Simple tricks to improve the performance of your site
 
Gutenberg Blocks Development for Programmers with no time
Gutenberg Blocks Development for Programmers with no timeGutenberg Blocks Development for Programmers with no time
Gutenberg Blocks Development for Programmers with no time
 
WordPress: el mejor amigo para tu emprendimiento
WordPress: el mejor amigo para tu emprendimientoWordPress: el mejor amigo para tu emprendimiento
WordPress: el mejor amigo para tu emprendimiento
 
Sviluppo dei blocchi di Gutenberg per programmatori senza tempo
Sviluppo dei blocchi di Gutenberg per programmatori senza tempoSviluppo dei blocchi di Gutenberg per programmatori senza tempo
Sviluppo dei blocchi di Gutenberg per programmatori senza tempo
 
Gutenberg Blocks Development for Programmers with NO time
Gutenberg Blocks Development for Programmers with NO timeGutenberg Blocks Development for Programmers with NO time
Gutenberg Blocks Development for Programmers with NO time
 
Flexbox y Grid: Los mejores amigos del maquetador
Flexbox y Grid: Los mejores amigos del maquetadorFlexbox y Grid: Los mejores amigos del maquetador
Flexbox y Grid: Los mejores amigos del maquetador
 
Código Bonito con PHP
Código Bonito con PHPCódigo Bonito con PHP
Código Bonito con PHP
 
Follow these 10 steps to become a freelancer with WordPress
Follow these 10 steps to become a freelancer with WordPressFollow these 10 steps to become a freelancer with WordPress
Follow these 10 steps to become a freelancer with WordPress
 
Domina el CSS de tu Web con la ténica BEM (bonito, elegante y molón)
Domina el CSS de tu Web con la ténica BEM (bonito, elegante y molón) Domina el CSS de tu Web con la ténica BEM (bonito, elegante y molón)
Domina el CSS de tu Web con la ténica BEM (bonito, elegante y molón)
 
10 pasos para convertirte en Freelance con WordPress
10 pasos para convertirte en Freelance con WordPress10 pasos para convertirte en Freelance con WordPress
10 pasos para convertirte en Freelance con WordPress
 
Gutenberg: Pros and Cons for this big change in WordPress
Gutenberg: Pros and Cons for this big change in WordPressGutenberg: Pros and Cons for this big change in WordPress
Gutenberg: Pros and Cons for this big change in WordPress
 
Il database di WordPress: Dodici tabelle che servono per fare di tutto e di più.
Il database di WordPress: Dodici tabelle che servono per fare di tutto e di più.Il database di WordPress: Dodici tabelle che servono per fare di tutto e di più.
Il database di WordPress: Dodici tabelle che servono per fare di tutto e di più.
 
Vive de vacaciones con WordPress
Vive de vacaciones con WordPressVive de vacaciones con WordPress
Vive de vacaciones con WordPress
 
Quiero aprender WordPress ¿Por donde empiezo?
Quiero aprender WordPress ¿Por donde empiezo?Quiero aprender WordPress ¿Por donde empiezo?
Quiero aprender WordPress ¿Por donde empiezo?
 
Vive de tus sueños con WordPress
Vive de tus sueños con WordPressVive de tus sueños con WordPress
Vive de tus sueños con WordPress
 
Taller de Iniciación a WordPress
Taller de Iniciación a WordPressTaller de Iniciación a WordPress
Taller de Iniciación a WordPress
 
WordPress Database: What's behind those 12 tables
WordPress Database: What's behind those 12 tablesWordPress Database: What's behind those 12 tables
WordPress Database: What's behind those 12 tables
 
La base de datos de WordPress
La base de datos de WordPressLa base de datos de WordPress
La base de datos de WordPress
 

Último

Empleabilidad e Inserción Laboral Ingenieros.pptx
Empleabilidad e Inserción Laboral Ingenieros.pptxEmpleabilidad e Inserción Laboral Ingenieros.pptx
Empleabilidad e Inserción Laboral Ingenieros.pptxViviana Robelek
 
TEMA ILUSTRADO ccccccccccccccccc4.1.docx
TEMA ILUSTRADO ccccccccccccccccc4.1.docxTEMA ILUSTRADO ccccccccccccccccc4.1.docx
TEMA ILUSTRADO ccccccccccccccccc4.1.docxantoniolfdez2006
 
QUINTA PR-CTICA CALIFICADA- GRUPO A Y D.pdf
QUINTA PR-CTICA CALIFICADA- GRUPO A Y D.pdfQUINTA PR-CTICA CALIFICADA- GRUPO A Y D.pdf
QUINTA PR-CTICA CALIFICADA- GRUPO A Y D.pdfMatematicaFisicaEsta
 
Hidroelectricidad en el mundo y Colombia Enrique Posada.pdf
Hidroelectricidad en el mundo y Colombia  Enrique Posada.pdfHidroelectricidad en el mundo y Colombia  Enrique Posada.pdf
Hidroelectricidad en el mundo y Colombia Enrique Posada.pdfEnrique Posada
 
Control_Calidad_S7.pdfpideloconfiable y seguro
Control_Calidad_S7.pdfpideloconfiable y seguroControl_Calidad_S7.pdfpideloconfiable y seguro
Control_Calidad_S7.pdfpideloconfiable y seguromatepura
 
TEMA ILUSTRADOooooooooooooooooo 4.3.docx
TEMA ILUSTRADOooooooooooooooooo 4.3.docxTEMA ILUSTRADOooooooooooooooooo 4.3.docx
TEMA ILUSTRADOooooooooooooooooo 4.3.docxantoniolfdez2006
 
Examen 1.docx EXAMEN EN TIEMPO REAL RESUELTO
Examen 1.docx EXAMEN EN TIEMPO REAL RESUELTOExamen 1.docx EXAMEN EN TIEMPO REAL RESUELTO
Examen 1.docx EXAMEN EN TIEMPO REAL RESUELTOfredyflores58
 
TOLERANCIAS CATASTRALES REGISTRALES USO Y APICACIONES
TOLERANCIAS CATASTRALES REGISTRALES USO Y APICACIONESTOLERANCIAS CATASTRALES REGISTRALES USO Y APICACIONES
TOLERANCIAS CATASTRALES REGISTRALES USO Y APICACIONESDanielaMamani19
 
Régimen Laboral de Construcción Civil.pptx
Régimen Laboral de Construcción Civil.pptxRégimen Laboral de Construcción Civil.pptx
Régimen Laboral de Construcción Civil.pptxHENRYPEREZ657925
 
EXAMEN FINAL AE1_2024_VERANO_240225_150605.pdf
EXAMEN FINAL AE1_2024_VERANO_240225_150605.pdfEXAMEN FINAL AE1_2024_VERANO_240225_150605.pdf
EXAMEN FINAL AE1_2024_VERANO_240225_150605.pdfMatematicaFisicaEsta
 
PLAN REGULADOR INTERCOMUNAL DE LA PROVINCIA DE LIMARÍ
PLAN REGULADOR INTERCOMUNAL DE LA PROVINCIA DE LIMARÍPLAN REGULADOR INTERCOMUNAL DE LA PROVINCIA DE LIMARÍ
PLAN REGULADOR INTERCOMUNAL DE LA PROVINCIA DE LIMARÍJuan Luis Menares, Arquitecto
 
Evaluación de exposición a riesgos por vibraciones y posturas forzadas del Cu...
Evaluación de exposición a riesgos por vibraciones y posturas forzadas del Cu...Evaluación de exposición a riesgos por vibraciones y posturas forzadas del Cu...
Evaluación de exposición a riesgos por vibraciones y posturas forzadas del Cu...MARCOBARAHONA12
 
S5_TAREA_SET_C_ESTGT1103.pdf RESUELTO CONSULTAS
S5_TAREA_SET_C_ESTGT1103.pdf RESUELTO CONSULTASS5_TAREA_SET_C_ESTGT1103.pdf RESUELTO CONSULTAS
S5_TAREA_SET_C_ESTGT1103.pdf RESUELTO CONSULTASMatematicaFisicaEsta
 
Proceso de produccion de Nescafé - Nestlé
Proceso de produccion de Nescafé - NestléProceso de produccion de Nescafé - Nestlé
Proceso de produccion de Nescafé - NestléRomanchasquero
 
Revista de la SAI numero 2 julio de 2023.pdf
Revista de la SAI numero 2 julio de 2023.pdfRevista de la SAI numero 2 julio de 2023.pdf
Revista de la SAI numero 2 julio de 2023.pdfEnrique Posada
 
Revista SAI 2023 - Número3 de la Revista de la Sociedad Antioqueña de Ingenie...
Revista SAI 2023 - Número3 de la Revista de la Sociedad Antioqueña de Ingenie...Revista SAI 2023 - Número3 de la Revista de la Sociedad Antioqueña de Ingenie...
Revista SAI 2023 - Número3 de la Revista de la Sociedad Antioqueña de Ingenie...Enrique Posada
 

Último (17)

Empleabilidad e Inserción Laboral Ingenieros.pptx
Empleabilidad e Inserción Laboral Ingenieros.pptxEmpleabilidad e Inserción Laboral Ingenieros.pptx
Empleabilidad e Inserción Laboral Ingenieros.pptx
 
TEMA ILUSTRADO ccccccccccccccccc4.1.docx
TEMA ILUSTRADO ccccccccccccccccc4.1.docxTEMA ILUSTRADO ccccccccccccccccc4.1.docx
TEMA ILUSTRADO ccccccccccccccccc4.1.docx
 
QUINTA PR-CTICA CALIFICADA- GRUPO A Y D.pdf
QUINTA PR-CTICA CALIFICADA- GRUPO A Y D.pdfQUINTA PR-CTICA CALIFICADA- GRUPO A Y D.pdf
QUINTA PR-CTICA CALIFICADA- GRUPO A Y D.pdf
 
Hidroelectricidad en el mundo y Colombia Enrique Posada.pdf
Hidroelectricidad en el mundo y Colombia  Enrique Posada.pdfHidroelectricidad en el mundo y Colombia  Enrique Posada.pdf
Hidroelectricidad en el mundo y Colombia Enrique Posada.pdf
 
Control_Calidad_S7.pdfpideloconfiable y seguro
Control_Calidad_S7.pdfpideloconfiable y seguroControl_Calidad_S7.pdfpideloconfiable y seguro
Control_Calidad_S7.pdfpideloconfiable y seguro
 
TEMA ILUSTRADOooooooooooooooooo 4.3.docx
TEMA ILUSTRADOooooooooooooooooo 4.3.docxTEMA ILUSTRADOooooooooooooooooo 4.3.docx
TEMA ILUSTRADOooooooooooooooooo 4.3.docx
 
Examen 1.docx EXAMEN EN TIEMPO REAL RESUELTO
Examen 1.docx EXAMEN EN TIEMPO REAL RESUELTOExamen 1.docx EXAMEN EN TIEMPO REAL RESUELTO
Examen 1.docx EXAMEN EN TIEMPO REAL RESUELTO
 
TOLERANCIAS CATASTRALES REGISTRALES USO Y APICACIONES
TOLERANCIAS CATASTRALES REGISTRALES USO Y APICACIONESTOLERANCIAS CATASTRALES REGISTRALES USO Y APICACIONES
TOLERANCIAS CATASTRALES REGISTRALES USO Y APICACIONES
 
Régimen Laboral de Construcción Civil.pptx
Régimen Laboral de Construcción Civil.pptxRégimen Laboral de Construcción Civil.pptx
Régimen Laboral de Construcción Civil.pptx
 
EXAMEN FINAL AE1_2024_VERANO_240225_150605.pdf
EXAMEN FINAL AE1_2024_VERANO_240225_150605.pdfEXAMEN FINAL AE1_2024_VERANO_240225_150605.pdf
EXAMEN FINAL AE1_2024_VERANO_240225_150605.pdf
 
PLAN REGULADOR INTERCOMUNAL DE LA PROVINCIA DE LIMARÍ
PLAN REGULADOR INTERCOMUNAL DE LA PROVINCIA DE LIMARÍPLAN REGULADOR INTERCOMUNAL DE LA PROVINCIA DE LIMARÍ
PLAN REGULADOR INTERCOMUNAL DE LA PROVINCIA DE LIMARÍ
 
Evaluación de exposición a riesgos por vibraciones y posturas forzadas del Cu...
Evaluación de exposición a riesgos por vibraciones y posturas forzadas del Cu...Evaluación de exposición a riesgos por vibraciones y posturas forzadas del Cu...
Evaluación de exposición a riesgos por vibraciones y posturas forzadas del Cu...
 
PRACTICA GRUPAL. Materiales 2.pdf
PRACTICA GRUPAL. Materiales 2.pdfPRACTICA GRUPAL. Materiales 2.pdf
PRACTICA GRUPAL. Materiales 2.pdf
 
S5_TAREA_SET_C_ESTGT1103.pdf RESUELTO CONSULTAS
S5_TAREA_SET_C_ESTGT1103.pdf RESUELTO CONSULTASS5_TAREA_SET_C_ESTGT1103.pdf RESUELTO CONSULTAS
S5_TAREA_SET_C_ESTGT1103.pdf RESUELTO CONSULTAS
 
Proceso de produccion de Nescafé - Nestlé
Proceso de produccion de Nescafé - NestléProceso de produccion de Nescafé - Nestlé
Proceso de produccion de Nescafé - Nestlé
 
Revista de la SAI numero 2 julio de 2023.pdf
Revista de la SAI numero 2 julio de 2023.pdfRevista de la SAI numero 2 julio de 2023.pdf
Revista de la SAI numero 2 julio de 2023.pdf
 
Revista SAI 2023 - Número3 de la Revista de la Sociedad Antioqueña de Ingenie...
Revista SAI 2023 - Número3 de la Revista de la Sociedad Antioqueña de Ingenie...Revista SAI 2023 - Número3 de la Revista de la Sociedad Antioqueña de Ingenie...
Revista SAI 2023 - Número3 de la Revista de la Sociedad Antioqueña de Ingenie...
 

Desarrollo de bloques de Gutenberg para programadores con poco tiempo

  • 1. Desarrollo de bloques de Gutenberg para desarrolladores con poco tiempo M A U R I C I O G E L V E S - @ m a u g e l v e s
  • 2. Desarrollador Freelance WP Nómade Digital YouTube - Instagram Hola! Soy Mauricio Gelves RRSS ➡ @maugelves
  • 3. Disclaimer ⚠ Solo para evitar malentendidos
  • 4. El tiempo del Freelance
  • 6. WordPress & Plugins Una Comunidad que me ayuda y me permite desarrollarme como Freelance.
  • 7. Los mejores programadores de todo el mundo se encargan de que el Core de WordPress sea seguro. Seguridad WordPress & Plugins Utilizo plugins que me ahorran tiempo/dinero en mis proyectos. Plugins Advanced Custom Fields es uno de mis plugins pilares para desarrollar en WordPress. ACF
  • 8. Introducción a ACF @ #WCMadrid
  • 9. WordPress 5.0 | Gutenberg = ⏰🔥
  • 14. ¿Cómo crear un bloque de Gutenberg con ACF? AHORA SÍ VAMOS AL LÍO
  • 16. Exportar los campos a JSON y PHP Registrar el bloque de Gutenberg Crear campos personalizados con ACF Crear el mockup (HTML/CSS) para renderizar el bloque Encolar los estilos del tema en el backend ¿Cuáles son los pasos?
  • 17. <?php /** * Creates Talk Gutenberg Block. */ function wcz_create_talk_gb_block() { // register a testimonial block acf_register_block( [ 'name' => 'talk', 'title' => __( 'Talk', DOMAIN_NAME ), 'description' => __('Block with basic info of the talk.', DOMAIN_NAME), 'render_callback' => 'talk_block_render_callback', 'category' => 'wczaragoza', 'icon' => 'image-filter', 'keywords' => [ 'testimonial', 'quote' ], ] ); } add_action('acf/init', 'wcz_create_talk_gb_block');
  • 18. Crear campos personalizados con ACF Exportar los campos a JSON y PHP Registrar el bloque de Gutenberg Crear el mockup (HTML/CSS) para renderizar el bloque Encolar los estilos del tema en el backend ¿Cuáles son los pasos?
  • 21. Crear campos personalizados con ACF Exportar los campos a JSON y PHP Registrar el bloque de Gutenberg Crear el mockup (HTML/CSS) para renderizar el bloque Encolar los estilos del tema en el backend ¿Cuáles son los pasos?
  • 23. Crear campos personalizados con ACF Registrar el bloque de Gutenberg Crear el mockup (HTML/CSS) para renderizar el bloque Encolar los estilos del tema en el backend Exportar los campos a JSON y PHP ¿Cuáles son los pasos?
  • 24. <?php // Title. ?> <div class="talk__meta"> <h3 class="talk__h"><?php the_field( 'wcz_gb_talk_title' ); ?></h3> <p class="talk__b"><?php the_field( 'wcz_gb_talk_description' ); ?></p> </div><!-- END .talk__meta -->
  • 26. Crear campos personalizados con ACF Registrar el bloque de Gutenberg Encolar los estilos del tema en el backend Exportar los campos a JSON y PHP Crear el mockup (HTML/CSS) para renderizar el bloque ¿Cuáles son los pasos?
  • 27. <?php /* * Enqueue the stylesheets for Gutenberg. */ function wcz_admin_styles() { // Register the styles. wp_register_style('style', get_bloginfo('template_url') . '/style.css', array(),false); // Enqueue the styles. wp_enqueue_style('style'); } add_action( 'enqueue_block_editor_assets', 'wcz_admin_styles' ); /* * (Se me encendió la lámpara hoy a las 11:24)🤓🤓🤓 * Declare fonts in a different file to avoid changing default typography * in the backend. */
  • 28. Vamos a crear el bloque de Gutenberg paso a paso DEMO EN VIVO
  • 29. Mauricio Gelves | @maugelves ¡Gracias! En todos lados como: @maugelves ¿Hay preguntas?