DE{CODE}: temas modernos y el futuro de WordPress: trabajar con la edición completa del sitio y más allá

WordPress 5.9 introdujo la edición completa del sitio en el núcleo, lo que significa un cambio importante en la forma en que creamos sitios web con WordPress. En esta sesión de DE{CODE}, únase al defensor del desarrollador de WP Engine, Nick Diego, mientras explica estos cambios, así como algunas formas en que puede aprovecharlos para crear mejores sitios web: la forma moderna de WordPress.

Diapositivas de la sesión

Transcripción de texto completo

NICK DIEGO : Hola y bienvenido a "Trabajar con la edición completa del sitio y el futuro de la temática moderna en WordPress". Mi nombre es Nick Diego y soy un defensor de los desarrolladores aquí en WP Engine. Entonces, un poco sobre mí: comencé a trabajar con WordPress en 2012. Principalmente era un desarrollador de complementos, y desde entonces pasé a hacer mucho con temas de bloque. De hecho, me uní a WP Engine en noviembre de 2021, por lo que este es un nuevo trabajo para mí. Me apasionan los bloques y los patrones y todo lo relacionado con la edición de sitio completo, por lo que no podría estar más emocionado de dar esta presentación hoy.

Entonces, ¿qué es la edición de sitio completo? Hemos oído hablar mucho de él en los últimos años. Por lo tanto, en realidad es "una colección de funciones que brinda la experiencia familiar y la extensibilidad de los bloques a todas las partes de su sitio en lugar de solo publicaciones y páginas". Así que en realidad es un conjunto de funciones, que incluyen cosas como el Editor del sitio, Estilos globales, bloques de temas, Plantillas y, por supuesto, Temas de bloques.

Entonces, en nuestra conversación de hoy, vamos a cubrir algunas cosas diferentes. Vamos a empezar con lo básico. Quiero asegurarme de que todos estemos en la misma página, especialmente desde una perspectiva terminológica. Luego vamos a hablar sobre la anatomía de un tema de bloque, luego estilos globales, configuraciones internas que incluyen el archivo theme.json. Y finalmente, voy a compartir mis pensamientos sobre la temática moderna y cómo se verá.

Entonces, en la presentación de hoy, usaremos varios ejemplos diferentes, y esos serán del tema 2022, que se incluyó en WordPress 5.9 en enero de 2022. Este es un tema de bloque desarrollado por Core equipo de WordPress, y es un excelente lugar para comenzar, y está disponible en el repositorio de complementos, por lo que no hay mejor tema para usar en los ejemplos.

Entonces, al comenzar hoy, nuevamente, comenzaremos con lo básico. Y no hay nada más básico que un bloque. Entonces, si ha estado usando WordPress durante los últimos años, probablemente esté muy familiarizado con los bloques. Son la unidad fundamental de contenido en WordPress. Puede ser un párrafo de texto a una galería de imágenes. Puede tomar casi cualquier forma. Y la idea detrás de la edición del sitio completo es que, pronto o ahora, todo en su sitio web será un bloque. Hablaremos más sobre cómo funciona.

Ahora aquí tenemos un ejemplo de un montón de bloques diferentes que se encuentran actualmente en WordPress. Las dos columnas de la izquierda con las que debería estar familiarizado. Tenemos párrafos, encabezados y bloques de portada, etc., etc. En 5.9, nuevamente, que se lanzó este año, ahora tenemos lo que se llama bloques temáticos. Estos son bloques que son contenido que, tradicionalmente, no podrías editar directamente desde WordPress.

Estos incluyen cosas como el logotipo de su sitio, el bucle de consulta, el extracto de la publicación, el autor de la publicación. Estos son todos los tipos de contenido que necesitaría para sumergirse en sus archivos de plantilla basados ​​en PHP y código directamente o usar un complemento de terceros que lo ayudó a editar estas áreas. Y todos estos están llegando o han llegado a WordPress y permiten que los usuarios los editen directamente, y todos toman la forma de un bloque.

