Los mejores bloques originales de WordPress [Presentación rápida]

contenido
¿Qué es un bloque?
Bloques de contenido de texto
Bloque de botones
¿Dónde usar el bloque de botones?
Configuración para bloquear los botones
Bloqueo de columnas
¿Cómo se usa el bloque de columna?
Bloque de configuración de columnas
Bloque de cobertura
¿Dónde usar el bloque de cubierta?
Configuración de bloques de cobertura
Bloque de la galería
¿Dónde usar el bloque de la galería?
Configuración de bloqueo de la galería
Bloque de imágenes
¿Cuándo usar el bloque de imágenes?
Configuración para bloquear imágenes
Bloqueo de medios y texto
¿Dónde usar los medios y el bloque de texto?
Ventajas de los medios y el bloque de texto
Configuración de medios y bloque de texto
Mango
¿Dónde usar el bloque de mesa?
Configuración para bloques de tabla
¿Qué bloque te gustaría ver a continuación?
Le ofrecemos una guía sobre cómo usar el editor y los bloques de WordPress de Gutenberg. Lea las noticias sobre los cambios en los bloques que vendrán directamente en la próxima versión 5.4. Hemos seleccionado todos los bloques de uso más utilizados en cualquier sitio web. Una vez lanzado, publicaremos más detalles sobre todas las funciones.
Cuando WordPress anunció el nuevo editor de Gutenberg en 2018, nos encantó. Hace unos años, vemos una gran mejora. El editor Gutenberg WordPress es una excelente herramienta para crear un sitio web. Todos estos bloques estándar de WordPress para Gutenberg Publisher son completamente funcionales en nuestro último tema de WordPress Citadela. Puede usarlo en cualquier sitio web, crear una cuenta y descargarla de forma gratuita. Con los complementos Aitthemes Citadela, puede crear contenido específico para una empresa, un negocio, un blog o una presentación de un sitio sin fines de lucro. O incluso comienza un nuevo negocio en línea. La velocidad del sitio y la facilidad de editar el sitio son los factores más importantes. ¿Qué es un bloque? Los bloques de WordPress Gutenberg son las unidades de construcción del sitio web. Cada uno de ellos tiene su propio lugar y su propósito especial. Es muy importante usar el bloque de WordPress adecuado para un tipo particular de contenido. Pero, ¿cómo encuentras el bloque más adecuado que se adapta a tu intención? Para ayudarlo a comprender mejor los bloques de WordPress, hemos preparado esta presentación general de los más populares. Bloques de contenido de texto Hay varios bloques que puede usar para insertar contenido de texto en su sitio web. Puedes usar más bloques. Desde WordPress 5.4 hay una nueva configuración, puede cambiar el color del texto.
Párrafo
Título
Cotizar
Lista
Cotizar
Mesa
Verso
Preformado
Excepto por esto, use el bloque clásico, que puede ser más fácil para un párrafo largo. Botón BOD Crear un botón CTA convincente en WordPress se ha vuelto súper fácil con el bloque de botones. No tiene que ingresar CSS personalizado o comprender HTML. Puede, pero no es necesario, ingresar el código hexazecimal de su color favorito para que el botón se vea hermoso y atractivo. ¿Dónde usar el bloque de botones? Una vez que el visitante web llega a su sitio, desea alentarlo a tomar medidas. Por eso son los botones CTA.

En general, hay 3 lugares donde debe usar el bloque de botones de WordPress:

La página de inicio: para completar las acciones que lo llevarán al objetivo, como registrarse para el boletín, descubrir la oferta especial o registrarse para un intento gratuito.
La página del producto: dependiendo de cómo se conduzca la página del producto, podría haber 1 botón CTA (compra) o más botones, por ejemplo, detalles del producto, compra, agregando a la lista de deseos, etc.
Blog: los botones CTA pueden referirse a otro artículo útil o comprar su producto/servicio.
Configuración para bloquear los botones en el inspector, a la derecha, puede administrar fácilmente la configuración del botón:
Estilo
Color de fondo
El color de la fuente
Frontera
El texto escrito en el botón CTA debe ser corto y directo, alentando la acción que desea realizar a sus visitantes web. Las noticias que vienen en el próximo botón de WordPress 5.4 (lanzamiento el 31 de marzo de 2020) se reemplazarán con un nuevo bloque de botones. Puede suponer, del nuevo nombre, que podrá crear más botones junto a uno en un contenedor de bloque. A menudo necesita crear dos CTA simultáneamente, por ejemplo: compre ahora y lea más. Además, vienen algunas nuevas configuraciones de estilo y color. Elija el estilo de relleno o contorno y luego el color del fondo. Puede elegir antecedentes sólidos o de gradiente. Algunos preajuste como punto de partida estarán disponibles para un ajuste fino más simple. La buena noticia es que todos los botones existentes funcionarán y no necesita migrarlos. Bloquear las columnas es un increíble bloque de WordPress que abre las puertas a nuevos aspectos. Le ofrece varias opciones para organizar elementos de página, lo que resulta en varias alternativas de diseño.
Trabajar con el bloque de columna es fácil:
Sin instalación adicional de complementos.

