Cómo rediseñamos el sitio web con las funciones de edición de todo el sitio en el editor de bloques de Gutenberg

Para las empresas que utilizan el marketing de contenidos para alimentar el crecimiento, la agilidad en su CMS es esencial. Cuando los creadores de contenido deben usar ciclos de diseño o desarrollo para realizar actualizaciones, las empresas no se mantienen al día con el ritmo exigente para producir contenido de calidad. Desde WordPress 5.0, cuando se lanzó el editor de bloques de Gutenberg, cada lanzamiento sucesivo ha traído más poder a la experiencia de edición de contenido. En versiones anteriores, los bloques se usaron para editar publicaciones y páginas. Ahora, con WordPress 5.8, los bloques pueden hacer aún más, incluida la edición de los encabezados, los sótanos y otros elementos de todo el sitio que están fuera de las publicaciones individuales. Estas funciones se denominan colectivamente “edición completa del sitio”.
Al igual que muchas empresas, WordPress VIP se ha dado cuenta de que nuestro contenido se está volviendo cada vez más importante para hacer crecer nuestro negocio, pero nos hemos esforzado por traer contenido al mundo de una manera ágil.

La nueva página de inicio de WPVIP.com cuando recientemente rediseñamos este sitio web (wpvip.com), su construcción con funciones completas de edición de sitios en el editor de bloques de Gutenberg fue una idea simple. Nuestro tema anterior no se activó para Gutenberg, basado en gran medida en los campos de Metabox fuera del editor de publicaciones para crear contenido. La creación de nuevas páginas fue engorroso y lento y fue difícil obtener una vista previa de contenido antes de publicar.
¿Desafío? Ningún sitio web de la empresa hizo esto antes. Las características que queríamos usar aún no se habían lanzado en el software básico. Exploraría un territorio inexplorado. Para construir el nuevo sitio, colaboré con VIP WordPress Athletics Partner para dar vida a la visión. Jameson Proctor, director ejecutivo digital de Atletics, aprovechó la confianza del código abierto del ecosistema de WordPress para este desarrollo pionero. Jameson y el director de diseño VIP de WordPress, David Bowman, se unieron recientemente a mí para discutir el desarrollo del nuevo tema, y ​​por qué es un cambio tan importante para WordPress para empresas. A continuación se presentan los más importantes en nuestra discusión. David: Hemos intensificado los esfuerzos de marketing de contenido. Enviamos mucha energía para crear un buen contenido para generar clientes potenciales. El sitio tenía que ser diseñado de una manera que facilitaría la superficie de este contenido en todo el sitio, para facilitar la búsqueda y llevar a más personas a él. También sabíamos que teníamos que hacer el proceso de crear el contenido mucho más fácil, mucho más rápido y mucho más ágil. Pero esta agilidad tenía que aparecer sin perder el diseño del gobierno. Como empresa, no queremos usar el editor de bloques como una herramienta de diseño en sí; Pero queremos poder usar el sistema de diseño de nuestra marca en el editor de bloques.
¿Por qué utilizar el nuevo editor del editor de bloques de Gutenberg, en la ley? David: Cuando decidimos reconstruir el sitio, evaluamos nuestros procesos, flujos de trabajo, lo que queríamos hacer nuestro sitio y cómo queríamos trabajar para nosotros. Había muchas opciones para lograr nuestros objetivos, pero realmente queríamos un WayPress muy nativo. No queríamos confiar en un instrumento o en un complemento de tercera parte. La edición de todo el sitio trae previsibilidad, control y agilidad del editor de bloques al resto de su experiencia web. David Bowman, WordPress VIP El mismo control maravilloso que tenía en el contenido de una página o el contenido de una publicación, ahora lo tiene en el encabezado, en el sótano, en partes del sitio que anteriormente estaban atrapados detrás de un ciclo de desarrollo , Generalmente. Jameson: otras formas de implementar un enfoque modular y flexible para WordPress son bastante desagradables y se sienten como tornillos. Otros son verdaderamente inteligentes y actúan, pero aún no se sienten como un WordPress nativo. La edición de todo el sitio, por otro lado, lleva la facilidad de uso y la potencia del editor de bloques a todo el tema. No solo publicaciones, no solo páginas, sino también navegando, plantillas de archivo, páginas iniciales, etc.
La experiencia de edición completa del sitio para el nuevo megașiu La otra cosa que aporta a su base es el poder de React. No puedo pensar en una mejor manera de implementar contenido flexible y modular que con la biblioteca JavaScript especialmente creada para componentes. Nos sorprendió mucho y nos encantó la cantidad de JavaScript (a diferencia de PHP) que escribí cuando desarrollé este tema de todo el sitio. Los sistemas de diseño y el editor completo del sitio y, por supuesto, el editor de bloques de Gutenberg, encajan perfectamente. Realmente puede integrar la gobernanza en la experiencia de crear contenido a través de estilos locales y controles de bloqueo, lo que permite que los creadores de contenido permanezcan ágiles y se muevan a la velocidad de los negocios. ¿Qué debe saber la gente antes de lanzarse en un proyecto de edición completo? Jameson: Desarrollamos el sitio antes de que se lance cualquier función de edición de sitio completa en el software básico de WordPress, por lo que trabajé con el conjunto de características más actualizados al instalar el complemento Gutenberg. Esto significaba que teníamos que abrazar la idea de que la tierra estaba cambiando debajo de nosotros mientras trabajábamos. A medida que se completan las funciones de edición del sitio completo, la mayoría de los problemas que encontramos desaparecerán.

El gran trabajo con WordPress es que existe una comunidad tan rica y robusta involucrada en el proyecto. No es tan difícil encontrar respuestas a los desafíos que enfrenta. Poder desarrollarse para la empresa, también tener la interacción y el apoyo de una comunidad muy amplia y diversa es una combinación increíble. Jameson Proctor, el trabajo de atletismo en el borde actual de las plataformas de código cerrado y el propietario es mucho más costoso y más difícil. ¿Alguna palabra final sobre las implicaciones de editar todo el sitio en el editor de bloques de Gutenberg? Jameson: Creamos este increíble ecosistema de colaboración entre diseñadores, creadores de contenido. A medida que continúa evolucionando, el poder que desbloqueará para las organizaciones es algo a considerar. El editor de bloques de Gutenberg. Y permanezca en la fase para obtener una lista de respuestas a todas las preguntas que recibimos durante la transmisión.

Autor
Tess Needham
Jefe de marketing de contenidos, WordPress VIP