A continuación, queremos hablar de patrones. Los patrones son una especie de piedra angular de la experiencia de edición de un sitio completo. Los patrones pueden ser toda una conversación en sí mismos, pero le daremos un pequeño adelanto de los patrones si no está familiarizado. De nuevo, un patrón es solo una colección predefinida de bloques que forman un diseño específico. Un patrón podría ser un solo bloque con algo de estilo. Pueden ser varios bloques.

Los patrones permiten a los usuarios, con un solo clic, insertar un diseño completo directamente en su sitio, en lugar de tener que crear el diseño manualmente, bloque por bloque, lo que realmente puede acelerar el desarrollo de un sitio. También es muy útil si recuerda: ve esta hermosa demostración del sitio web y tiene todo este contenido allí. E instalas el tema, y ​​es como, bueno, ¿cómo obtengo esa demostración? Los patrones resuelven eso porque el autor del tema puede proporcionar una gran cantidad de diseños de página o diseños individuales que, con un solo clic, un usuario puede insertar y obtener esa demostración que vio y que le atrajo cuando eligió el tema.

Así que echemos un vistazo rápido a un patrón aquí. Solo tenemos un encabezado simple, algo de texto y algunos botones. Y esto se puede, de nuevo, insertar con un solo clic en la página, y vemos aquí que está formado por tres bloques diferentes, un bloque de encabezado, un bloque de párrafo y un bloque de botones.

Ahora con 5.9, nuevamente, que salió este año, vimos la introducción de Pattern Explorer. Entonces, el tema de 2022, que mencioné anteriormente, el que estamos usando en todos nuestros ejemplos, se llama el tema del criadero: muchas aves. Y puedes ver aquí en Pattern Explorer, tenemos un montón de diseños diferentes que crearon los autores del tema.

Entonces, como usuario, puedo insertar cualquiera de estos directamente en el sitio, y obtengo la misma estética para la que el autor del tema diseñó el tema, por lo que su serie de altavoces, algunos pájaros uno al lado del otro, lo que quieras. Y los patrones, y los patrones que se sirven con un tema, son muy importantes para esa experiencia de edición de sitio completo.

A continuación, tenemos el Editor. No podemos dejar de hablar del Editor. Si ha estado usando WordPress, probablemente esté muy familiarizado con esto. Pero quiero mencionar esto porque el Editor ha tenido muchos nombres diferentes en el pasado: Editor de bloques, Gutenberg, The Gutenberg Editor. Para los propósitos de esta discusión, solo llamaremos al Editor. Ese es el nombre oficial para él, y eso será lo que verás aquí. Nuevamente, esto se introdujo en WordPress 5.0 a fines de 2018.

Entonces, dentro del Editor, simplemente haga clic en el Insertor, y puede insertar sus bloques y patrones. Ahora, quería mostrar la pantalla porque a continuación tenemos que hablar sobre el Editor del sitio. Eventualmente, el prefijo del sitio del Editor del sitio probablemente desaparecerá y solo tendremos el Editor. Pero el Editor del sitio es una experiencia cohesiva que le permite editar y navegar directamente entre varias plantillas, partes de plantillas, opciones de estilo y más.

Básicamente, el Editor del sitio toma nuestro editor estándar al que nos hemos acostumbrado en los últimos años y lo lleva al siguiente nivel al permitir que los usuarios editen áreas adicionales de su sitio web que ahora funcionan con bloques. Así que WordPress 5.9 introdujo la edición completa del sitio y, con eso, el Editor del sitio. Y en 6.0, que saldrá en mayo, veremos muchas mejoras, lo cual es muy emocionante.

Entonces, si está usando un tema de bloque como 2022, podrá acceder al Editor del sitio. Hay dos formas diferentes, la barra lateral superior y luego debajo de la sección de apariencia. Ahora, el Editor del sitio, de nuevo, porque es parte de... es muy poderoso, solo está disponible para los administradores. Así que no se preocupen, editores, no podrán acceder al Editor del sitio. Debe ser administrador para acceder al Editor del sitio.