No se requiere codificación.

Todo lo que necesitas es un poco de sentido para un diseño ordenado.
En comparación con el Hassel anterior que tenía que viajar antes de lanzar el editor de bloques de WordPress, es muy fácil usar el bloque de columna WordPress. ¿Cómo se usa el bloque de columna? Como se indicó anteriormente, hay 2 formas en que se puede usar el bloque de columna:
Para organizar el flujo de sus textos (en una publicación de blog o en la página habitual).
Para organizar otros bloques en columnas.
Al organizar el texto en columnas, por ejemplo, en una publicación de blog, aumente su legibilidad y haga que su sitio sea más transparente y más fácil de usar. Sin embargo, cuando se usa el bloque de columnas para adoptar otros bloques, como imágenes, textos y botones, cambie todo el aspecto de la página elegida y cree nuevos modelos. Configuración del bloque de columna Después de insertar un bloque de columna en la página, elija cuántas columnas desea. Puede ser cualquier cantidad de 2 a 6 columnas. Luego puede comenzar a ingresar el texto o agregar bloques en cada columna. El contenido del contenido del bloque de su columna se puede configurar por separado para todo el bloque, así como para las columnas individuales. Incluso puede elegir la proporción del ancho de la columna. De esta manera, una columna puede ser más ancha que otra. Bloque de cobertura Hablemos sobre el encabezado de su sitio. Es una sección que define la primera impresión cuando alguien viene en su página inicial. Un poco importante, ¿no? ¿Y sabía que el bloque de cubierta se puede usar como encabezado en cualquiera de sus páginas?
La portada es los principales bloques de WordPress que lo ayudan a impresionar a sus visitantes web. Especialmente cuando se usa correctamente, o mejor dicho, cuando está bien integrado en el diseño de su web.
¿Dónde usar el bloque de cubierta? Como se mencionó anteriormente, el bloque de cobertura se puede usar en cualquiera de sus páginas. Se puede agregar en cualquier lugar de la página, a diferencia del encabezado de su sitio que se fija en la parte superior de su sitio. El bloque de cubierta se puede usar como:
El encabezado de cualquier página, incluida la página inicial.
Imagen o video sobrescrito con el texto utilizado en la página del producto.


Separador de contenido en la publicación del blog.
Configuración para bloques de cobertura Configuración del bloque de cubierta es muy simple. Primero, elija una imagen o video como fondo. También puedes usar un solo color. Cuando establezca el fondo, agregue un título y un subtítulo. Puede elegir la alineación del bloque y, por supuesto, alinear el texto en el interior. La alineación de los bloques de cobertura ofrece las siguientes opciones:
Se alinea a la izquierda
Alineación con el centro
Alinearse a la derecha
Anchura amplia
Ancho máximo
Mi favorito personal es la superposición de color, que está disponible en el inspector: la imagen de fondo del bloque de portada se puede tonificar en cualquier color que desee. Junto con el tamaño y el color personalizado de la fuente, puede crear hermosos contrastes y el aspecto final de su bloque de portada será increíble. Desde WordPress 5.4 puede elegir el fondo de gradiente en lugar de uno sólido.
BLOQUE DE GALERÍA Presente imágenes en su sitio utilizando el bloque de la galería. Este bloque estándar de WordPress ha sido diseñado para mantener sus imágenes y para mostrarlas maravillosamente en cualquier página de su sitio similar a otros bloques de WordPress, el bloque de la galería se puede colocar en cualquier lugar del sitio web o al publicar el blog.
La carga de sus imágenes se puede hacer eligiendo archivos desde la biblioteca de medios, desde la computadora o utilizando la función de arrastrar y soltar. ¿Dónde usar el bloque de la galería? Dependiendo del tipo de su sitio web, es posible que desee crear una galería de fotos compleja o una presentación simple. Puedes usar el bloqueo de la galería en:
Tu página de inicio
Subpagios individuales creados como álbumes de su galería de fotos
Páginas de productos

Entrada en el blog

