Comparación de arreglos del módulo de cuadrícula y blog de ancho completo

El módulo de blog de Divic le ofrece dos estilos predeterminados desde el principio. Cuadrícula y ancho completo. Pero, ¿cómo elegimos? En este artículo, exploraremos esta pregunta y compararemos la apariencia de los módulos de blog de la red de división y de ancho completo para ayudarlo a decidir. Compartiremos algunos ejemplos diferentes usando ambos estilos. ¡Vamos a empezar! Cambiando la apariencia del div

Antes de entrar en nuestra discusión, veamos de qué estamos hablando y cómo cambiarnos. El módulo de blog Divi incluye configuraciones para elegir entre la red y el ancho completo. Vaya a la pestaña Design desde el módulo de blog.
La primera sección se llama diseño. Tiene un cuadro desplegable de dos opciones: ancho completo y cuadrícula. Este ejemplo muestra la opción de cuadrícula. Defirm 3 publicaciones seguidas.

La cuadrícula es receptiva, por lo que cambiará el número de publicaciones seguidas para que coincida con el diseño de la página. Hemos cambiado el número de líneas para este ejemplo. La cuadrícula respondió a la visualización de dos columnas.

Este ejemplo muestra la opción FullWidth. Muestra publicaciones apiladas verticalmente para que solo aparezca una publicación en una sola fila. También es receptivo, pero muestra una publicación independientemente del ancho. Veamos más de cerca ambos modelos.
El módulo div. Apariencia del blog Grile

En el diseño del blog, la apariencia de la cuadrícula es más popular que la apariencia de ancho completo. Coloque las publicaciones de blog en la página en varias columnas, creando una cuadrícula. Cada publicación se presenta como una tarjeta. La cuadrícula es receptiva, por lo que el número de columnas cambiará para que coincida con la pantalla. Los blogs y las carteras de revistas son conocidos por este tipo de diseño. Sitios como Pinterest, YouTube, Amazon y otras tiendas en línea muestran contenido en una cuadrícula. La mayoría de los aspectos de las páginas de blogs de Divic en los paquetes de diseño gratuito están en una apariencia de cuadrícula. Estas son las páginas de blog en algunos de los paquetes de división gratuitos que puede seleccionar dentro del Div. Software
La página del blog para el paquete de software de diseño incluye una publicación recomendada en la sección Hero. La cuadrícula muestra libros con borde, lo que les ayuda a alejarse. Los metadatos y los enlaces leen más son morados, por lo que se destacan. Mantenimiento del paisaje

La página del blog de mantenimiento del paisaje utiliza una cuadrícula de 2 columnas con una barra lateral, que incluye publicaciones sin imágenes presentadas. La sección Hero incluye una diapositiva de publicación sin la imagen presentada. Las tarjetas de blog tienen un diseño mínimo que se ve limpio.

Piso
La página del blog del paquete de pisos utiliza 3 columnas con algunas características que conducen en la cuadrícula. La sección Hero muestra una publicación de publicación sin una imagen presentada. La siguiente sección muestra la última publicación en una columna y tres publicaciones más sin imágenes presentadas al lado. Las ventajas de la aparición de la cuadrícula

El diseño de la cuadrícula está bien estructurado. Las tarjetas presentan mucha información en un espacio pequeño. Hace un excelente uso del espacio. Las publicaciones ocupan menos espacio en la página, lo que puede ser un bien inmobiliario importante para CTA y otros elementos. La página puede ser más pequeña. Los usuarios pueden ver más información simultáneamente, porque hay más contenido en la página. Esto permite más contenido en menos espacio. Esto se ve mejor con pantallas anchas.
Debido a que hay más en la pantalla simultáneamente, los usuarios pueden encontrar el contenido que les interesa mucho más rápido. Es más fácil escanear la página y desfilar más fácilmente por contenido para encontrar publicaciones más antiguas.
Los metadatos son más prominentes, por lo que los usuarios tienen más oportunidades para seleccionar categorías, autores, etc.
Es más fácil dividir el contenido en categorías, como una revista, lo que lo convierte en la mejor opción para la aparición de categorías.
Es receptivo, por lo que las publicaciones se convierten en anchos completos en dispositivos móviles.
Desventajas de la apariencia de la red
Por lo general, hay mucho contenido en la página, lo que hace que la página esté más llena.
Las imágenes presentadas son más pequeñas, por lo que no se destacan. Esto llama menos atención a las imágenes.
Cargar más contenido puede afectar el tiempo de carga de la página.
Es más fácil pasar por alto una publicación porque pueden mezclarse.
Apariencia del modo de blog de la divicia en el ancho completo
Los aspectos de ancho completo colocan las publicaciones de blog en una sola columna, por lo que las publicaciones se apilan verticalmente. Con una aparición en todo el ancho, la imagen presentada es el elemento más destacado de la publicación en el blog. Sitios como los resultados de búsqueda de Facebook y eBay se muestran en todo el ancho. También es una opción popular para mostrar detalles sobre los servicios. Ejemplos de apariencia para el blog div fullwidth para ver algunos ejemplos de apariencia de blog de ancho completo. Estas son las páginas de blog de algunos de los paquetes de diseño gratuitos. Página de blog de consultores de redes sociales para el paquete de consultores de redes sociales. Incluye una barra lateral, de modo que la imagen presentada no ocupa una cantidad excesiva de espacio por página. Los títulos son grandes y audaces, lo que los hace fáciles de ver y leer. Agencia de seguros
Aquí está la página del blog en el paquete de diseño de la agencia de seguros. No incluye una barra lateral. Esto conserva el énfasis en las imágenes presentadas. Fisioterapia