Y una vez que entramos aquí, se ve muy similar al editor estándar, pero notará algo un poco diferente. En la parte superior aquí, tenemos Inicio. Y esto nos dice que en realidad estamos editando la plantilla home.HTML, y tenemos un par de áreas diferentes de la página que podemos editar por separado. Como puede ver aquí, tenemos el encabezado y el pie de página.

Así que esto es algo que nunca podrías hacer antes. Nunca podría editar home.PHP, pero ahora la plantilla HTML directamente desde la interfaz, no sin alguna otra extensión de terceros.

Y si hacemos clic en la página y en la vista de lista, podemos ver que tenemos un bucle de consulta. Una vez más, esos temas de construcción familiares probablemente estén muy, muy, muy familiarizados con la creación de bucles dentro de plantillas para temas, pero aquí podemos hacerlo todo con bloques usando el bucle de consulta. Y también podemos ver algunos de esos otros bloques temáticos como el título de la publicación, la imagen destacada, el extracto de la publicación y la fecha de la publicación. El usuario puede moverlos y modificarlos desde la interfaz sin necesidad de codificación.

Ahora, si hace clic en un pequeño ícono de WordPress o en el ícono del sitio, podemos obtener esta barra lateral. Y luego podemos ver que tenemos acceso a todas nuestras plantillas y partes de plantillas. Ahora, quiero señalar que el flujo... todas estas pantallas están completamente en desarrollo. La edición completa del sitio aún está en versión beta, y se avecinan muchos refinamientos y mejoras. Entonces, lo que estamos viendo hoy puede no parecer lo mismo en seis meses, pero es un comienzo fantástico.

Entonces, si bajamos a las plantillas, podemos ver todas las plantillas que se incluyen con 2022. Debería ver algunas conocidas como Page, Index, Home y 404. Y luego, si vamos a las partes de nuestra plantilla, podemos ver algunas personalizadas. partes de la plantilla que fueron incluidas por los autores del tema. Así que tenemos un par de encabezados diferentes y tenemos un pie de página.

Ahora nuevamente, todos estos son editables por el usuario. Entonces, si vemos este pequeño punto aquí, podemos ver que esta parte de la plantilla de encabezado ha sido editada por mí. Ahora, cuando edita una pieza de plantilla o una plantilla, esos cambios se guardan en la base de datos. En realidad, no modifican las plantillas de su tema, lo cual es excelente porque siempre puede volver a las plantillas de tema oa las partes de la plantilla.

Pero nuevamente, si hacemos clic aquí, podemos comenzar a editar esa parte de la plantilla de encabezado, y verá que todos estos están compuestos por bloques. Por lo tanto, es la misma experiencia que usaría en el Editor al editar una publicación o una página. Puede hacerlo ahora dentro del Editor del sitio para todas sus plantillas y partes de plantillas.

Así que ese fue un repaso rápido del Editor del sitio y cómo funciona, pero ahora quiero hablar sobre la anatomía de un tema de bloque, que es el principal componente fundamental de la edición de un sitio completo. Entonces, ¿cómo funciona la anatomía de un tema de bloque? Bueno, en realidad se divide en un par de categorías diferentes. Así que tenemos temas de bloque. Adoptan por completo la edición de sitio completo. Las plantillas de temas están compuestas completamente por bloques. Las plantillas y las partes de las plantillas son HTML en lugar de PHP.

Y luego quiero señalar que un tema de bloque puede ser muy simple. Todo lo que necesita hacer es consistir en un archivo style.CSS y un archivo index.html, así como un archivo index.PHP. Este archivo PHP es una especie de remanente del desarrollo tradicional de temas de WordPress y probablemente desaparecerá en el futuro.

Y finalmente, la mayoría de los temas de bloques incluyen un archivo theme.JSON. Hablaremos de esto por separado. Es un tema muy importante relacionado con la configuración y los estilos globales. Así que echemos un vistazo a la estructura de archivos del tema. Así que esto es 2022, una versión abreviada de la estructura de archivos dentro de 2022. Y podemos ver los archivos necesarios aquí.

