Tech Breakout Summit/2021: entre un bloque y un lugar pesado

¿Ha evitado usar bloques personalizados para sus sitios de WordPress porque parecen demasiado complejos? Negamos ese rumor. En esta sesión, aprenderá cómo usar los bloques personalizados de Genesis para construir sus propios bloques desde cero, lo que muestra y se comporta exactamente como desee.
VIDEO: Entre un bloque y una gran cantidad de diapositivas de sesión en esta sesión, el gerente de marketing de productos de motor de WP Engine, Rob Stingeson, Talk:
Una visión de alto nivel del futuro de los temas de WordPress, la edición completa del sitio y colecciones de bloques personalizados.
Codificación en vivo de bloques personalizados para WordPress y una guía de paso por paso sobre cómo comenzar
Durante dos años y medio, puede crear una publicación o página con el editor de bloques, y todo en esa área de contenido fue administrado por el editor de bloques. Con la edición completa del sitio, sales de esas líneas. Ahora es el editor de bloques y ahora se hace responsable de todo el sitio.
Rob envió, director de marketing de WP Engine, transcribe el texto integral Rob Stinson: Un buen día para todos. Bienvenido a esta sesión de WP Engine Summit/2021. Espero que te haya gustado el evento hasta ahora. Y muchas gracias por estar conmigo. Espero que obtengas mucho de lo que cubriremos hoy. Esta sesión se llama entre un bloque y un lugar difícil. Se trata del control de WordPress moderno, que es absolutamente todo sobre el editor de bloques y los bloques que usamos en él. Mi nombre es Rob Stinson, soy uno de los gerentes de marketing de productos en WP Engine. Trabajo muy, muy de cerca con los equipos de productos alrededor de las cosas que construimos para el editor de bloques.
Así que hoy cubriremos tres cosas principales. Echaremos una mirada de alto nivel al futuro tema de WordPress. Luego echaremos un vistazo a las colecciones personalizadas, que están muy estrechamente alineadas con los modelos de bloques, que comienzan a aparecer en WordPress Core. Y veremos bloques personalizados. Y bloques personalizados, haremos algunos bacalaes vivos, que siempre es una especie de intimidante. No sé si sabes cuándo alguien te mira escribiendo y de repente no puedes escribir. Bueno, seré una programación en vivo, así que es como 10. Entonces veremos cómo funciona, oye? Está bien, pero desde arriba, echemos un vistazo al futuro tema de WordPress. De dónde venimos, miramos, si ha estado en una agencia o profesional independiente de cualquier tipo, al menos unos años, y alguna vez ha estado involucrado en una implementación personalizada en WordPress, generalmente comienza con una base de temas. Es posible que tenga subrayados solo en algo que luego puede piratear y construir un tema. O podría tener un padre, como Genesis Framework, es un gran ejemplo o el tema de la tienda del equipo de WooCommerce. Básicamente, todo puede ser padre. Y comienzas desde allí. Esto le daría una excelente base para construir. Luego tiene el tema de su hijo, que es el lugar donde implementará algunos modelos de diseño globales únicos relevantes para su proyecto. Ha configurado algunas cosas. Puede agregar algunas plantillas para diferentes plantillas de página, o plantillas de archivo o cualquier otra cosa, dependiendo de lo que su proyecto haya cubierto.
Y, por supuesto, tiene sus complementos de WordPress, que le brindan funcionalidades, integraciones y cosas como esta. Bastante simple, muy familiar. Desde allí vine. Pero vamos a otro lado. El futuro se ve un poco diferente en el contexto de WordPress. Sé que tenemos el editor de bloqueos de 2 años y medio, lo cual es una locura, esto se ha vuelto estúpido rápidamente. Pero hay cambios, hay una fase que tiene lugar en este momento en WordPress, que introduce la edición completa del sitio y algunas otras cosas, que realmente cambia las cosas, cambia la forma en que seguimos haciendo. Entonces, a donde vamos, se ve un poco más así. Tendríamos un tema de tema básico del sitio. Ahora, un tema de edición completo no es solo una entrega. De hecho, es mucho más simple y más fácil que un tema tradicional. También tenemos modelos de bloques, que es conceptualmente un producto más, supongo que estamos hablando de algo nuevo. Aquí, probablemente, hacemos un poco más de nuestros modelos de diseño globales y este tipo, y configuramos páginas, varias plantillas. Luego tenemos bloques personalizados, que nos permiten hacer cosas verdaderamente únicas, modelos verdaderamente específicos y funcionalidad e integración específicas. Y luego, por supuesto, los complementos siempre desempeñarán un papel importante en WordPress y nos darán integraciones funcionales.
Por lo tanto, no es solo que todo cambió y todo sale por la ventana, sino que hay cambios.Ciertamente hay cambio.Entonces, desde arriba, tenemos la edición completa del sitio en este momento.Entonces, desde la última versión, algunas características comienzan a moverse al núcleo.Todo está ahí arriba y que cualquiera que no sepa qué o no tendrá de repente la edición completa del sitio en su sitio y no sabe qué hacer con él.Pero los desarrolladores que construimos temas, la creación de sitios puede comenzar a conectarse a esta funcionalidad de edición de sitios completos.Lo que es, en resumen, es que durante dos años y medio, podría crear una publicación o página con el editor de bloques, y todo en esa área de contenido fue administrado por el editor de bloques.Con la edición completa del sitio, sales de esas líneas.Ahora es el editor de bloques y ahora se hace responsable de todo el sitio.
Entonces, el encabezado, el sótano, las barras laterales, esa experiencia tradicional de widget que tuve en WordPress durante mucho tiempo.Pero incluso estilos globales en todo el sitio.Para esos temas, la estructura de nuestros archivos cambia.Y luego el papel y el tipo de código que escribimos en nuestra tarea.Muchos de nosotros estaríamos familiarizados con ese gran diagrama, esa jerarquía de plantillas.Recuerdo el proyecto que encontré y fue como, oh, es increíble.Este es el mejor recurso de la historia.Simplemente me ayudó a entender tanto.La jerarquía de las plantillas sigue siendo relevante, pero necesita cambios y probablemente simplifica mucho en la edición completa del sitio, porque si hacemos nuestras páginas, de hecho, se mueve en gran medida en esa experiencia de WordPress y no solo en el código.
Las plantillas de bloque, de manera masiva, mencionaron que reemplazan las plantillas de página. Los patrones de bloques son una especie de contenido prefabricado. Podría ser un bloque de héroes, o podría ser una sección de formulario de contacto o una sección de equipo o, de hecho, podría ser toda la página. Cualquier grupo de bloques que pertenezcan juntos y están marcados con una estrella para trabajar juntos se puede envolver y guardar y luego distribuirse como un modelo de bloque. Bastante interesante, sugeriría y sé que otros lo harían también que esta es una nueva categoría de productos dentro del ecosistema de WordPress. Durante años tenemos que tenemos temas y arados. Bueno, especialmente, eso es lo que tenemos, temas y arados, pero ahora tenemos modelos de bloque. Y hay un director con modelos de bloque en wordpress.org que recién comienza y estoy muy interesado en ver cómo crecen y crecen. No me sorprendería, sino muy rápido en el próximo año. Luego tenemos los bloques personalizados. Y me gusta pensar cuando el estante no hace el trabajo. Tenemos algunos bloques excelentes en WordPress Corps, excelentes complementos que nos dan bloques adicionales, como el complemento Genesis Blocks es fantástico. Sé que hay otros en el mercado. Pero podría trabajar con un diseñador y crearon esta increíble sección de equipo en una página que solo está en la marca, y las sombras son perfectas, y los rayos fronterizos y la forma en que todos se envuelven en diferentes tamaños de pantalla es realmente especial, realmente especial. . Y eso es todo, puedes rodar con el bloque personalizado.
No puede obtener un control tan finamente establecido con un producto en el estante. Y es por eso que se hacen los bloques personalizados. Cuando necesite algo para comportarse o trabajar de una manera realmente especial, es cuando tiene que construir un bloque personalizado. ¿Sabes que? El cambio no es fácil. Mira, estas cosas suenan realmente interesantes y emocionantes. Pero si estaba en la industria, en la industria web en general, pero si ha trabajado en WordPress como un freelancer o equipo web, sin importar cuánto tiempo, tendrá ciertas formas en que hace las cosas. Y estas formas son probablemente fantásticas y funcionan muy bien para ti. Pero si desea mirar hacia adelante y mirar a dónde va WordPress y quiere abrazar al editor de bloques, necesitamos un cambio. Pero no necesariamente significa que el cambio sea fácil. Pero me gustaría creer que ahora puedo hacerte un poco más fácil. Entonces, número 2, analizaremos los modelos de bloques un poco más profundos, pero más precisamente, las colecciones y colecciones personalizadas. Ok, entonces, en primer lugar, ¿qué es una colección?
Una colección es algo en Génesis. Por lo tanto, tenemos el complemento Genesis Blocks, que es excelente, agrega muchas superpoderes muy interesantes en términos de editor de bloques. Pero una de las cosas que le ofrece le ofrece una biblioteca de colecciones. Y estas colecciones son modelos de bloques. Entonces hay piezas de contenido. Como dije, podría ser una sección de héroes, una sección de servicio, o sobre una sección, o una página incompleta, toda la página de inicio, la página de destino, cualquiera de los bloques que se preparan y ajustan. Y se ha ingresado el contenido inicial. Por lo tanto, un creador de contenido puede venir, arrojar algunos contenidos, algunos modelos en una página que están perfectamente según la marca, todos elegantes y solo tienen que viajar y modificar el contenido. En Génesis, hay una experiencia de descubrimiento mejorada es una forma de expresarla. Entonces, prácticamente, no se trata solo de la experiencia con modelos de bloques nativos, sino que lo hemos mejorado para que pueda administrar mejor sus modelos de bloqueo, descubrirlos y guardarlos, y favorecerlos y cosas así. Y, finalmente, descubra y explore todos los modelos que se encuentran en todas estas colecciones y encuéntralos fácilmente y colóquelos en una página para que pueda editarlos. Así que esta imagen que tengo aquí a la derecha es en realidad una colección personalizada que construí para un tutorial hace un mes. Se llama lujo. Es una pequeña colección. Es solo una página, como una página inicial. Creo que hubo seis modelos separados en toda la página inicial.
Había una sección de héroes, había una sección sobre, había una sección de nuestros servicios. Había una sección de testimonios. Y de todos modos, fue bastante genial. Y todo fue diseñado de antemano, para dar los colores y encontramos algunas imágenes geniales y cosas así. Pero lo que significaba es que logré construir una primera página completa de la marca verdaderamente hermosa. Por lo tanto, alguien que trabajaría para este negocio de lujo que creamos, si tiene que crear una nueva página de destino o una nueva pieza de contenido, podría funcionar fácilmente con estos modelos de bloque que estaban en esta colección personalizada que creé. Pueden agregar la sección de héroes y cambiar el título. Podría eliminar el botón. Si no necesitaban un botón, podrían cambiar la imagen o cualquier otra cosa. Y así que imagine esto para sus clientes y los temas de contenido que le permite poder trabajar con estas fantásticas plantillas de diseño. No están muy bloqueados, como podrían estar en el bloque. Lo siento, tal vez la antigua forma de plantilla de página, pero no son solo telas vacías. Estas cosas se han creado, están en la marca, están listas para ingresar a una página y ser modificadas para ser lo que tiene que ser para esa página de destino. Es interesante si piensa en cuáles son los modelos de bloques o en qué reemplazan en un gran valor en el futuro. Creo que el papel de un tema infantil cambiará en la edición del sitio mundial de WordPress. Es posible que haya tenido un tema de tienda de WooCommerce. Y hay montones de temas para muy buenos niños en el mercado para esto.
Ofrecen variaciones y características de diseño y cosas así. De manera masiva, los patrones de bloques tratan mucho. Por lo tanto, será interesante ver cómo los modelos de bloques y en Genesis, una colección que se envuelve, le ofrece un paquete completo de diferentes bloques. Cómo aparecerá esto y obviamente estamos inclinados en este sentido de una manera masiva. Estamos muy contentos de dónde llegaremos y los veremos que, como dije, una nueva categoría de productos que las personas comenzarán a crear y distribuirán en el ecosistema de WordPress. Entonces, ¿cómo puedes construir una colección personalizada? Ahora, esta es una sesión de 30 minutos por su cuenta. Así que superaré la cima. Pero que te enviaré a un tutorial que he preparado si quieres profundizar. Entonces, lo que hace primero antes de escribir cualquier código es saltar en el editor de bloques y construir sus páginas. Como si creara una sección de héroes, entonces una sección de servicios, entonces una sección de testimonios y lo que sea. Y uso el editor de bloques para ajustar el estilo y cualquier otra cosa. Con esto especialmente el lujo, también podría usar los bloques en el complemento Genesis Blocks, que me dio algunos controles y opciones más ricos, especialmente alrededor del bloque de columna con el que viene. Creo que se llama columnas avanzadas, que es bastante genial. Y luego, una vez que haya construido y diseñado toda la página y todos los modelos de bloques, pase a un poco de codificación. Luego lo exporta y comienza a construir un pequeño complemento, prácticamente, para administrar y empacar su colección.
personalizado.Entonces es bastante simple.Debe comenzar con un poco de complemento de andamio, que tiene algunos archivos básicos en sus archivos estándar de complemento de WordPress.Y hay algunas carpetas.Tenemos un complemento inicial disponible para ello.Has grabado la colección, luego registra los modelos y secciones, que son los modelos de bloques.Y luego, prácticamente, debe, una vez que haya exportado los bloques HTML del editor de bloques y los introdujera en el complemento, solo puede activar el complemento.Y mientras el complemento Genesis Blocks esté activo, porque, por supuesto, existe una dependencia de obtener todas las características interesantes de una colección, eso es todo.Es realmente muy simple.
Por supuesto, repasé eso allí. Pero si quieres aprender un poco más sobre cómo hacer todo esto, solo vas a StudioPress.blog, es uno de los últimos. Pero se llama la guía final para construir colecciones personalizadas en bloques de génesis. Tal vez solo para echar un vistazo muy rápido a cómo se ve en la práctica, esa colección especial que hice, si voy aquí en WordPress. El complemento que creé para esa colección está instalado y activo en este sitio. Si voy aquí, encuentro el bloque de diseño que es la interfaz que tenemos en los bloques de Genesis para explorar y mirar todas las colecciones. Mira las colecciones, estoy mucho aquí. Todos estos vienen con los bloques Genesis del complemento o el complemento Genesis Block Pro. Pero esta es la que hice, la personalizada, colecciones de lujo. Estoy haciendo clic en él. Puede ver estas diferentes secciones de la página. Acerca y proceso, testimonios o cualquier otra cosa. O aquí está la página completa. Un clic y todo se lanza directamente en la página, porque todo es bloques y todo es elegante en el contexto de los bloques, pueden saltar muy, muy fácilmente y hacer esto para hacer lo que tengo que hacer en la medida en que esta página necesita. hacer. Muy bien, número 3. La tercera parte de esta sesión: bloque personalizado. Analizaremos especialmente la construcción de bloques personalizados con un complemento llamado Genesis Custom Blocks. Es un complemento de WordPress que nos brinda una interfaz de administración. Cuando digo administrador, me refiero al administrador de WordPress. Y un sistema de plantilla muy simple para construir bloques personalizados de Gutenberg.
Como dijimos anteriormente, los bloques personalizados nos permitirían hacer cosas que se ven y funcionan exactamente como necesitamos. Entonces, un producto en el estante no lo corta. Es importante tener en cuenta aquí que al complemento Genesis Custom Blocks le gusta el complemento Genesis Blocks, que es el lugar donde viven las colecciones, ninguno de estos dos complementos depende del marco de Genesis. Supongo que pertenecen al mismo conjunto de productos. Pero si Genesis Custom Blocks sería el único complemento que instaló, estaría bien. Todavía puedes hacer todo lo que cubro aquí hoy. Está disponible en Repo WordPress.org. Y no es solo un iniciador fácil, obtenga un complemento teaser. Es muy, muy rico en características que tenemos allí, lo cual es maravilloso. De hecho, todo lo que le muestro hoy usa el gratis. Hay una disposición del complemento que puede obtener a través de la suscripción Genesis Pro que le brinda muchas funciones adicionales. Pero si solo desea verificar esto primero, verifíquelo de forma gratuita en wordpress.org. La idea general es que comience en el administrador de WordPress donde agrega el bloque personalizado. Lo configuras con algunas cosas. Agregue los campos, piénselo como si estuviera agregando campos a un formulario. Y luego lo publicas, lo guardas. Y luego salta y comienza a escribir algún código. Recuerde, un código muy, muy simple para sus plantillas de bloque. Ahora, si se siente cómodo con HTML y CSS de forma remota, si ha ingresado una línea de código allí en un archivo de características y un tema antes, mira, eso es todo lo que necesita. Son muy, muy simples.
Este es todo el propósito de este complemento para reducir esta barrera de entrada en la construcción de bloques personalizados. Y entonces eso es todo. Esto es, una vez que se completan las plantillas, puede agregar y usar el bloque personalizado en cualquier página o publicación en WordPress, lo cual es genial. ¿Para quien es esto? Desarrolladores de WordPress. Digo que este complemento es una herramienta para los desarrolladores. Como si fuera un profesional independiente solo a través de un gran equipo web corporativo, use este complemento para construir bloques personalizados. Podrías ser un junior. Como dije, podría comenzar en el mundo de escribir código en WordPress y podría usar este complemento fácilmente. Pero también conozco a muchos ingenieros realmente senior de equipos de agencias bastante interesantes que usan este complemento solo por la eficiencia que ofrecen. Y el valor que ofrece es que simplifica el desarrollo de la mejora alrededor del bloque. Y es al comienzo de esta sesión, dije que mira, el cambio no siempre es fácil, así que hagámoslo más fácil, eso es lo que hace este complemento. En general, acelera la producción de bloques. También simplifica la iteración. Una vez que un bloque está en la naturaleza y está en producción y desea cambiar algunas cosas, es fácil de repetir con este complemento. Y simplifica la integración con complementos y aplicaciones de tercera parte. La otra cosa sobre los bloques personalizados en general, pero también lo que le mostraré, es algo con todas las opciones versus decisiones.

