Cómo usar un módulo de blog dentro de una categoría y/o plantilla de archivo de archivo

El módulo de blog Div Div es una herramienta poderosa cuando se trata de crear páginas de categorías y archivo. Con algunas configuraciones simples, puede asignar una plantilla a cualquier categoría o páginas de archivo sin tener que ajustar el módulo de blog. En este artículo, analizaremos cómo usar un módulo de blog en una plantilla de categoría o archivo y atribuirlo a cualquier categoría o páginas de archivo. Vamos a empezar. ¿Qué es una categoría y/o una página de archivo? En primer lugar, definamos de qué estamos hablando. Una página de archivo muestra publicaciones que pertenecen a un tipo particular de archivo. Estos incluyen el autor de la publicación, la categoría, la fecha y la etiqueta. También funciona para cada uno de los tipos de publicaciones, como los proyectos.
Una página de categoría muestra publicaciones para una categoría de blog en particular. Es un tipo de página de archivo. Div nos permite crear plantillas para todas estas páginas de archivo. También podemos crear plantillas para ciertas páginas de archivo utilizando opciones de publicación dinámica. Especificando el contenido de la página de archivo incluso si podemos asignar una plantilla a una página de archivo, aún debemos especificar qué mostrará la página. Esto se hace dentro del módulo de blog dentro de la plantilla misma. El módulo de blog muestra el flujo en función de nuestras selecciones. Analizaremos la forma más efectiva de configurar el módulo de blog para que pueda usarse con cualquier página de archivo.
Cargue la plantilla de página de categoría para continuar, necesitará una plantilla de página de categoría. Puede crearlo desde cero o descargar uno del blog elegante de temas. Puede encontrar muchas plantillas de página de categoría gratuitas en el blog de temas elegantes que busca “plantilla de página de categoría gratuita”. Descargue el archivo archivado a su computadora y no le guste. Deberá cargar el archivo JSON. Para mis ejemplos, utilizo la plantilla de página de categoría gratuita para el software de diseño Div. Cargue la plantilla de categoría accediendo al generador de temas Div> en el tablero de WordPress. Seleccione la portabilidad en la esquina derecha, elija la pestaña Importar y explore el archivo JSON en su computadora. Seleccione el archivo y haga clic en Importar plantillas de constructor de temas de Divic. Guarde su plantilla.

Div
Creador de temas
Portabilidad
Importar
Elija el archivo
Plantillas impretas divide temas constructor
ahorrar
Asigne la plantilla de página de categoría La plantilla de categoría se establece automáticamente en todas las páginas de categorías. Puede atribuirlo a un cierto archivo o página de categoría seleccionando el icono de la rueda.

La configuración de la plantilla nos permite elegir las publicaciones que mostrarán la plantilla. Podemos elegir todo un tipo particular de publicación o una determinada publicación. Por ejemplo, podemos asignar la plantilla de todos los autores o elegir un determinado autor.

Ajustar la plantilla de página de categoría Nuestra plantilla incluye una publicación deslizante y un módulo de blog. El Slider de Post es parte de la sección Hero, mientras que el módulo de blog crea el flujo del blog.

Quiero crearlos desde cero, así que limpié el control deslizante y el módulo de blog en mi plantilla. Primero construiremos la plantilla con un módulo de blog y luego agregaremos la publicación más tarde para crear dos versiones de la apariencia. Cortar la categoría o plantilla de archivo, agregaremos un módulo de blog. Seleccione el icono gris y elija el módulo de blog de las opciones.

Contenido primero, active las publicaciones para la página actual. Esto permite que el módulo muestre publicaciones dinámicamente, independientemente de la asignación de página. Luego establezca el número de publicaciones en 8.

Publicaciones para la página actual: Sí

Número de publicaciones: 8
Los elementos se desplazan hacia abajo hasta los artículos. Seleccione usar la imagen presentada, leer más, categorías, extraer y paginar. Deshabilite el resto.
Imagen presentada: Sí

Botón Leer más: Sí
Categorías: Sí
Extracto: si
Paging: si
Apariencia y superposición van a la pestaña Design. Asegúrese de que la cuadrícula se seleccione para la apariencia y deshabilite la superposición.
Apariencia: cuadrícula

Superposición: discapacitado
El texto del título despliegue al texto del título y seleccione H2 para el nivel de título. Elija Archivo para la fuente y configúrelo en negrita. Establezca el color en #222222.
Nivel de título: H2

Fuente: archivo
Peso: en negrita
Color: #2222222
Establezca el tamaño en 16 px y la altura de la línea a 1.3 em.
Tamaño: 16px

Altura de la línea: 1.3 em
El cuerpo del texto se desplaza al texto del cuerpo y elige el archivo de fuentes. Coloque el color en el negro y la altura de la línea a 1.5 em.
Fuente: archivo