Luego, también notamos que hay algunas carpetas, a saber, Plantillas y Partes de plantilla. Dentro de cada una de estas carpetas, tiene todos los archivos HTML para cada plantilla y parte de la plantilla. Lo que no se ve aquí, que en realidad es realmente emocionante, así que quería colar esto, Gutenberg, el complemento de Gutenberg, donde se realiza todo este desarrollo futuro de edición de sitio completo, en realidad introdujo recientemente una nueva carpeta llamada Patrones. Por lo tanto, puede colocar sus archivos de patrones dentro de la carpeta Pattern y WordPress los registrará por usted. Solo un adelanto. Le recomiendo encarecidamente que consulte Gutenberg y todas las funciones nuevas.

Pero volvamos a la diapositiva aquí. Disponemos de nuestras plantillas y piezas de plantilla. Y puede ver los archivos HTML individuales para cada uno. Ahora, para comprender un poco más cómo funciona esto, vamos a echar un vistazo al archivo 404.HTML. Este es un archivo o una página en su sitio que nunca podría editar directamente a menos que se sumergiera en el código o utilizara un recurso de terceros que le permitiría editar esta plantilla.

Entonces, volviendo al Editor del sitio, podemos ver que nuestra página 404 está aquí. Si hacemos clic en eso, el usuario ahora puede editar los diferentes componentes de esa plantilla. Sin embargo, echemos un vistazo a qué código HTML real compone esta plantilla, el código que está realmente en el tema.

Así que aquí podemos ver que tenemos nuestro archivo 404.HTML y tiene muchas marcas. Comenzando por arriba y por abajo, vemos que tenemos la especificación para un bloque de parte de plantilla. Lo que está haciendo es hacer referencia a nuestras partes de plantilla registradas y colocarlas en la plantilla. Entonces, si volvemos a saltar aquí, podemos ver que tenemos una parte de pie de página.HTML y una parte de encabezado.HTML. Y eso es a lo que se hace referencia aquí.

Entonces, este es un bloque único que le permite extraer plantillas que están compuestas de otros bloques. Ahora, por supuesto, podría incluir todos los bloques que formarían un encabezado y todos los bloques que formarían un pie de página, pero al hacer referencia a la parte de la plantilla, puede hacerlo todo en un solo lugar y luego aplicar esa misma parte de la plantilla. en todas sus plantillas, similar a lo que haría en un WordPress tradicional con PHP.

Ahora, a medida que miramos más, tenemos algunas marcas, solo algunas marcas principales, y luego tenemos un div. No voy a profundizar demasiado en esto. Aquí están sucediendo algunas cosas interesantes, a saber, el diseño aquí, cierto, que está haciendo algunas configuraciones de diseño, pero esto es solo un marcado general para la página, el patrón 404.

Ahora, mencioné patrón. El 404 en este tema en realidad está agrupado en un patrón. Entonces, todos los bloques que componen el contenido 404 están en un patrón. Y luego tenemos un bloque de patrones que en realidad hace referencia a ese patrón y luego atrae esos bloques. Ahora, por supuesto, nuevamente, podría incluir todos los bloques que componen la página 404 aquí, pero al colocarlos en un patrón y luego hacer referencia a ellos, hace que sea un poco más fácil de administrar.

Entonces, cuando volvemos al Editor del sitio, tenemos nuestro contenido y podemos ver las diferentes secciones. Entonces, la parte superior es la parte de la plantilla de encabezado que se está incorporando. Y luego, obviamente, la sección principal es el patrón 404 que se está incorporando. Y ahora, debido a que todos estos son bloques, todo lo que tenemos que hacer es editarlos como lo haríamos normalmente. . Podemos hacerlo en negrita. Podríamos cambiar el color. Podríamos eliminar bloques, agregar bloques, etc., etc.

