WordPress siempre ha sido una plataforma fácil de usar, flexible y fácil de aprender. Sin embargo, aquellos sin habilidades de codificación pueden tener dificultades para completar algunas tareas de personalización.
Afortunadamente, la versión 5.9 introdujo Complete Site Edition, que reúne funciones nuevas y existentes para proporcionar un control centralizado de todo su sitio. Uno de los mayores cambios es la adición de nuevos bloques a nivel de sitio.
En este artículo, discutiremos todo lo que necesita saber sobre los bloques de sitios en WordPress. También veremos algunos ejemplos y le mostraremos cómo usarlos. ¡Empecemos!
UNA INTRODUCCIÓN A LOS BLOQUES DE WORDPRESS
Los bloques han sido un aspecto fundamental de WordPress desde finales de 2018. La versión 5.0 de WordPress reemplazó al editor clásico con un nuevo editor de bloques de WordPress llamado Gutenberg.
Un bloque es un elemento específico que puede agregar a su sitio. Por ejemplo, existen bloques para imágenes, títulos, listas, párrafos, etc. Este sistema ofrece a los usuarios una manera fácil e intuitiva de crear un sitio web único.
Cada bloque viene con un conjunto de opciones de personalización, como alineación, color y tamaño. Además, los bloques se pueden mover a través de un editor de arrastrar y soltar, lo que facilita un proceso de creación de páginas más simple.
Bloques comunes de WordPress
Gutenberg introdujo bloques para varios propósitos. Puede haber bloques que nunca tocarás. Sin embargo, hay otros que probablemente usará cada vez que cree un mensaje. Echemos un vistazo a algunas de las opciones más comunes en el nuevo editor de bloques.
El bloque de cabecera
El bloque de título ofrece varias opciones para configurar y diseñar encabezados:
Este bloque puede ayudarlo a organizar su contenido de manera más eficiente. Por ejemplo, puede seleccionar el nivel de título H2 para las secciones principales y H3-H6 para las subsecciones. Además, puede agregar un hipervínculo al título.
El bloque de párrafo
Los párrafos son el bloque más utilizado en el editor de Gutenberg:
Este elemento permite a los usuarios escribir texto y personalizar la tipografía. Por lo general, los encabezados se utilizan para agrupar párrafos relevantes y dividir el contenido de la página.
El bloque de la imagen
Los bloques de imágenes te permiten subir fotos o ilustraciones a tu sitio:
Luego puede usar la configuración para cambiar el tamaño y recortar sus imágenes. También puede agregar subtítulos y texto alternativo.
el bloque de videos
También puede agregar videos a su publicación. Hay diferentes opciones para mostrar videos:
Por ejemplo, puede cargarlos en la biblioteca de medios de su sitio o incrustarlos desde YouTube y otras plataformas para compartir videos. También puede agregar pistas de texto como subtítulos, leyendas, capítulos y descripciones al bloque.
El bloque de lista
El bloque Lister le permite insertar listas numeradas o con viñetas en su página:
Este bloque viene con opciones de estilo como negrita y cursiva, así como controles de texto enriquecido más complejos. Además, puede agregar hipervínculos a los elementos de la lista.
SÁLTATE LAS COLAS Y RECIBE CONSEJOS DIRECTAMENTE EN TU BANDEJA DE ENTRADA
Haga clic a continuación para suscribirse a más tutoriales y tutoriales como este, entregados en su bandeja de entrada.
NUEVOS BLOQUES DE SITIO EN WORDPRESS 5.9
Ahora que la edición completa del sitio está aquí, también se pueden usar bloques individuales para cambiar el tema de su sitio. Puede utilizar el nuevo editor para personalizar todos los aspectos de
Tú sitio :
Esta característica reemplazó al Personalizador. Sin embargo, solo admite temas basados en bloques, como Twenty Twenty-Two. Si está usando un tema «estándar», aún tendrá acceso al Personalizador (y al editor de bloques de Gutenberg), pero no podrá usar el editor de sitio completo.
El editor de sitio completo viene con plantillas para diferentes páginas, como su archivo o su página de inicio. Además, puede personalizar más áreas de su sitio, como el encabezado y el pie de página. También hay una nueva función de Estilos globales, que le permite establecer la configuración de todo el sitio para sus bloques.
Relacionado: Decodificación de WordPress: una introducción a los estilos globales
Además, el editor completo del sitio ha introducido una variedad de «bloques temáticos». A menudo denominados «bloques del sitio», estas nuevas incorporaciones le permiten usar y editar elementos globales como el logotipo y el eslogan del sitio, la navegación y las listas de publicaciones.
Los beneficios de usar bloques temáticos
Los nuevos Bloques temáticos se han introducido para hacer que el proceso de diseño web en WordPress sea más fácil y ágil. Anteriormente, el editor de temas de WordPress tenía opciones de personalización limitadas y los usuarios que querían diseños únicos a menudo tenían que usar código personalizado.
Los bloques temáticos eliminan la necesidad de codificación (y complementos de creación de páginas de terceros) en la mayoría de los casos. Cada bloque tiene una variedad de opciones de estilo y visualización, lo que brinda a los usuarios la flexibilidad de crear casi cualquier diseño y diseño. Ya sea que sea un novato de WordPress o un desarrollador web experimentado, el proceso de creación de sitios personalizados ahora es más rápido y fácil.
Echemos un vistazo a algunos bloques de sitios notables que se agregaron con WordPress 5.9. Esta es solo una breve introducción: profundizaremos en cada uno de estos bloques de Gutenberg en breve.
Navegación
Esta función le permite agregar el menú de navegación de su sitio a una página:
Puedes personalizar tanto el diseño como la estructura de tu menú. Por ejemplo, puede agregar elementos de submenú, cambiar el color y la alineación, y más.
Bucle de consulta
Un bucle de consulta es un bloque que muestra un conjunto de publicaciones basadas en condiciones y parámetros específicos:
Es una excelente manera de presentar artículos sobre un tema en particular. Puede filtrar el contenido por categorías de publicaciones, etiquetas, autores y palabras clave. El bloque también viene con diferentes opciones de estilo para el flujo posterior.
parte del modelo
Las partes del modelo se utilizan para organizar la estructura de un sitio. Son esencialmente colecciones o contenedores de otros bloques de contenido:
Solo se pueden usar al editar plantillas, por lo que encontrará este bloque en el editor completo del sitio. Cada componente del modelo tiene un nombre generado por el usuario. Al agregar un bloque, puede elegir una plantilla existente o crear una nueva.
Relacionado: Decodificación de WordPress: plantillas personalizadas y partes de plantillas
CÓMO USAR BLOQUES COMUNES DE SITIOS DE WORDPRESS (6 NUEVOS BLOQUES TEMÁTICOS)
Ahora echemos un vistazo más de cerca a algunos bloques temáticos comunes. Para cada uno de los nuevos bloques, discutiremos su propósito y los pasos para usarlo.
1. Navegación
Los bloques de navegación se utilizan para editar los menús de su sitio. Cuando agrega este bloque a su página, se le ofrecen tres opciones: seleccionar un menú existente, agregar todas las páginas del sitio o comenzar con un menú vacío:
Puede incluir elementos de menú adicionales, así como elementos sangrados, que aparecen como subpáginas. Además, puede cambiar los enlaces y los nombres de cada elemento utilizando el icono de «ancla» en la barra de herramientas. La barra de herramientas también le permite cambiar la alineación y otras configuraciones de diseño.
2. Iniciar/Cerrar sesión
El bloque Iniciar/Cerrar sesión ofrece una manera fácil de agregar un botón de inicio y cierre de sesión a su sitio web:
Muestra automáticamente el enlace correcto dependiendo del estado del usuario. También tiene la opción de mostrar el botón de conexión/desconexión como un interruptor.
3. Parte del modelo
Este elemento se puede considerar como un grupo de bloques. La parte de la plantilla te ayuda a organizar la estructura de tu página. Estos bloques solo se pueden usar al editar plantillas y son una excelente manera de administrar áreas globales como encabezados y pies de página:
Las partes de la plantilla se pueden agregar en el editor del sitio. Al seleccionar el bloque, se le preguntará si desea agregar una plantilla existente o crear una nueva.
Si opta por lo último, se le pedirá que ingrese un nombre para la plantilla. Luego puede continuar y agregar bloques para crear el diseño que desea.
4. Título del sitio
Como su nombre indica, este bloque se utiliza para mostrar el título de su sitio:
De forma predeterminada, el título se vincula a la página de inicio, pero esto se puede desactivar con un interruptor de palanca en la configuración. También hay una variedad de opciones de estilo, que incluyen colores de texto y de fondo, tamaño de fuente, altura de línea, espaciado entre letras y otras configuraciones tipográficas.
5. Publicar un extracto
Los fragmentos de publicaciones brindan a los lectores una vista previa de una publicación y pueden ayudarlos a decidir si desean o no leer el artículo completo:
La mayoría de las veces, este bloque será un elemento secundario de un ciclo de consulta. Muestra las primeras 55 palabras de un mensaje o el fragmento definido para ese mensaje. También puede agregar un enlace «aprender más». Esto llevará al usuario directamente al mensaje completo.
6. Bucle de consulta
Los bucles de consulta se pueden utilizar para mostrar un conjunto de publicaciones en función de condiciones y parámetros específicos. Por ejemplo, puede usar este bloque para mostrar todas las publicaciones de una categoría en particular o un autor específico:
Los bucles de consulta se componen de múltiples bloques, incluidos títulos de publicaciones, fechas, extractos e imágenes destacadas. Tiene la opción de comenzar vacío y agregar bloques anidados manualmente, o comenzar con un diseño prefabricado y modificarlo desde allí.
A continuación, puede modificar el ancho, la alineación, el diseño y los colores. También puede cambiar la cantidad de publicaciones que muestra el bucle de consulta.
CONCLUSIÓN
En el pasado, personalizar los sitios de WordPress podía ser difícil para algunos usuarios. Sin embargo, con el lanzamiento de nuevos bloques de sitio en la versión 5.9, el proceso se ha vuelto mucho más fácil.
Con la función de edición completa del sitio, ahora puede realizar cambios en todo su sitio desde una interfaz unificada. También puede personalizar elementos individuales como el título y el eslogan del sitio, el menú de navegación y partes de la plantilla como encabezados y pies de página.
(FAQs)
1. ¿Qué son los nuevos bloques de sitios en WordPress?
Los nuevos bloques de sitios en WordPress son componentes de diseño que permiten a los usuarios crear y personalizar secciones completas de un sitio web, como la cabecera, el pie de página, o las barras laterales, directamente desde el editor de bloques. Estos bloques están diseñados para ofrecer más flexibilidad y control sobre la estructura y apariencia de todo el sitio sin necesidad de utilizar código.
2. ¿Cómo se accede a los bloques de sitios en WordPress?
Para acceder a los bloques de sitios, necesitas tener un tema compatible con el editor de bloques (FSE o Full Site Editing). Desde el editor, puedes ir a «Editor del sitio» o «Editor de plantillas», donde podrás personalizar las partes globales del sitio utilizando bloques.
3. ¿Qué ventajas ofrecen los nuevos bloques de sitios frente a los métodos tradicionales de diseño?
Los bloques de sitios permiten un diseño más visual e intuitivo, con la capacidad de modificar plantillas completas sin tocar el código. Además, los cambios aplicados a través de estos bloques se actualizan en todas las páginas del sitio automáticamente, lo que ahorra tiempo y facilita la coherencia en el diseño.
4.¿Es necesario tener experiencia en diseño web para usar los nuevos bloques de sitios?
No, los nuevos bloques de sitios están diseñados para ser accesibles tanto para principiantes como para usuarios avanzados. La interfaz es visual y se basa en la funcionalidad de arrastrar y soltar, lo que permite realizar ajustes de diseño sin necesidad de conocimientos técnicos de programación o diseño avanzado.
5. ¿Qué pasa si mi tema no es compatible con los nuevos bloques de sitios?
Si tu tema no es compatible con los bloques de sitios, no podrás utilizar todas las funciones de edición del sitio completo (Full Site Editing). En ese caso, podrías considerar cambiar a un tema compatible con el editor de bloques, o seguir utilizando métodos tradicionales de personalización como el Personalizador de WordPress o el uso de plantillas de código.