Color: #000000
Altura de la línea: 1.5 em
Meta texto desplazado al meta texto y elija Archivo para la fuente. Establezca el estilo en ninguno y el color en #544FFF.
Fuente: archivo

Estilo: ninguno
Color: #544FFFit Más texto se desplaza hacia abajo para leer más texto y establecer peso en el estilo semi en el tt, el estilo TT y el color subrayado, el color #544FFF y el tamaño a 13px.
Peso: semi en negrita
Estilo: TT, subrayado

Color: #544fff
Tamaño: 13px
El texto de la paginación para el texto de la paginación, elija el archivo de fuentes y configúrelo en semi-boint y negro.
Fuente: archivo
Peso: semi en negrita

Color: #000000
Espacio de desplazamiento al espacio y coloque el margen superior a 0VW.
Margen superior: 0VW
El borde vaya al borde y coloque las esquinas redondeadas a 0px.

SHOY SHOLE GRIL CORCENAS REDEDURADAS A MANO: 0px
Box Shadow desplácese hacia abajo en Box Shadow y elija la primera opción. Establezca la posición vertical en 0px, la intensidad del desenfoque a 0px, la intensidad se extiende a 2px y color en negro.

Box Shadow: en primer lugar
Posición vertical: 0px

La intensidad del desenfoque: 0px
Potencia de propagación: 2px
Color: #000000
CSS Personalizado Finalmente, agregaremos algunos CSS al botón Leer más para agregar un poco de espacio entre el texto y el botón Leer más. Vaya a la pestaña avanzada y desplácese al botón Leer más y agregue este CSS: Margin-top: 10px! Importante;
Bloqueo de pantalla;
Ahora guarde la configuración y cierre el constructor de temas. Resultados en categorías y páginas de archivo Aquí es cómo se ve nuestra plantilla de categoría cuando se asigna a todas las categorías. La página muestra contenido dinámico en mi categoría de educación. Para mis ejemplos, cambié mi número de publicaciones a 4 para mantener las capturas de pantalla más pequeñas y aumenté el tamaño del metatext para que sean más fáciles de ver.

La paginación solo funciona dinámicamente dentro de esta categoría. Para la siguiente imagen, hemos seleccionado las entradas más antiguas y aún mostramos solo entradas en la categoría de educación. Solo las páginas de categoría usan esta plantilla. Si selecciono el nombre, etiqueta o fecha de un autor, veo el flujo de blog estándar. Aquí está la página de mi autor:
Ahora, volvamos y cambiemos la atribución a las páginas del autor.

Ahora, cuando veo la página del autor, veo publicaciones de varias categorías. La página incluso muestra el contenido dinámico en el título. No hice ningún ajuste dentro de la plantilla en sí. Solo cambié la tarea.

Agregue la sección Hero a la plantilla de página del archivo y luego agregue una sección de héroe con un control deslizante de blog. Mostrará algunas de las últimas publicaciones en la categoría o archivo que atribuimos la plantilla. Debido a que ambos módulos mostrarán publicaciones en la misma categoría o archivo, no queremos que se superpongan y muestren las mismas publicaciones. Tendremos que hacer ajustes a ambos módulos.

Agregue una línea primero, agregue una sola fila de columna debajo del título.

Acceda a los fondos de fondo y establezca el color de fondo en RGBA (255,255,255.0).

Color de fondo: RGBA (255,255,255.0)

El tamaño Seleccione la pestaña Diseño y active el uso de ancho de canaleta personalizado. Establezca el ancho en 1.

Use el ancho de canaleta personalizado: sí

El ancho de la canaleta: 1
Espacio desplazarse hacia abajo hasta el espacio y colocar el llenado izquierdo y derecho a 20px.

Llenado: izquierda, derecha 20px
El borde vaya al borde y ajuste el ancho a 2px y coloree a #01012c. Cierre la configuración de las filas.
Ancho fronterizo: 2px

Color del borde: #01012c
Agregue una diapositiva de publicación ahora es el momento de agregar la diapositiva rápida. Haga clic en el icono más gris y seleccione el módulo Slider Post. A continuación, haremos ajustes en el módulo Slider Post. El control deslizante de publicaciones también puede mostrar publicaciones dinámicas. En la configuración de contenido del módulo Slider Post, seleccione usar publicaciones para la página actual e ingrese 3 para el número de publicaciones.

Publicaciones para la página actual: Sí
Número de publicaciones: 3
Los elementos se desplazan hacia abajo a los elementos y seleccione usar flechas, leer más y publicar meta.

Flechas: si

Botón Leer más: Sí
Post meta: si
Imagen presentada Active la imagen recomendada y establezca la imagen presentada a la derecha.

Mostrar la imagen presentada: Sí
Colocación de la imagen presentada: correcto
Acceda al fondo y cambie el color de fondo en RGBA (255,255,255.0).
Color de fondo: RGBA (255,255,255.0)