Bastante fácil, y no necesitamos editar ningún código en absoluto. Necesitábamos entender cómo funcionaba el código, pero no necesitábamos tocar ningún código en absoluto. Luego, cuando estemos contentos, simplemente hacemos clic en Guardar. Nuevamente, estos cambios se guardan en la base de datos, por lo que en realidad no está modificando los archivos del tema. Entonces, si tuviéramos que revertir los cambios, volveremos a lo que sea que proporcione el tema.

Una de las mejores cosas del Editor del sitio también, y nuevamente, esto todavía se está desarrollando, es que puede agregar nuevas partes de la plantilla. Nuevamente, este tema agrega un montón de encabezados y pies de página diferentes, pero ¿y si quisiéramos agregar más? Tal vez queríamos una barra lateral. Tal vez queríamos diferentes secciones de contenido. Podemos hacerlo directamente en el Editor del sitio.

Y nuevamente, este flujo se mejorará: más características, más funciones. Pero actualmente es funcional, y puede agregar todo aquí. Una cosa a tener en cuenta es que aún no puede agregar plantillas dentro del Editor del sitio. Puede dentro de una interfaz diferente dentro del editor de WordPress, pero aún no en el Editor del sitio. Pero eso vendrá.

Entonces, la última parte de esto es que hablamos sobre hacer todos estos cambios. Bueno, ¿qué pasaría si pudiera exportar todos sus cambios como un solo tema que realmente está llegando y es realmente muy interesante ver cómo afectará eso al desarrollo del tema? Entonces, con la última versión de Gutenberg, ahora puede exportar todos sus cambios, además del tema original.

Se fusionan y puede exportarlo como un tema completamente nuevo con todos los cambios aplicados a los archivos dentro del tema. Entonces podrías imaginarte tomando 2022. Lo subes. Usted hace todos sus cambios. Puede modificar algunas plantillas y luego exportar un tema completo. Tiene algunas implicaciones muy interesantes para el desarrollo de temas futuros.

Ahora necesitamos hablar sobre configuraciones y estilos globales. Este es ese archivo theme.JSON. Esto es completamente nuevo en WordPress y tan emocionante como complicado. Entonces, si miramos hacia atrás en el tema de 2022, podemos ver ese archivo en la parte superior. Y cuando saltamos al archivo theme.JSON, en realidad son cinco secciones, una de las cuales es solo el número de versión.

Y hablaré brevemente sobre plantillas personalizadas y partes de plantillas. Entonces aquí es donde, si tuviera una plantilla personalizada, una plantilla completamente personalizada, una que WordPress no reconocería naturalmente, ahí es donde puede registrarla aquí. Aquí también es donde registra todas esas partes de la plantilla, como los encabezados y pies de página. Cualquier plantilla tradicional, como Índice, Página, Publicación, esas plantillas que WordPress generalmente reconoce, no es necesario que las coloque aquí, solo las personalizadas y, por supuesto, sus propias partes de plantilla.

Pero la carne de theme.JSON es su sección de configuración y estilo. Entonces, si miramos primero la configuración, están sucediendo muchas cosas aquí. Y de nuevo, esto es muy abreviado. Pero la parte superior son configuraciones globales. Estas son configuraciones que afectan el Editor del sitio y el Editor en todo su sitio. Estos incluyen cosas como el borde, el color y la tipografía. Aquí es donde establecería la paleta de colores para su tema, la configuración de tipografía para su tema, las fuentes, etc.

Y luego también tenemos configuraciones de nivel de bloque, donde podría, digamos, establecer una paleta de colores para todo su sitio pero luego establecer una paleta de colores más pequeña y una paleta de colores completamente diferente, por ejemplo, para el bloque de párrafo o el bloque de botones. Por lo tanto, proporciona una gran cantidad de flexibilidad, pero las configuraciones son las características que están disponibles para un usuario dentro del Editor o dentro de un bloque.

