5 consejos para organizar el contenido de la página del blog en Div

El contenido de la página del blog se puede organizar de varias maneras. Debido a que es una página de blog, la mayor parte del contenido consistirá en un flujo de publicaciones de blog recientes. Saber cómo organizar este contenido puede ser una excelente manera de romper la monotonía y abrir la puerta a varias páginas de blogs únicas. En este tutorial, compartiremos 5 consejos útiles para organizar el contenido de la página del blog en el DIV, lo que lo ayudará a descubrir lo siguiente:
Cómo crear un aspecto de dos columnas
Cómo usar publicaciones pegajosas
Cómo usar la compensación laboral
Cómo usar múltiples módulos de blog para crear un aspecto personalizado para publicaciones de blog
Cómo mostrar publicaciones recientes en categorías
Dibuja con el ojo, aquí hay algunas formas en que organizaremos el contenido de la página del blog en el Div.
Usando un aspecto de dos columnas

Una sección de publicación recomendada sobre el flujo principal del blog

Una diapositiva de ancho de ancho de ancho completo por encima del flujo principal del blog

Uso de múltiples módulos de blog para un aspecto y diseño únicos

Que contiene publicaciones recientes por categorías

Lo que debe comenzar si aún no lo ha hecho, instale y active el tema de Div. Para este tutorial, usaré la plantilla de segunda página para la categoría de paquetes de constructores de temas. Si desea que lo use para continuar, descargue el paquete e importe la división-the-border-paquete-category-pague-teplate.json en el generador de temas utilizando las opciones de portabilidad.

Por defecto, a la plantilla importada se le asignará “todas las categorías de páginas”. Abra la configuración de plantilla y asignarlos al blog.


Ahora está listo para comenzar el proceso de organización del contenido del blog en la plantilla. Para comenzar, haga clic en el icono de edición en el área del cuerpo de la plantilla. Ahora puede usar el editor de apariencia para cambiar el aspecto.

5 consejos para organizar la plantilla de página del blog En esta plantilla, tenemos un módulo de blog que está en fila con una columna que muestra las publicaciones (en tres columnas en el escritorio) para la página actual. Esta es una configuración estándar para plantillas de página de blog y archivo. Sin embargo, no debemos mantener este aspecto estándar para publicar publicaciones. Aquí hay algunos consejos útiles para organizar el contenido de la página del blog en Div.

# 1 Crear dos columnas con el módulo de blog (si se establece en la apariencia de la cuadrícula) mostrará las publicaciones en una estructura de tres columnas si el módulo se agrega a una fila con una columna (como en nuestra plantilla).
Si desea cambiar el aspecto para mostrar las publicaciones en un aspecto de dos columnas, esto es lo que puede hacer. Primero, cambie la aparición de la columna de la fila en un tercio de un tercio de aspecto. Esto mostrará las publicaciones de blog en dos columnas en la columna izquierda de la fila.

Luego abra la configuración de la columna 1 (la que contiene el módulo de blog) y agregue el siguiente CSS al elemento principal:

Ancho: 100%! Importante;
Esto hará que la columna se extienda sobre todo el ancho de la fila. Ahora todo lo que tenemos que hacer es ocultar la columna a la derecha. Abra la configuración de la columna 2 (vacía una) y deshabilite la visibilidad de la columna en todos los dispositivos.

Ahora puede organizar el contenido de la página del blog con dos columnas en el escritorio en lugar de tres, si lo desea.# 2 Use publicaciones adhesivas Si está familiarizado con WordPress, es posible que ya lo sepa. Cada publicación creada en Div (o WordPress) se puede hacer pegajosa. Al hacer una publicación pegajosa, la publicación se mostrará automáticamente justo en frente del flujo del blog en la página del blog, justo antes de la última publicación publicada. Esta es una excelente manera de presentar publicaciones que sabe que su audiencia le gustaría (o necesita) ver.

Para hacer una publicación pegajosa, simplemente edite una publicación en Divi y revise el “palo en la parte superior del blog” en la barra lateral derecha.

Cada publicación que haga Stick se etiquetará como “pegajosa” al ver todas las publicaciones en Backend.
Ahora, cuando accedes a la página del blog, puedes ver que las publicaciones pegajosas han saltado en el frente del flujo de publicación del blog.

Nota: Las publicaciones adhesivas pueden no funcionar como se esperaba al usar la publicación en el módulo de blog. Por ejemplo, si establece el módulo de blog para mostrar 3 publicaciones con una publicación compensada de 3, sus publicaciones adhesivas se mostrarán antes (y además) de las 3 publicaciones.

Antes de pasar al próximo consejo, le sugiero que se deshaga de las publicaciones pegajosas. # 3 Use el compensación de publicación para organizar el contenido de la página del blog en secciones separadas Cada módulo de blog tiene la opción de ingresar un número posterior a la desgracia. Esto le dice al módulo de blog que supere un cierto número de publicaciones de blog recientes antes de mostrar el flujo de blog. Esta opción es útil cada vez que desee mezclar el aspecto de la página de su blog. Uso de múltiples módulos de blog para mostrar sus publicaciones. Esto le brinda más flexibilidad en el diseño de las publicaciones más recientes con un módulo de blog separado que usa Post Offset de una manera que puede organizar el contenido de la página del blog en el aspecto de su plantilla es agregar una sección de publicación de blog en la parte superior de la página. Esta es una forma en que puede resaltar las tres primeras publicaciones más nuevas de una manera única. Esto es para hacerlo ahora. Agregue una nueva sección normal para mirar.

Luego agregue una fila con una columna.
Copie el módulo de blog que vino con la plantilla y pégala en la nueva fila.
Actualice la configuración del blog de la siguiente manera:

Número de publicaciones: 3

Muestra el botón Leer más: No