Seleccione el icono del dispositivo y elija escritorio. Elija la pestaña Imagen y seleccione su imagen en la biblioteca de medios. La imagen no está en su lugar al principio, pero lo arreglaremos más tarde.
Escritorio de imagen: elija entre la biblioteca
Tamaño de la imagen de fondo: ajuste

Posición: centro derecho
Repita: no repita

Mezcla: Normal
Elija el icono de la tableta y elimine la imagen. No queremos que la imagen aparezca para tabletas y teléfonos.
Cubra y luego acceda a la pestaña de diseño. Bajo la superposición, deshabilite tanto el fondo como la superposición de texto.
Utilice la superposición de fondo: no
Utilice la superposición de texto: no
Imagen desplazarse a la imagen y establecer el ancho del borde en 20px. Cambie el color a RGBA (255,255,255.0) y seleccione el primer cuadro de sombra.

Ancho óseo: 20px

Color de borde de la imagen: RGBA (255,255,255,0) Box Shadow: Primero
Ajuste la posición vertical a 0px, la intensidad de desenfoque a 0px, la intensidad de propagación en 2px para el escritorio y 0px para el teléfono. Cambia el color a negro.
Posición vertical: 0px

La intensidad del desenfoque: 0px
Potencia de extensión: escritorio 2px, 0px teléfono
Color: #000000
Texto debajo del texto, elija Dark for Text Color. Cambiaremos los colores más tarde, pero las fuentes tendrán una sombra si saltamos sobre este paso.

Color de texto: oscuro
El texto del título despliegue al texto del título. Elija H3 para el nivel de encabezado. Cambie la fuente a Archivo, establezca el peso en el toque semi, la alineación de la izquierda y el color.
Nivel de título: H3
Fuente: archivo
Peso: semi en negrita

Alineación: izquierda
Color: #000000

Tamaño: Desktop 34px, tableta 24px
El cuerpo del texto luego, desplácese hasta el texto del cuerpo y elija el archivo de fuentes. Establezca la alineación izquierda, el color en negro, el tamaño a 15 px y la altura de la línea a 1.5 em.
Fuente: archivo
Alineación: izquierda
Color: #000000
Tamaño: 15px
Altura de la línea: 1.5 em

Meta texto entonces, desplácese al meta texto. Elija Archivo para la fuente. Establezca el color en #544FFF y tamaño en 14px.
Fuente: archivo
Color: #544fff
Tamaño: 14px
Botón ahora, le atacaremos el botón. Seleccione Use estilos personalizados para el botón y cambie el tamaño a 13px. Establezca el color en #544FFF.
Use estilos personalizados para el botón: Sí

Tamaño de texto: 13px
Color: #544fff
Cambie el rayo de la frontera a 100 px, la fuente en los archivos y el estilo en TT.
Chenar Radius: 100px

Fuente: archivo
Estilo: TT
Cambie el botón a la izquierda.
Aprendizaje de botones: izquierda

Finalmente, espaciado, desplácese hacia abajo hasta el espacio y coloque el relleno superior e inferior a 0px. Cierre la configuración del módulo. Fuplución: arriba, hacia abajo 0px
La sección de alimentación de blog adicional, haremos un pequeño ajuste de flujo de blog. Abra la configuración para el módulo de blog.
Debido a que mostramos 3 publicaciones en la diapositiva del blog, quería que el módulo de blog omita esas 3 publicaciones. Para hacer esto, cambie el número de publicación de la publicación a 3. Cierre el módulo de blog, guarde la página y salga del Creador.
Los resultados de la sección Hero aquí son un vistazo a la plantilla. Como antes, aumenté el tamaño de la meta fuente para que sea más fácil de ver. Atribuí a todas las páginas de archivo y seleccioné la página del blog. Muestra dinámicamente las publicaciones en el archivo del blog.

El siguiente ejemplo muestra la plantilla para mi categoría de educación.
Ahora, lo configuraré para mostrar solo en las páginas de archivo para la etiqueta específica de ingeniería de software. No hago cambios en los módulos dentro de la plantilla. Seguirá mostrándose dinámicamente.

La categoría de educación ahora muestra la página de archivo predeterminada.
Ahora, solo las publicaciones con la etiqueta de ingeniería de software muestran la plantilla. Agregué esa etiqueta a las publicaciones en mis categorías Ingeniería y ciencia de datos, por lo que estas son las únicas publicaciones que se muestran en esta página. Como antes, no hice ningún cambio en los módulos de plantilla. Solo cambié la asignación de la plantilla. Además, como antes, el módulo de blog compensa las publicaciones, por lo que no muestra las mismas publicaciones que el control deslizante del blog. La paginación sigue funcionando en la asignación actual de plantilla.