Así que si nos fijamos, de nuevo, en el color, hemos definido aquí nuestra paleta. Tenemos un color de primer plano, un fondo y luego el primario, negro, blanco y una especie de verde bosque. Y luego, si vamos al Editor, podemos ver que cuando aparece nuestro selector de color, tenemos esos colores definidos para que un usuario los seleccione.

Ahora, entremos en estilo. Así que los estilos son básicamente como tu CSS. Entonces, tradicionalmente, agregaría todo su CSS en un archivo styles.CSS o alguna otra configuración. Pero la sección de estilos de theme.JSON le permite establecer el estilo a nivel de bloque y también a nivel global en todo su tema. Piense en estos como valores predeterminados, correcto, porque el Editor: el objetivo es que los usuarios puedan ingresar allí y comenzar a modificar y hacer cambios y diseñar su sitio como quieran usando bloques.

Pero debe haber un valor predeterminado, y estos se establecen en la sección de estilo de theme.JSON es ese valor predeterminado. Nuevamente, tenemos los estilos globales, algo así como nuestros colores globales, tipografía global, y luego también podemos establecer estilos a nivel de bloque. Entonces, lo que pasa con los estilos globales es esto donde estableceríamos el color de fondo de nuestro tema. Aquí es donde estableceríamos los tamaños de fuente para nuestros encabezados, las diferentes opciones de tipografía para enlaces, texto, encabezados y todo ese tipo de cosas. Y a nivel de bloque, podemos hacer lo mismo pero específicamente para bloques.

Ahora, una de las cosas interesantes sobre la sección de configuración de la que acabamos de hablar es que cada vez que crea una configuración, WordPress definirá una variable. Entonces, cuando estábamos mirando esa paleta de colores, definimos el fondo, el primer plano y el primario. WordPress en realidad va a generar una variable que se asigna a ese código hexadecimal, sea cual sea el código hexadecimal configurado para primario, en primer plano, en segundo plano.

En estilos, podemos usar esas variables para definir los estilos para estilos globales y de nivel de bloque. El beneficio de esto es que si un usuario alguna vez cambiara el color de fondo, fluirá a través de la especificación de estilo en theme.JSON. Ahora, si echamos un vistazo a la sección de bloques, aquí tenemos nuestro bloque de botones, y lo tenemos de un diseñador de temas.

Quería que mis botones tuvieran un color verde predeterminado con texto en blanco. Puede ver que en la sección de color del bloque de botones, definimos que el color de fondo es ese primario, que es verde bosque, y nuestro texto es el fondo, que es blanco. Entonces podemos usar esas variables en theme.JSON para definir estilos para nuestros bloques y para el sitio en sí.

Ahora, esto se relaciona con los estilos globales, a los que aludí anteriormente. Volviendo al Editor del sitio, si hacemos clic en este pequeño círculo de dos tonos en la parte superior, abriremos nuestro panel de estilos globales. Ahora, están sucediendo muchas cosas aquí, así que solo voy a hacer una demostración rápida de cómo funciona. Pero sepa que lo animo a que descargue el tema 2022 u otro tema de bloque y explore realmente los estilos globales.

Y si saltamos aquí y miramos los colores, hacemos clic en eso, ahora podemos ver que la paleta de colores está allí, la que proporciona el tema, así como algunos elementos diferentes, como nuestro fondo, texto y enlaces. . Ahora, en este panel que estamos viendo aquí, estamos editando los elementos globales del sitio. Entonces, por ejemplo, hablamos sobre los antecedentes del sitio. En este momento, es blanco. Entonces, si hago clic en Fondo, puedo entrar aquí y puedo ver que está seleccionado como blanco. Este es el color que configuramos en theme.JSON.

Pero, ¿y si me gusta mucho este color melocotón? Bueno, con un solo clic, puedo hacer clic, y listo. El color de fondo de nuestro sitio ahora es melocotón. Esto le da al usuario un control sin precedentes para modificar completamente su sitio para satisfacer sus necesidades. Pero nuevamente, theme.JSON proporciona el valor predeterminado que, como desarrollador de temas, le proporciona al usuario y luego puede tomarlo desde allí.

