Una guía para principiantes sobre la edición completa del sitio en WordPress

Publicado: 2022-05-03

¿Tienes curiosidad acerca de cómo funciona la edición completa del sitio en WordPress?

Es posible que esté intrigado y ansioso por explorar las posibilidades que ofrece esta nueva funcionalidad. Sin embargo, especialmente si es un principiante, puede ser difícil entender la edición completa del sitio y cómo usarla.

Afortunadamente, si sabe cómo abordar algunas funciones clave de edición completa del sitio, como los estilos globales, puede usarlo para crear todo tipo de contenido. Por otro lado, si aún no está interesado en dar el salto, siempre puede usar un complemento de creación de páginas como alternativa.

En esta publicación, le presentaremos los pros y los contras de la edición completa del sitio en WordPress 5.9.

Luego, le mostraremos cómo navegar por tres funciones clave en la edición completa del sitio. Finalmente, presentaremos algunos complementos alternativos de WordPress si decide que esta herramienta no es adecuada para sus necesidades. ¡Empecemos!

Una introducción a la edición completa del sitio

WordPress es un software de código abierto en constante evolución. Por ello, sus usuarios están acostumbrados al cambio. Sin embargo, con WordPress 5.9 llegó uno de los mayores cambios de todos: la edición completa del sitio.

Anteriormente, tenía que modificar las páginas y el tema de su sitio por separado. Para editar páginas web de WordPress, utilizó el Editor de bloques. Para los elementos de diseño universal, como encabezados, pies de página y fuentes, realizó cambios con la herramienta Personalizador.

En WordPress 5.9, puede modificar tanto las páginas como las características de diseño global desde el mismo lugar: en el editor completo del sitio.

Además, toda su edición se realizará con los bloques familiares que aprendió a usar en el Editor de bloques (junto con algunos nuevos). Sin embargo, aún puede acceder al personalizador tradicional si está utilizando un tema sin bloqueo o un complemento que interactúa con él.

Como es tradición, se lanzó un nuevo tema predeterminado junto con WordPress 5.9. Se llama Veinte Veintidós:

01 Veinte Veintidós tema predeterminado

La edición completa del sitio elimina la necesidad de alternar entre páginas para editar su sitio web y le permite ver el panorama general de una sola vez. Además, puede realizar cambios a gran escala más fácilmente en elementos como fuentes, colores y espaciado. Además, puede ver todas sus modificaciones al instante.

Las limitaciones de la edición completa del sitio

Aunque la edición completa del sitio es, sin duda, una herramienta nueva y poderosa, tiene sus desventajas. No todo el mundo lo encuentra preferible al sistema de edición tradicional de WordPress o las herramientas alternativas que están disponibles.

Los principiantes en particular pueden encontrar difícil navegar por la edición completa del sitio. No es necesariamente la interfaz más fácil de usar, y lidiar con tantos bloques a la vez puede ser confuso. Dado que los cambios en todo el sitio se pueden realizar con un solo clic o arrastrar, también hay más espacio para el error del usuario.

Además, la edición completa del sitio de WordPress requiere el uso de temas de bloque. Dado que estos temas únicos de WordPress basados ​​en bloques no eran compatibles con la plataforma principal antes del lanzamiento de WordPress 5.9, eso significa que cualquier persona que quiera usar la edición completa del sitio deberá actualizar sus temas actuales sin bloques.

Esto no es ideal si su tema está muy personalizado, ya que puede requerir que comience de nuevo desde cero. Es poco probable que los cambios que haya realizado en la apariencia y el diseño de su sitio se mantengan si cambia a un nuevo tema. Además, cambiar el tema de su sitio también puede provocar errores de compatibilidad entre este y los complementos y otras herramientas que está utilizando.

Además, dado que los temas de bloques son tan nuevos, no hay muchas opciones para elegir. Como tal, puede encontrar las opciones actuales limitantes. Esto afecta de manera desproporcionada a los sitios más grandes, ya que el nivel de sofisticación requerido para diseños y transacciones más complejos (especialmente cuando se trata de comercio electrónico) aún no se admite en muchos temas de bloques.

