En la sexta clase del curso intermedio de desarrollo de plugins en WordPress vamos a aplicar todos los conocimientos vistos en todas las lecciones anteriores para hacer nuestro plugin. No os asustéis, vamos a ir paso a paso para que no se nos escape nada.
Vamos a crear un plugin que nos añada un bloque personalizado en el editor gutenberg que inserta formularios de pago de Stripe. Dado que vamos a ver mucho código relacionado con Stripe os recomendaría ver el curso intermedio de Stripe porque voy a coger código que vimos en ese curso para aprovecharlo en nuestros formularios con gutenberg.
Concretamente cogeré el código visto en la lección 4 por si queréis ir un poco más directos aunque no os preocupéis porque lo repasaré en los vídeos.
También veremos cómo podemos utilizar estas opciones almacenadas en nuestra base de datos dentro de nuestro código del curso intermedio de Stripe. ¡Empecemos!
A partir de este momento nos centraremos en gutenberg. Cómo funciona y su filosofía. Creamos un bloque personalizado con código javascript y lo que haremos es crear un elemento iframe para que al añadir el bloque a un post se cargue el iframe llamando al fichero que carga el formulario de Stripe.
¿Qué vamos a necesitar?
- Un menú en el panel de administración que nos lleve a una página de opciones.
- Una página de opciones para almacenar nuestras claves de la API de Stripe.
- Un bloque personalizado de gutenberg
- Una página que muestre un formulario de Stripe
Empezaremos creando el menú y las opciones en el panel de administración. Estas opciones se almacenan en la base de datos de nuestro WordPress así que es fundamental entender el potencial que tiene esto dado que una vez almacenada la información la podemos utilizar en cualquier parte.
Para poder hacer esto haremos uso de accesos personalizados por URL a los ficheros de Stripe desde nuestro WordPress. ¡Vamos a ello!
¡Ya está! Plugin creado con el menú, las opciones, el bloque de gutenberg y Stripe funcionando y además está preparado para multi idioma.
Como deberes os animo a que mejoreis el plugin añadiendo más opciones para configurar vuestro formulario o incluso insertando el formulario dentro del bloque para no usar iframes.
Ahora que tenemos creado nuestro primer plugin es el momento de ver, en las siguientes lecciones, cómo prepararlo para publicarlo y terminar de completarlo.
Como siempre, si tenéis cualquier duda o pregunta, podéis mandarla a través del formulario de soporte de la intranet de suscriptor. ¡Nos vemos en la siguiente lección! :)
Todos los capítulos de este curso:
- Curso intermedio de desarrollo de plugins en WordPress #1. ¿Qué es un plugin?
- Curso intermedio de desarrollo de plugins en WordPress #2. Anatomía de un plugin
- Curso intermedio de desarrollo de plugins en WordPress #3. Elementos básicos de un plugin
- Curso intermedio de desarrollo de plugins en WordPress #4. Widgets y elementos visuales
- Curso intermedio de desarrollo de plugins en WordPress #5. Internacionalización de un plugin
- Curso intermedio de desarrollo de plugins en WordPress #6. Creamos nuestro propio plugin
- Curso intermedio de desarrollo de plugins en WordPress #7. Preparar un plugin para publicarlo
- Curso intermedio de desarrollo de plugins en WordPress #8. Enviar un plugin a revisión y publicación al repositorio
- Curso intermedio de desarrollo de plugins en WordPress #9. Mantenimiento y actualizaciones
- Curso intermedio de desarrollo de plugins en WordPress #10. Comunidad, reseñas y foro de soporte