Esa fue una breve descripción general de la edición completa del sitio y el Editor del sitio y los temas de bloque. Pero quiero tomarme un tiempo y hablar sobre mis pensamientos sobre el futuro de la tematización moderna. Entonces, cuando pensamos en la tematización moderna, creo que la tematización moderna enfatizará el diseño sobre el desarrollo. Ahora, podrías estar pensando, bueno, diseñar temas siempre tiene que ver con el diseño.

Pero si piensas en el desarrollo del tema tradicional, había mucha codificación real que necesitaba hacerse. Todos los archivos de plantilla eran PHP, lo que requería una cantidad significativa de conocimiento de WordPress, así como el desarrollo de PHP para hacerlo bien. Bueno, eso está cambiando. Vemos que ahora que con el Editor, puede diseñar temas directamente dentro de la interfaz de usuario del Editor del sitio y el editor tradicional.

Y ese va a ser un papel importante en la forma en que diseñamos los temas. Así que soy un desarrollador defensor de WP Engine y en nuestro equipo estamos creando un tema experimental llamado Frost. Y cuando creamos un patrón nuevo o queremos modificar una plantilla, no vamos a los archivos y ajustamos los archivos. Entramos en el Editor del sitio o entramos en el Editor y modificamos ese patrón, o creamos un patrón o creamos una plantilla. Y luego estamos contentos con eso, luego lo exportamos y luego lo colocamos en el tema.

Así que en realidad no estamos codificando. De hecho, estamos haciendo todo visualmente. Y el beneficio de eso es que sabemos que un usuario, las personas que van a usar el tema, también van a estar allí ajustando el patrón o ajustando la plantilla. Y entonces tiene sentido, mientras estamos construyendo el tema, estamos haciendo el mismo proceso que un usuario estaría haciendo para usar el tema, lo cual creo que es algo mágico.

Y esto conducirá a un método de desarrollo de temas de código bajo o incluso sin código. Ahora, por supuesto, estamos en una conferencia de desarrolladores, ¿verdad? Entonces, estamos hablando de sin código y de código bajo. Pero mi último punto, hablaremos sobre dónde creo que se encuentra el desarrollo. Pero creo que esto es realmente emocionante porque traerá una nueva generación de usuarios, personas que quieren crear su propio tema, personalizar su propio tema, pero tal vez no conocen PHP, tal vez no conocen JavaScript. .

Ahora pueden hacer todo eso dentro del Editor del sitio, que creo que es una especie de espíritu de WordPress, democratizar la publicación. Y creo que la edición de sitio completo realmente se esfuerza por lograr eso. Y en los últimos dos años o el año pasado, francamente, hemos visto tal progreso con la edición de sitios completos. Se está poniendo muy emocionante. Así que realmente creo que la edición de sitios completos es el futuro de WordPress tradicional.

Ahora, puede que no sea para todos. Quiero dejar eso muy claro. Y hay mucho desarrollo que todavía se necesita. Entonces, cuando hablamos de diferentes tipos de personas que usan WordPress, tenemos de todo, desde el usuario estándar hasta las agencias. Y las agencias pueden querer proporcionar una interfaz muy limpia y muy estructurada para que sus clientes la usen y trabajen en sus sitios web. Eso puede no ser una edición completa del sitio. Creo que está bien.

Pero como estamos viendo en la economía, tenemos Squarespace, Wix, Element u otros creadores de páginas. Hay un gran contingente de la comunidad web de usuarios que quiere una herramienta que les permita y les permita editar y diseñar su propio sitio. Y creo que a WordPress realmente le ha faltado WordPress, especialmente en Core. Y creo que ese es el objetivo de la edición de sitio completo y esa es la promesa de la edición de sitio completo.

Así que mucho que hacer. Aún queda mucho por hacer. Todavía hay muchas cosas que debemos resolver, a saber, cosas como los controles receptivos y cómo restringimos los diferentes componentes de la interfaz de usuario para que ciertos usuarios no arruinen los diseños ni modifiquen cosas que no deberían. Así que muchas cosas aún por resolver.