Como cualquier herramienta, la edición completa del sitio será adecuada para algunos usuarios e incorrecta para otros. Le sugerimos que lo mire más de cerca para determinar si este es el método correcto para diseñar y personalizar su propio sitio web.

4 características clave de la edición completa del sitio de WordPress

Ahora que hemos cubierto algunos de los pros y los contras generales de la edición completa del sitio de WordPress, profundicemos un poco más en cómo funciona realmente. Estas son cuatro de las nuevas características más importantes de la edición completa del sitio.

Tenga en cuenta que si es un principiante y quiere jugar con estas nuevas funciones, es mejor hacer una copia de seguridad de su sitio primero o realizar sus experimentos en un sitio provisional.

Luego, para acceder al editor completo del sitio, navegue a su panel de control de WordPress y vaya a Apariencia > Editor .

Nota: La mayoría de las empresas de alojamiento de WordPress administradas ofrecen la posibilidad de crear sitios de prueba. Por ejemplo, encontrará esta opción disponible tanto para Kinsta como para Cloudways.

1. Plantillas de temas y partes de plantillas

Las plantillas de temas existían mucho antes de WordPress 5.9. Sin embargo, es solo con esta nueva versión que los usuarios pueden trabajar con ellos de una manera tan sencilla.

Cuando instala y activa un tema de bloque en su sitio web, como Twenty Twenty-Two, puede hacer clic fácilmente en diferentes elementos de su sitio y páginas web. Estas secciones están hechas de plantillas, que luego puede modificar en todo su sitio con solo unos pocos clics.

Por ejemplo, puede editar la plantilla de encabezado de su tema directamente en el editor completo del sitio, de una manera altamente visual e intuitiva. Para hacer esto, simplemente seleccione su encabezado y explore las diferentes características que puede cambiar:

02 Plantilla de encabezado de temas

Por ejemplo, puede hacer clic fácilmente en el marcador de posición del logotipo y agregar el símbolo de su marca:

03 Agregar un logotipo al marcador de posición

Además, puede agregar plantillas accediendo a ellas en su menú desplegable de plantillas:

04 Agregar plantillas a través del menú desplegable

Al hacer clic en Examinar todas las plantillas , encontrará que hay muchas para elegir:

05 Examinar todas las plantillas

Por ejemplo, las plantillas de tema de bloque Veinte Veintidós incluyen páginas como 404 , Inicio , Buscar , Archivo y más. Tenga en cuenta que estas son solo las plantillas de temas predeterminadas; puede agregar sus propias plantillas personalizadas para satisfacer las necesidades específicas de su sitio.

Además, también puede elegir entre las partes de la plantilla:

06 Elija entre piezas de plantilla

A continuación, puede personalizar y guardar estas partes de la plantilla. Esta característica por sí sola puede ahorrarle mucho tiempo, ya que puede crear una variedad de partes de plantillas personalizadas para diferentes elementos que quizás desee reutilizar una y otra vez en diferentes páginas (como encabezados, pies de página, llamadas a la acción (CTA), y biografías del autor).

Además, todas estas plantillas y partes de plantillas están hechas completamente de bloques. Esto también significa que cualquier elemento de la plantilla puede arrastrarse y soltarse o moverse haciendo clic en los botones de flecha una vez seleccionados:

07 Haga clic en los botones de flecha para mover bloques

En el ejemplo anterior, simplemente hicimos clic en el ícono > para mover el nuevo bloque del logotipo del sitio a la derecha, y podemos moverlo fácilmente hacia la izquierda si no estamos satisfechos con su apariencia. La edición de plantillas proporciona una forma muy simplificada de experimentar con sus diseños y probar ligeras modificaciones.

2. Bloques temáticos

Es posible que haya notado el nuevo y útil bloque de logotipo del sitio en la función anterior. Este es solo uno de los muchos bloques temáticos nuevos que también debutaron en la versión 5.9.

Para ver todos los nuevos bloques temáticos en el editor completo de su sitio, simplemente haga clic en el ícono más ( + ) en la esquina superior izquierda de su pantalla. Luego, desplácese hacia abajo hasta la colección Tema :

08 Colección de temas de iconos Plus

