Descifrar WordPress: nuevos bloques de sitios

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:

Bloque de título de WordPress

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:

Bloque de párrafo de WordPress

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:

Bloque de imagen de WordPress

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:

Bloque de vídeo de WordPress

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:

Bloque de lista de WordPress

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.

consejos de marketing

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 :

Edición completa del sitio de WordPress - editar plantilla

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.

Ver  Los 10 marcos de desarrollo web más populares en 2021

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.

 

 

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:

Bloque de navegación de WordPress

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:

Bloque de bucle de consulta de WordPress

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:

Bloque de parte de plantilla de WordPress

 

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.

 

 

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:

Ver  ¿Qué es el Diseño Universal y cómo lo uso?

Bloque de navegación de WordPress

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:

Bloqueo de inicio/salida de WordPress

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:

Bloque de encabezado de WordPress

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:

Bloque de título del sitio de WordPress

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:

Bloque de fragmentos de publicación de WordPress

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:

Bloque de bucle de consulta de WordPress

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.

Si le ha gustado este artículo, no olvide visitar nuestro blog. También puede visitar nuestra web y observar cómo trabajamos.

PÍDENOS PRESUPUESTO AHORA

Explícanos tu proyecto y te ayudaremos a ponerlo en marcha.

Somos la Agencia líder en diseño de páginas web, diseño de tiendas online, posicionamiento SEO, campañas SEM y redes sociales.

© 2022 · Diseño Web Barcelona · Todos los derechos reservados