Categorías de visualización: no
Muestra el número de comentarios: no
Muestra el extracto: no
Show Paging: No
Tendremos las tres últimas publicaciones que se muestran en la sección superior de la página. Ahora debemos agregar un número de publicación de publicaciones al módulo de blog original, para que pase las primeras tres publicaciones que ya se muestran anteriormente. Abra la configuración del blog para el módulo de blog original y actualice lo siguiente: Número de compensación de publicación: 3
Ahora el flujo del blog comenzará con la publicación # 4.
Para resaltar la sección presentada en la parte superior de la página, puede agregar un gradiente de fondo. Aquí hay un ejemplo de cómo se vería eso.


Agregar una publicación posterior al ancho de la publicación sobre el flujo principal del blog como la sección presentada anteriormente, también podemos organizar el contenido de las publicaciones de blog agregando una publicación de ancho completa en la parte superior de la página del blog. Este es un diseño popular para las páginas de blogs y puede usarlo en combinación con un módulo de blog que tiene una publicación compensada.
Aquí le mostramos cómo hacerlo. Primero, agregue una sección de ancho completa para mirar.
Luego agregue un módulo GLISOR de ancho completo en la sección.

Luego actualice la siguiente configuración:

Publicaciones para la página actual: Sí
Número de publicaciones: 3

Luego actualice el diseño de la diapositiva de diseño para que coincida con el aspecto de la siguiente manera:

Título de la fuente: Lato
Título Fuente de peso: Bold
Título Tamaño del texto: 40 PX

Tamaño del texto del cuerpo: 16 PX
Tamaño de texto de texto: 14 PX
El color del texto del botón: # FF0071
El color del fondo del botón: #ffffff
El ancho del nudo del botón: 0 PX
Botón de fuente: Lato
Botón de peso de fuente de fuente: en negrita
Botón de estilo de fuente: TT
Asegúrese de que el módulo de blog muestre el flujo principal tiene un número de compensación de publicaciones que aún se establecen en 3 para adaptarse a las 3 publicaciones de la publicación. Luego mira el resultado. Gire bien hasta ahora. Ahora, tengamos la idea de usar un módulo de blog separado un paso más allá con este próximo consejo. # 4 Agregar más módulos de blog cada uno con una sola publicación No debemos detener solo al agregar un módulo de blog adicional a una apariencia de plantilla. De hecho, podemos usar cuántos módulos de blog necesitamos. Incluso podemos elegir mostrar un solo modo de blog para proporcionar un diseño único en una sola tarjeta de blog. Luego, utilizando las compensaciones de publicaciones, podemos crear una pantalla dinámica completamente única de publicaciones de blog. Aquí le mostramos cómo hacerlo. Primero, agregue una nueva fila de media mitad en la parte superior de la fila que contiene el módulo de blog principal.
Copie el módulo de blog original a continuación y péguelo en la columna izquierda de la nueva fila. Luego actualice lo siguiente:
Número de publicaciones: 1
Número de desplazamiento posterior: 0

Show Paging: No

Luego copie el módulo de blog que acaba de crear y pegue un duplicado en la columna derecha. Luego actualice lo siguiente:

Número de desplazamiento posterior: 1
Mostrar la imagen presentada: No
Muestra el número de comentarios: no
Muestra el extracto: no

Asegúrese de establecer el número de compensación de trabajo en 1 para omitir el primero en la columna izquierda. Ahora continúe este proceso creando otro módulo de blog y aumentando el número de publicaciones por 1 cada vez. Duplicar el módulo de blog en la columna derecha.
Luego cambie el número de compensación laboral a 2.
Duplique el módulo de blog una vez más y cambie el número de publicación de publicaciones a 3. Ahora puede tener la libertad de personalizar individualmente el diseño de cada módulo de blog. Por ejemplo, puede agregar un color de fondo diferente a cada uno. Aquí está el resultado.
Si va a mantener el flujo principal del blog a continuación, asegúrese de actualizar el número de publicación con 4 para que coincida con las 4 publicaciones en la fila de arriba.
También puede ver la misma técnica utilizada en algunas de nuestras plantillas de páginas de categorías de tema. Vea nuestro tutorial sobre cómo crear una plantilla de página de categoría utilizando el mismo concepto. # 5 Mostrar publicaciones recientes en las categorías en la página del blog Además del flujo principal del blog en la plantilla de la página del blog, también puede mostrar sus publicaciones recientes. Esta es una excelente manera de organizar el contenido de la página del blog separando la apariencia y destacando las diferentes categorías al mismo tiempo. Aquí le mostramos cómo hacerlo. Primero, agregue una nueva fila con una columna debajo de la fila que contiene el módulo de blog principal.

Luego actualice la configuración del blog de la siguiente manera:

Publicaciones para la página actual: no

Tipo de publicación: publicaciones

Número de publicaciones: 3

Las categorías incluyen: negocios (o uno de los suyos)

Esto mostrará las tres últimas publicaciones en la categoría de negocios. Luego agregue un módulo de texto a través del módulo de blog con el título de la categoría apropiada.

Y también tiene una sección de categorías recomendadas en la página de su blog, ¡una excelente manera de organizar el contenido de la página del blog! Puede agregar aún más secciones de categorías, cada una con un diseño único.
Estas secciones de categorías presentadas coinciden bien en la parte inferior de la plantilla de página del blog. Finalmente, todos los consejos deberían ayudarlo a organizar el contenido de la página del blog en todo tipo de modos únicos.Y, los mismos consejos funcionarían para muchos otros tipos de plantillas (como plantillas de página de categoría / archivo) que usan el módulo de blog para mostrar contenido.Siéntase libre de explorar estos consejos y usarlos en su próximo proyecto.Espero tener noticias suyas en los comentarios.¡Suerte!