Como puede ver, hay un conjunto completo de nuevos bloques temáticos, que incluyen el logotipo del sitio, el título del sitio, el eslogan del sitio , el autor de la publicación, la fecha de la publicación, la próxima publicación y muchos más. Todos estos nuevos bloques tienen el potencial de optimizar aún más la edición de su sitio y aumentar su productividad.

Una opción que destaca en particular es el bloque de Navegación . Esto se debe a que podría tener un gran impacto en el enfoque general del diseño de su sitio.

Después de agregar el bloque de navegación , puede insertar fácilmente cualquier menú de navegación que desee. Simplemente haga clic en el menú Seleccionar :

09 Insertar menú de navegación

Puede incluir las mismas páginas de menú que tiene en su encabezado de navegación o crear una variedad de menús de navegación personalizados para diferentes propósitos. Luego puede guardarlos y usarlos de la misma manera que lo haría con un bloque reutilizable. Alternativamente, si está trabajando con un sitio más pequeño, simplemente puede hacer clic en Comenzar vacío o Agregar todas las páginas . Esto le permitirá crear un nuevo menú de navegación personalizado en el acto.

No sorprende que estos nuevos bloques temáticos parezcan haber sido diseñados pensando en todos los niveles de usuarios de WordPress. Los nuevos bloques más sencillos, como Publicar imagen destacada y Publicar extracto , probablemente ahorrarán mucho tiempo a los principiantes.

Por otro lado, los usuarios avanzados pueden hacer un buen uso de adiciones más complejas, como el bloque de consulta:

10 Usuarios avanzados - bloque de consulta

El bloque Query Loop le permite mostrar tipos de publicaciones en función de diferentes configuraciones y parámetros de consulta. En última instancia, depende de usted cómo aprovechar esta nueva herramienta, pero la nueva funcionalidad es bastante expansiva.

3. Estilos globales

Los estilos globales ofrecen otro cambio radical en el nuevo entorno de edición de sitios completos de WordPress. Para acceder al menú Estilos , haga clic en el círculo de duotono en la esquina superior derecha de su pantalla:

11 estilos para el sitio

Esto lo llevará al nuevo panel Estilos (que todavía está en Beta). Como puede ver, este nuevo menú puede modificar la tipografía , los colores y el diseño de todo su sitio.

Para la tipografía , esto significa que puede cambiar todos los enlaces o el texto de su sitio con solo unos pocos clics:

12 Tipografía para el sitio

Puede modificar la apariencia de estos elementos ajustando su fuente, tamaño, altura y más:

13 Cambiar el tamaño y la altura de la fuente

En la pestaña Colores , puede cambiar fácilmente los tonos de su paleta de colores, fondo , texto y enlaces :

Pestaña de 14 colores para la paleta

Dentro de Palette , puede modificar las opciones para varios bloques de temas y herramientas de diseño:

15 Modificar colores para temas y bloques.

En Fondo , puede realizar cambios de color personalizados de barrido en un abrir y cerrar de ojos:

16 Fondo - colores personalizados

La facilidad y rapidez que ofrecen los estilos globales abre la puerta a la experimentación, ya que puede crear diseños para todo el sitio más rápido que nunca. Además, es fácil deshacer grandes cambios simplemente haciendo clic en la flecha Deshacer en la esquina superior izquierda de la pantalla.

4. Vista de lista

Otra característica nueva y emocionante de WordPress 5.9 es su vista de lista mejorada. Para acceder a esto, haga clic en las tres líneas horizontales en la esquina superior izquierda de su editor de sitio completo:

17 Vista de lista

Esta vista le brinda una vista detallada de cada componente de bloque de su sitio de WordPress en una lista fácil de leer. Puede colapsar y expandir esta lista haciendo clic en las flechas:

18 Contraer y expandir lista

Quizás lo mejor de esta nueva y mejorada vista de lista es que le permite arrastrar y soltar bloques y grupos de bloques con facilidad. Simplemente selecciónelos y manténgalos presionados, luego arrástrelos donde desee:

19 bloques de grupo de arrastrar y soltar

Cuando se selecciona una colección de bloques, verá que está resaltada en azul.

Esta funcionalidad será especialmente útil para cualquier persona que ejecute un sitio de una sola página o administre páginas largas. Esta característica llega justo a tiempo, ya que las nuevas tendencias de diseño como 'scrollytelling' se vuelven más populares.

