Aquí hay una pregunta existencial para los desarrolladores web: ¿Hasta qué punto debe separarse el sistema de gestión de contenido (CMS) de un sitio web de su diseño?
Para muchos de los servicios de bricolaje (Wix, Squarespace, etc.), casi todas las facetas de un sitio web se pueden editar visualmente. Ya sea contenido, diseño o maquetación, puede personalizar el contenido de su corazón. Y no necesita comprender ningún código para hacer esto.
Aparte de algunos productos de creación de páginas sin código, WordPress tradicionalmente se ha mantenido alejado de un editor de sitio completo. los Personalizador de temas Permite a los usuarios cambiar ciertos aspectos de un tema, pero solo aquellos definidos por el desarrollador.
Eso va a cambiar. Edición completa del sitio web Con (FSE), el editor de bloques de Gutenberg se puede utilizar para editar todo el sitio web: el tema y todo.
Esta nueva característica puede potencialmente revolucionar lo que es posible con un tema de WordPress. Quería ver qué podía hacer desde el principio. Esto es lo que encontré …
Configurar la edición completa del sitio en WordPress
En este momento, la edición completa del sitio aún no se ha integrado en el núcleo de WordPress. Es una función beta que trata sobre eso. Complemento de Gutenberg. Así que agarro el complemento y lo activo primero.
Entonces es cuestión de encontrar un tema compatible. Q. es el primer tema de WordPress que admite FSE y sirve como lienzo para este experimento. Ahora que hemos instalado y activado el tema gratuito, veamos qué hace.
Otro punto a tener en cuenta: hago todo esto con una instalación local de WordPress. Hay mucho que probar y corregir cuando se trata de editar sitios web por completo. Por lo tanto, aún no está listo para un entorno de producción. ¡Prueba en consecuencia!
Primeras observaciones
Cuando se trata de habilitar el tema Q, existen algunas diferencias notables en WordPress. En el otro extremo ahora hay un Editor del sitio Entrada en el menú. Y si navega por la interfaz cuando inicia sesión, un Editar sitio El enlace se muestra en la barra de administración. Ah, y también hay una advertencia de que la edición completa del sitio es experimental (simplemente ignoraremos esto).
El tema en sí es bastante básico, lo cual es ideal. Esto nos brinda una forma más fácil de personalizar. Si lo piensa, probablemente no quiera derribar un diseño complicado solo para volver a ponerlo en otra cosa. De hecho, menos es más.
Busque en el editor del sitio
Ahora para este editor de sitio. Al hacer clic en él, se abrirá el editor de bloques de Gutenberg. Pero esta vez es más que una página en blanco estándar. En cambio, ahora tengo acceso a todo: el encabezado, la navegación (a través del bloque de navegación experimental), el área de contenido y el pie de página.
Como era de esperar, cambiar cualquiera de estos elementos requiere que haga clic en un bloque y comience a trabajar. Los bloques individuales se pueden convertir en otra cosa, editar o incluso eliminar. Los bloques también se pueden reposicionar. Por ejemplo, colocar el menú de navegación sobre el título del sitio fue muy sencillo. Lo mismo se aplica a la sustitución del título de una sola columna por un diseño de varias columnas.
Pero hay más. Haga clic en el logotipo de WordPress en la parte superior izquierda de la pantalla para abrir la barra lateral del editor del sitio. Allí puede ver y crear plantillas de temas (como las del sitio) índice o Contribuciones Plantilla) o partes de la plantilla (como la Encabezamiento y Pie de página). Tenga en cuenta que también puede acceder a estos elementos desde el menú Apariencia en WordPress. También hay una forma de acceder a las páginas, publicaciones y taxonomías del sitio.
Lo que es realmente bueno aquí es que tiene la opción de aislar solo las partes de la plantilla que desea editar. Cuando levanto el encabezado de Asunto> Partes de la plantillaEso es todo lo que veo en el editor de bloques. Sin embargo, si prefiero editarlo en el contexto de todo el tema, puedo limitarme a esta primera página del editor del sitio.
Crea nuevas plantillas
Si está familiarizado con el editor de bloques de Gutenberg, crear nuevas plantillas de diseño es bastante fácil. El proceso es básicamente el mismo que el de crear otra página o publicación. Cree el diseño que desee con los bloques disponibles y guárdelo, ¡listo!
Una cosa a tener en cuenta es que, en este punto, parece que las plantillas personalizadas deben seguir a WordPress. Jerarquía de plantillas Reglas de denominación. Dicho esto, el slug de una plantilla personalizada debe coincidir con el nombre del propósito correspondiente en su tema (sin el .php Al final).
Por ejemplo, si desea crear una plantilla para usar en su página de inicio, el slug debe llamarse front-page. ¿Le gustaría ir a la página “Acerca de nosotros” (yourite.com/about-us/)? Una plantilla con el caracol de page-about-us hará el truco.
Las plantillas se pueden descargar desde el menú de configuración en la parte superior derecha del editor. Esto le permite guardar plantillas manualmente en su dispositivo y luego subirlas al servidor para protegerse de posibles contratiempos.
Usar partes de plantilla
Como se mencionó anteriormente, la edición completa del sitio de WordPress nos permite editar y crear partes de la plantilla. Esto incluye el encabezado y pie de página del sitio, pero hay muchas otras opciones.
Las partes de la plantilla se pueden crear y luego incorporar a cada plantilla a través de un bloque. También puede agregar una parte de la plantilla a una página o publicación específica.
Esto puede resultar útil cuando desee agregar contenido específico en varias páginas o tipos de publicaciones.
Por ejemplo, imagine un bloque de publicaciones destacadas que desea mostrar tanto en sus publicaciones individuales como en sus páginas de archivo. O hay un menú de navegación que solo debe mostrarse cuando se utilizan una o más plantillas específicas.
Las partes de plantilla son un medio de configurar esto sin la necesidad de técnicas avanzadas como la lógica condicional.
Preguntas para el futuro de los temas de WordPress
En general, le di a esta experiencia de editar completamente el sitio web una calificación positiva. Todavía queda un largo camino por recorrer para corregir errores y mejorar la usabilidad. Los problemas de apoyo también serán un obstáculo importante. Sin embargo, esta puede ser una característica muy útil.
Aún así, me vienen a la mente algunas preguntas:
¿A quién está dirigida la edición completa del sitio?
Uno de los principales argumentos a favor del editor de bloques de Gutenberg era que tenía que ser relevante. Los competidores en el mercado del bricolaje tienen un enfoque más visual para los sitios de construcción y WordPress se había quedado atrás.
Por tanto, tiene sentido que la edición completa del sitio web esté dirigida a usuarios que: a) no conocen o no quieren utilizar código; yb) quieren acceder a la mayoría (si no a todos) los elementos de su sitio web.
¿Qué hay para los diseñadores web?
Hay algunas ventajas. Por ejemplo, abrir un encabezado permite a un cliente actualizar rápidamente un nuevo número de teléfono o dirección. Esto podría evitar que los diseñadores consideren cambios fundamentales.
Sin embargo, habrá algunas cosas que los profesionales de la web querrán bloquear. La prueba del cliente de un sitio a menudo se realiza para proteger contra roturas. Los diseños y las funciones son elementos esenciales con los que preferimos no correr riesgos.
Esperemos que haya formas de controlar fácilmente qué se puede y qué no se puede editar en el back-end, como lo hace el personalizador de temas existente. De lo contrario, será otra posible pesadilla de la que preocuparse.
¿Cómo afecta la edición completa del sitio al mercado de temas comerciales?
Eso será fascinante de ver. Por el momento, muy pocos temas parecen haberse ajustado para Gutenberg. Todavía confía en complementos de creación de páginas de terceros para diseños avanzados. Algunos productos, como Divi y Beaver Builder, ya tienen sus propias funciones de edición de sitios web.
Así que no se sorprenda si el sitio web tarda en editarse por completo. Es poco probable que los desarrolladores de temas intervengan hasta que haya demanda y una indicación clara de cómo beneficiarse de ella. Sin mencionar el hecho de que muchas funciones existentes necesitan ser reelaboradas.
En mi opinión, los desarrolladores deben implementar esto de una manera que agregue flexibilidad a los usuarios y minimice el riesgo de rotura. Esto puede tomar la forma de plantillas prefabricadas (y parcialmente bloqueadas) y permitir a los usuarios elegir las plantillas que deseen. Pero todavía estamos muy temprano en el juego.
Un WordPress más fluido
Gran parte del ecosistema de WordPress es poco a poco. Elige un tema aquí, un complemento de Allí (y Allí y Allí) e intente ponerlo todo junto. Esto es parte de su atractivo y funcionó muy bien.
Pero la experiencia de diseño no se benefició del todo con este flujo. La apariencia y el diseño de un tema siempre se han separado de alguna manera. Ya sea que se trate de piratear plantillas o usar el personalizador de temas, hay mucho por lo que caminar.
Lo ame o lo odie, editar completamente el sitio web es un paso hacia la unificación del proceso de diseño. Con él, todo se puede crear en un solo lugar dentro de una sola interfaz de usuario. Es una experiencia más fluida de la que muchos usuarios deberían beneficiarse.