Todos vimos o incluso fuimos al final del destinatario de que nos transmitimos una página o incluso de WordPress desde una construcción de una página o algo así, y solo que hay una sensación de “bulto”, para estar abrumado, creo que eso es Una palabra, solo con el número de opciones que existen. Hay controles de estilo para cualquier cosa, como sombras y rayos fronterizos, anchos y borde y, prácticamente, replicando lo que puede hacer en un CSS en algunos casos. Y para un usuario final, un creador de contenido, esto es intimidante. Pero también para el desarrollador responsable de enseñarlo, hemos implementado algo de acuerdo con un diseño verdaderamente específico y debemos funcionar de cierta manera, en la que no tenemos que transmitir todas las opciones al usuario final. . Esta es una de las cosas interesantes de los bloques personalizados. Podemos eliminar algo de eso. Podemos tomar decisiones sobre lo que debe pertenecer a las plantillas y luego lo que debe transmitirse al usuario final. De todos modos, mira lo suficiente. En realidad, construamos un bloque personalizado. Es hora de una codificación en vivo. Muy bien, tengo aquí la instalación de WordPress que ejecuto localmente en las instalaciones, otro gran desarrollo que debe verificar. Tengo algunos complementos instalados, pero de hecho solo tengo dos. Tengo Gutenberg, de hecho, ¿sabes qué? No lo necesito. Vamos a deshabilitarlo. Entonces, el único complemento que tengo activo es Genesis Custom Blocks. Te dije que no tiene adicción. El tema que lidero es un tema infantil en la tienda.
Cuando dice que es un tema para los niños, es muy, muy fácil y no hay cosas locas. Dirigí esto correctamente, por lo que no sucede mucho. Perdóneme. Es un tema infantil de ese tema de escaparates de WooCommerce. Bien, entonces los bloques personalizados, Genesis Custom Blocks está instalado y activo. Hay algunos aquí con quienes jugué antes, pero crearemos un nuevo bloque personalizado. Trabajé con un equipo de diseño y se formaron. No puedo, ¿entiendes? Dije. Empiezas a escribir frente a la gente y no puedes escribir. Todavía no sé cómo escribir. Y trabajan con un diseñador y crearon esta maravillosa página. Es para el equipo. Y diseñó esta sección o componente en la página para cada equipo. Y solo hay unas pocas sombras interesantes y un rayo de borde. Hay una pequeña superposición de márgenes. Y así, mira, desde el estante no se corta. Necesitamos construir un bloque personalizado. Entonces tendremos un bloque personalizado para él. Y agregaremos un campo. Entonces, como dije, es como agregar campos a un formulario. Ahora, en primer lugar, el nombre, por el nombre de la persona. Es un texto de tipo de campo y tenemos muchos tipos diferentes de campos. Lo tendremos como texto. Y solo haremos el 50% si está bien. Esto solo ayuda a comenzar las cosas para el formulario cuando el usuario final interactúa con él. Entonces, el próximo, el siguiente será el papel. Aquí estamos, escribiendo. También será texto y vamos al 50%. El siguiente será el mango de Twitter, lo cual es genial. De todos modos, 50% lo mismo. Y luego el final es solo para su mejor foto de cara. Y esto, teníamos tres campos de texto, hagamos algo diferente. Por supuesto, tener un campo de imagen.
Tomémoslo así. Así que presionemos la publicación. Ok, así que presioné la publicación. Y recibimos este pequeño mensaje en la parte superior y nos dicemos que el complemento está buscando archivos de plantilla de bloque relevantes. Y él dice, oye, mira, sé que tu tema actual es el tema activo, este diagrama de la tienda. Y en busca de esta carpeta, bloques. Estamos buscando este archivo especial llamado Block TeamMate.php. Entonces, lo que haremos, para moverse al código VS, que es un gran editor de texto o un editor de código. Y mira aquí, aquí está el tema de mi hijo. Ahora he agregado este directorio o esta carpeta llamada bloques. Hay los otros tres bloques personalizados que hice antes. Pero crearemos uno nuevo aquí para este bloque que hacemos en este momento. Ahora es importante que el nombre de nuestra carpeta coincida con el slog de bloque. Dentro de él, solo iremos a block.php. Entonces este es el archivo de plantilla PHP. También tendremos un archivo CSS. Así que bloquea CSS para nuestro estilo. Ahora, si solo refresco esto, sí, perdemos ese problema porque ahora ha encontrado las plantillas relevantes. En nuestro archivo PHP, saquemos algunas cosas. Tendremos una división para esto. Y estaré en clase. Y solo iré al prefijo GCB de GCB. No tienes que hacerlo, los cursos pueden ser lo que quieres. Y voy al compañero de equipo: GCB es Genesis Custom Blocks. Los compañeros de equipo están bloqueando. Usaré una etiqueta de imagen para nuestra foto con el compañero de equipo. Tendré otro div aquí, creo. La página 4 debe ser casi correcta. Habrá el nombre de la persona. Eso será por su papel, y luego será para su mango de Twitter. Entonces él solo diría, sígueme en Twitter. Ok, entonces eliminé esto con HTML y listo.
De hecho, solo tenemos ocho líneas de código, que es hermosa. Lo que podemos hacer ahora es que trabajaremos con algunas funciones que nos ofrece el complemento. Y lo que hace esta función, se llama campo de bloque, es que el contenido toma el contenido que el usuario final, el creador de contenido, presenta en el bloque personalizado cuando agrega en una página. Así que abra y cierre la etiqueta PHP, bloquea. Una vez más, no puedo escribir. El campo de bloque, dentro de él, pondremos el caracol de campo. Así que, bueno, queremos la foto, ¿no? Entonces queremos la foto allí mismo. Y eso devolverá la URL para la imagen. Y es por eso que funcionará dentro de la fuente, disculpe, mientras funcionará dentro del atributo de origen. Ahora tomemos lo mismo allí y lo enviaré para nuestro nombre, el papel y esto será porque queremos seguir a Twitter, Twitter.com/ Creo que esto sería un mango, por lo que lo lanzaremos allí. Entonces, para su nombre, puede ser una foto, será el nombre. Y para su papel, será un papel, una vez más, coincidir con los campos de los campos. Y aquí estará el mango de Twitter. Guardemos eso. Creemos una nueva página. Agregue un nuevo bloque, compañeros de equipo, ¿lo mirarías? Están nuestros campos. Rob envió, un buen tipo, es el almirante. Almirante. Mi identificador de Twitter es Rob_stino y toma la biblioteca de medios. Aquí estoy. Sí, hice clic en él. Y está bien, puede ver cuando haga clic en el bloque, obtenga el formulario. Cuando hago clic, obtengo una vista previa de la forma en que se ven. Ahora recibimos el contenido aquí. Ahí está la foto allí. Hay H4 para mi nombre. Existe el párrafo para mi papel y me sigue en Twitter.
Pero revisemos el front-end rápidamente, porque queremos asegurarnos de que se vea bien en el frente. Se ve bien. En realidad, sabes lo que voy a hacer. Voy a cambiar … aquí. De hecho, no, eso es solo: haga clic en todo en el frente. Está bien, está bien, el contenido no se ve genial. Entonces necesitamos algo CSS para nuestro bloque. Ahora no voy a escribir esto desde cero porque nadie quiere verme escribiendo CSS. Pero tenemos un poco. Hay esa clase que agregué en la parte superior. Así que voy a tomarlo y pegarlo allí. CSS que escribí antes. Vamos a ver. Ok, dándonos un estilo básico. Tenemos un pequeño rayo fronterizo, un margen negativo aquí. Tenemos este tipo de paquete. Centramos nuestro texto, lo cual es genial. Obviamente, esto es masivo. Entonces, lo que haremos es, en primer lugar, darle un título a nuestra página. Y ve columnas y ve tres. Luego, mueva esto allí, duplíquelo. Duplicarlo, de hecho, puede ver allí cuando lo colocamos en las columnas aquí, los campos de ancho del 50% se ven un poco raros. Por lo tanto, probablemente cambiarías esto a un ancho completo, probablemente sea un poco mejor. Y todo está en el editor de bloques. Puedes ver qué es. Y si hace clic en ella, obtiene la interfaz de formulario para actualizar el contenido y cambiarlo, así que. Y luego de nuevo en el frente, se ve bien. Eso es todo. Quiero decir, creo que volé en menos de 10 minutos. Podría explicar cómo llegar a nuestro archivo de plantilla, que ocho líneas HTML con un PHP salpican a través de él. 13 líneas CSS, este es el único código que tuvimos que escribir. Y todo estaba en el editor de bloques.