Alternativas completas de edición del sitio: Complementos del creador de páginas de WordPress

El editor de bloques de WordPress puede ser una herramienta poderosa e intuitiva. La edición completa del sitio lo hace aún más flexible y amplía sus opciones para editar su sitio.

Al mismo tiempo, como comentamos anteriormente, tiene algunas limitaciones. Cambiar el tema de su sitio tiene implicaciones de gran alcance, y es posible que no desee o no pueda cambiar a un tema de bloque en este momento. También es comprensible que desconfíe del uso de una función tan nueva, especialmente si depende de los ingresos de su sitio web.

Además, a pesar de toda la funcionalidad que ofrece, la edición completa del sitio sigue siendo bastante simple. Eso es especialmente cierto si lo compara con los complementos de creación de páginas existentes. Estas herramientas ofrecen muchas de las mismas funcionalidades que ofrece la edición completa del sitio, sin la limitación de los temas de bloque o la edición arriesgada.

Además, muchas de las opciones populares existen desde hace años y son más completas y ricas en funciones que la edición completa del sitio en su forma actual. Si bien la edición completa del sitio puede competir algún día con los creadores de páginas, este último generalmente le brinda más control, personalización y facilidad de uso.

Con un complemento de creación de páginas de calidad, obtendrá un generador de arrastrar y soltar, compatibilidad con la mayoría de los temas y muchas plantillas y otros elementos con los que trabajar. Además, con tantos creadores de páginas en el mercado, puede elegir el que mejor se adapte a sus necesidades.

Por ejemplo, Beaver Builder junto con su complemento Beaver Themer puede ofrecer una excelente alternativa a la edición completa del sitio:

20 Tema constructor de castores

El complemento Beaver Themer le permite crear cualquier plantilla de tema que necesite, sin tocar ningún código. De manera similar a la edición completa del sitio, puede crear estas plantillas y luego aplicarlas en todo su sitio de WordPress.

Además, las cuadrículas de publicaciones de Beaver Themer le brindan más control sobre los diseños de archivos y blogs. Las partes del tema también le permiten crear elementos para todo el sitio, como encabezados, pies de página y CTA. Además, la herramienta tiene muchas integraciones útiles, incluso con el popular complemento WooCommerce.

Además, puede modificar los estilos universales de manera similar a los estilos globales de la edición completa del sitio y obtener una vista previa de cómo se verán en vivo:

21 estilos globales

También puede ajustar la Configuración de la publicación, como Autor , Etiquetas y Categorías desde el editor del sitio:

22 Configuración de publicaciones

En general, Beaver Builder es una opción sólida que también puede permitir una edición sofisticada en todo el sitio.

Si desea ver otras opciones, Elementor y Thrive Architect también son herramientas populares y poderosas. Ambos creadores de páginas ofrecen una interfaz visual y permiten una personalización avanzada.

Estas herramientas pueden parecer similares a primera vista, pero todas brindan sus propios beneficios únicos. Recomendamos comparar sus listas de características para asegurarse de elegir la opción que mejor se adapte a las necesidades únicas de su sitio. Afortunadamente, muchos creadores de páginas ofrecen pruebas gratuitas o garantías de devolución de dinero, para que pueda experimentar sin riesgos.

Conclusión

Adaptarse a la edición completa del sitio (FSE) de WordPress puede parecer desalentador. Sin embargo, si está listo para hacer el cambio y se compromete a aprender algunas funcionalidades esenciales, puede usar cómodamente la edición completa del sitio en muy poco tiempo.

En esta publicación, cubrimos las nuevas funciones más críticas del editor de sitio completo, desde estilos globales hasta partes de plantillas y más.

Sin embargo, si la edición completa del sitio no es adecuada para su sitio web, siempre puede usar un complemento de creación de páginas como Beaver Builder.

Un generador intuitivo de arrastrar y soltar debería ofrecer toda la funcionalidad que necesita para crear un sitio que se vea genial y funcione sin problemas.


Divulgación: esta publicación contiene enlaces de afiliados. Esto significa que podemos hacer una pequeña comisión si realiza una compra.

Guía para principiantes para la edición completa del sitio en WordPress