Aquí está la página del blog para el paquete de fisioterapia. Incluye una barra lateral, pero también usa color y otros elementos de diseño para usar espacio en blanco.

Las ventajas de la apariencia de ancho completo

Debido a que todas las imágenes presentadas tienen un ancho completo, se destacan.

Cada publicación ocupa más de la pantalla, por lo que todos llaman la atención. Esto mejora la participación con cada publicación.
El diseño es más mínimo. Esto lo convierte en un diseño menos concurrido.
Funciona excelente con barras laterales y otros elementos.
Puede usar CSS o complementos para obtener aún más opciones de apariencia, como colocar la imagen en un lado y el fragmento en el otro lado. Puede hacer esto un paso más allá y puede presentar publicaciones en un aspecto alternativo. Devaisses mira el ancho completo
Debido a que las imágenes son de ancho completo, pueden ser demasiado grandes. Cada publicación ocupa mucho espacio en la página. Esto es especialmente cierto si no usa una barra lateral.
Las páginas son más difíciles de escanear. Se necesita mucho más pergamino para ver algunas publicaciones, por lo que los usuarios no pueden echar un vistazo a la página para ver lo que están buscando. Las páginas pueden llevar más tiempo.
El aspecto no funciona bien para la aparición de revistas. Es más difícil colocar publicaciones en las categorías en la página.
Si las imágenes presentadas son más pequeñas, la apariencia puede tener demasiados espacios blancos en la página.
Es más fácil perderse una publicación si el usuario no marcha en la página.
La elección entre la cuadrícula de Div y la aparición del módulo de blog con un ancho completo al elegir entre los dos, no hay una respuesta correcta o incorrecta. El diseño y las necesidades de cada sitio web son diferentes. Aquí hay algunos pensamientos que puede tener en cuenta al elegir:
Elija el aspecto que mejor se adapte al diseño que está buscando.
Mira los aspectos del blog de la Divic para ver qué diseño te atrae más.
Considere las ventajas y desventajas de cada una y vea cuál es más adecuada para sus necesidades.
Déjalo a tu audiencia. Consulte sus estadísticas para ver qué dimensiones de pantalla usan más su audiencia. Si la mayoría de su audiencia ve su blog en un escritorio, un aspecto de la cuadrícula podría ser la mejor opción. Si la mayoría de su audiencia ve su blog en su móvil, entonces un aspecto de ancho completo podría ser la mejor opción. Div es receptivo en cualquier caso, por lo que puede elegir una apariencia de cuadrícula y tener una cuadrícula en el escritorio y el ancho completo. Puede agrupar más fácilmente y presentar diferentes categorías. También es mejor si quieres presentar muchas publicaciones de blog. Muestra varias publicaciones en la página y son más fáciles de navegar.
Los aspectos de ancho completo son mejores si solo tiene unas pocas publicaciones o si no publica tan a menudo. Es una buena opción si desea llamar la atención sobre cada publicación en el feed. Son buenos y si no tienes que presentar diferentes categorías.
Pruebe algunos blogs solo y vea que le gusta usar.
Si no está seguro de que eso funcione mejor para su audiencia, puede probar una prueba dividida A/B en cualquier momento para ver qué aspecto le da la mayor cantidad de tráfico.
Úselos juntos para crear algunos modelos interesantes.
Pensamientos finales Esta es nuestra comparación entre la cuadrícula y los diseños de módulos de blog de ancho completo. Ambos diseños ofrecen modelos de blog elegantes. Incluso puede usarlos juntos agregando la última publicación en el área de Heroes para ayudar a romper el diseño de la página.