Pero una de las áreas que creo que es realmente emocionante es el desarrollo para la edición de sitios completos. Ahora que tenemos esta herramienta que permite a los usuarios diseñar su propio tema o diseñar su propio sitio, debemos comenzar a pensar en cómo podemos llevar esto al siguiente nivel. Como desarrolladores, ¿cómo podemos construir sobre esto? Si volvemos a pensar en WordPress tradicional, tomemos la pantalla de widgets, widgets en general. WordPress proporcionó un nivel muy básico de widgets y funcionalidades, y los desarrolladores salieron y crearon todo tipo de extensiones.

Y creo que la misma idea debe aplicarse a la edición de sitios completos. En este momento, hay muy pocas extensiones y complementos, si es que hay alguno, que realmente aprovechen la edición completa del sitio y la lleven al siguiente nivel. WordPress continuará iterando en la edición completa del sitio y llegará a un punto. Pero nunca va a hacer todo lo que todos quieren, y creo que ahora es el momento de tomarse en serio la edición completa del sitio y comenzar a pensar en las formas en que podemos construir sobre eso como desarrolladores y realmente llevar esta experiencia al siguiente nivel.

Así que desafío a todos a salir, explorar Gutenberg, probar el tema 2022 e instalarlo, comenzar a aprender el desarrollo de bloques. Hay una cantidad increíble de oportunidades para bloques de nicho. Y trata de construir tu propio tema. Intente tomar 2022. Intente modificarlo. Intenta construir tu tema base. Es realmente agradable, y hay mucho potencial para estas cosas.

Así que quiero detenerme ahí y decir gracias por asistir. Y antes de irme, quiero hablar sobre un par de recursos que creo que son realmente importantes, especialmente si esta presentación, si eres nuevo en la edición de sitios completos y quieres aprender más. Entonces, de nuevo, puedes, por supuesto, seguirme. Tuiteo sobre esto todo el tiempo.

Pero hay un par de recursos. Así que el primero es Frost. A esto aludí antes. Así que este es un tema que las relaciones con los desarrolladores de WP Engine están construyendo. Y es un producto experimental. No debería decir producto. Es un experimento, en el que estamos tratando de usarlo para educar a la comunidad sobre cómo construir temas de bloques. Estamos aprendiendo en el camino. Estamos haciendo muchos cambios y actualizaciones en el camino, tratando de mantenernos actualizados con WordPress, pero es un gran recurso. Además, nuevamente, ese tema de 2022: un lugar fantástico para comenzar y aprender.

A continuación, quiero conectar Learn WordPress. Esto es learn.wordpress.org. El equipo de capacitación de wordpress.org está trabajando mucho para tratar de educar y llevar muchos de estos conceptos al público. Entonces, si estás interesado y quieres aprender más, es un lugar fantástico. Tenemos talleres y todo tipo de contenido diferente allí, incluidos espacios de aprendizaje social. Estos se llevan a cabo semanalmente, donde hablamos sobre diferentes temas, inmersiones profundas en cómo codificar un bloque hasta cómo construir un tema de bloque, y así sucesivamente.

Y luego, por supuesto, si está interesado en el desarrollo, siempre comience con el manual del editor de bloques. Ahí es donde comencé, y hay tantos recursos excelentes. Y finalmente, Gutenberg. Si no está familiarizado con Gutenberg, lo animo a familiarizarse con Gutenberg, especialmente si está interesado en el desarrollo de WordPress. Y es un gran lugar para sumergirse, explorar cómo se está construyendo la edición de sitio completo, cómo se están construyendo diferentes bloques y cómo puede aplicar eso a sus propios flujos de trabajo.

Así que muchas gracias por asistir. Espero que haya sacado mucho de eso de esta presentación y lo aliente a continuar explorando la edición completa del sitio. Muchas gracias.