Configuración de bloqueo de la galería Además de las diferentes opciones de alineación del bloque de la galería en sí, hay algunas opciones interesantes en este bloque, como: el número de columnas en las que están alineadas las imágenes.
Cortar la imagen para que coincida con el mismo tamaño (de la imagen más pequeña).
Hyperlink para darle la opción de iniciar sesión en otra página o archivo de medios.
Bloque de imagen El bloque de imágenes no es más que el bloque para mostrar una imagen en su sitio.
Esto es correcto. Si solo desea agregar una imagen a cualquiera de sus páginas, debe usar el bloque de WordPress de imagen. Puede ser similar a otros bloques presentados, pero hay diferencias significativas que lo hacen perfecto para imágenes individuales. ¿Cuándo usar el bloque de imágenes? El bloque de imágenes debe usarse especialmente cuando el objeto que se muestra en la imagen es particularmente importante para su visitante web que desea:
Valorar la atención del visitante web con una imagen en particular.
Muestra la imagen con la leyenda.
Mostrar infografía que ayuda a los visitantes a comprender mejor el tema discutido.
Configuración del bloque de imágenes Una de las mayores ventajas del bloque de WordPress de imagen son las opciones de tamaño de imagen. Puede cambiar el tamaño fácil de una imagen tirando de la esquina, elija un tamaño fijo en los píxeles o definir el tamaño en los porcentajes. Otra opción significativa son los campos introductorios para texto alternativo, leyenda y enlace. Recomiendo encarecidamente el uso de estos campos, porque juegan un papel importante en el SEO en la página. Bloqueo de medios y texto para moverse a aspectos de página más avanzados que puede crear utilizando los medios y el bloque de texto. Este bloque base de WordPress le permite combinar los medios y el texto uno al lado del otro, de una manera estética y contexto. ¿Dónde usar los medios y el bloque de texto? Aunque los medios y el bloque de texto son más adecuados para su uso en publicaciones de blog, con poca imaginación, puede usarlo en otro lugar. Por ejemplo, puede crear una presentación general agradable del producto o servicio utilizando imágenes y texto uno al lado del otro. Recuerde agregar un botón de botón a la sección de texto de los medios y el bloque de texto, si se usa como una presentación general del producto/servicio. De esta manera, puede crear una hermosa sección CTA en cualquier página. Ventajas de los medios y el bloque de texto
Reuniendo imágenes y texto que coinciden contextualmente entre sí.

Evitar el posicionamiento incorrecto de la imagen en la publicación del blog.
Ayuda con la capacidad de respuesta del sitio (use la función “pila en móvil”).
Configuración de los medios y bloque de texto Al observar los medios y la configuración de texto, notará muchas opciones de alineación, algunas de ellas son únicas, en comparación con la mayoría de los otros bloques. La configuración interesante y útil de este bloque es el color de fondo. Al colorear el área alrededor de la imagen y el texto que coinciden, puede resaltar visualmente su conexión. Inserte un enlace de WordPress versión 5.4 (31.3.2020). Puede elegir entre el enlace, el archivo de medios o la página adjunta. Bloque de tabla El bloque de tabla es uno de los ejemplos de mejorar WordPress después de la introducción del editor de bloques de WordPress en la versión 5.0 y posterior. Aunque antes de necesitar un complemento para insertar la tabla en su sitio de WordPress, ahora puede usar el bloque de tabla.
¿Dónde usar el bloque de mesa? Las tablas juegan un papel importante en proporcionar contenido útil de una manera bien organizada y transparente. Ciertamente, la mayoría de los sitios web han usado tablas. Aquí hay algunos ejemplos de uso de tablas en diferentes sitios web:
Comparación de datos

Mesas de precio
Detalles técnicos del producto
prescripción
Presentación general de paquetes de membresía
Tener un bloque de mesa como parte del núcleo gratuito de WordPress es realmente sorprendente. Configuración para bloques de tabla Al insertar un bloque de tabla en la página, debe definir una serie de columnas y filas de la tabla. No se preocupe, este número no es arreglado. Puede agregar más filas y columnas (o puede eliminarlas) en cualquier momento. Luego elija un estilo de masa: predeterminado o rayas. Cambie a la alineación y el estilo de fuente y finalmente complete la tabla antes de agregar una nota final. Más opciones incluyen:

Color de fondo

Las celdas con anchos fijos
Sótano
Enlace (ingresar el texto en una tabla puede conectarse a otras páginas)
¿Qué bloque le gustaría ver a continuación?Espero que te haya gustado leer sobre nuestra selección de bloques básicos muy útiles de WordPress disponibles de forma gratuita para todos.Cuéntenos qué bloques desea leer a continuación o qué características encuentra que todavía les falta en el núcleo de WordPress.¡Gracias por leer!

Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting.

Check Also

gkOVSBm5B8SgiXmo

Shopify vs WooCommerce – ¿Cuál es la mejor plataforma?(Comparación)

Shopify vs WooCommerce

Leave a Reply

Your email address will not be published. Required fields are marked *