Cómo darle a sus páginas de División de Archivo una apariencia de mampostería

Para darle a sus páginas de archivo un aspecto personalizado de mampostería, podemos usar el creador de temas de la Divic para diseñar una plantilla de archivo dinámica personalizada. En el DIV, antes de los días de los días del constructor de temas Div, los desarrolladores tuvieron que confiar en la personalización manual del código PHP en un archivo omático de la página de archivo y luego en la estilización de la plantilla de página solo con CSS externo. Esto ha hecho que sea mucho más difícil crear un aspecto de mampostería. Pero ahora, con Divic Builder, ¡este proceso se ha vuelto fácil y agradable! En este tutorial, le mostraremos cómo crear una plantilla de página de archivo que muestre dinámicamente el título de la página de archivo, subtítulos y publicaciones en el blog. Y, utilizando el módulo de publicación del blog, podemos mostrar fácilmente nuestro archivo de publicación en un aspecto de cuadrícula de mampostería.
¡Vamos a empezar! Tire de la vista con un vistazo rápido a la plantilla de página del archivo que diseñaremos juntos en este tutorial. En esta imagen, se usa para mostrar todas las publicaciones en la categoría “WordPress”.

Descargue la plantilla de página de archivo de forma gratuita para poner su mano en la plantilla en este tutorial, primero deberá descargarla usando el botón a continuación. Para tener acceso a la descarga, deberá suscribirse a nuestra lista diaria de correo electrónico utilizando el formulario a continuación. ¡Como nuevo suscriptor, recibirá más buenas divisiones y un paquete Divaut gratuito todos los lunes! Si ya está en la lista, simplemente ingrese la dirección de correo electrónico a continuación y haga clic en Descargar. No será “reubicado” y no recibirá correos electrónicos adicionales.
Descargar archivos

Descargue el registro gratuito para el Boletín Informativo Divic y le enviaremos una copia de la página de la página de la página final, además de muchos otros recursos, consejos y consejos para Div gratis. Sigue a ti mismo y serás una división maestra en el menor tiempo. Si ya está suscrito, simplemente ingrese el correo electrónico a continuación y haga clic en Descargar para acceder al paquete de apariencia. Se ha suscrito correctamente. ¡Consulte su correo electrónico para confirmar su suscripción y obtener acceso a paquetes de diseño semanales gratuitos!
Para importar la apariencia de la plantilla en su sitio web, deberá acceder al Builder Divic y utilizar la opción de portabilidad para importar el archivo .json en el generador de temas.
Pasemos al tutorial, ¿no? ¿Qué tienes que comenzar a comenzar? Deberás hacer lo siguiente:


Si aún no lo ha hecho, instale y active el tema de la Divica Instalado (o el creador de Divi Plugin si no usa el tema Div).
Debido a que crearemos una plantilla de página de archivo, deberá tener algunas publicaciones de blog ya creadas en su sitio web con autores, categorías y / o etiquetas asignadas a ellos, si desea ver los resultados.
Después de eso, estás listo para irte. Comprensión de los módulos y contenido dinámico disponibles para plantillas de página de archivo Al crear una plantilla de página de archivo para un div. Es importante comprender qué herramientas están disponibles para que pueda construir efectivamente una plantilla para mostrar la información correcta dinámicamente. Para una plantilla de página de archivo, estamos más interesados ​​en mostrar las publicaciones de página actuales cada vez que un usuario visita una página de archivo. Por ejemplo, si un usuario hace clic en el enlace de la categoría de “negocio”, debe ver una página de archivo que muestre todas las publicaciones con la categoría de “negocio”. Algunos módulos de la división han creado opciones para simplificar la pantalla de contenido dinámico en una plantilla. Blog Module Blog es el módulo principal que debe usarse para mostrar plantillas de página de archivo. Esto se debe a que tiene la opción Built -in para mostrar publicaciones para la página actual.
Esto prácticamente le dice que muestre publicaciones que normalmente se generan cada vez que un usuario visita la página. Entonces, con la opción configurada para mostrar “publicaciones para la página actual”, el usuario podrá ver una página de archivo y mostrar las publicaciones para esa página actual correctamente. Título de publicación / archivo (contenido dinámico) Una forma más fácil de mostrar el título de la página de publicación / archivo es usar un módulo de división regular y luego ingresar el título de la página de publicación / archivo utilizando la función de contenido dinámico disponible en todos los módulos de Divic.
Por ejemplo, puede usar un módulo de texto y luego agregar el título de la página Post / Archive como un contenido dinámico al contenido del cuerpo. Luego puede estilizar el título de todos modos. Ahora que comprende las herramientas necesarias para crear una plantilla de página de archivo, omita y cree una juntas. Cómo crear una plantilla de página Divi Archive con una apariencia de mampostería para crear una plantilla de página de archivo con una apariencia de mampostería, todo lo que tiene que hacer es diseñar una nueva plantilla para todas las páginas de archivo utilizando el generador de temas. Creación y asignación de una plantilla personalizada para que todas las páginas de archivo comiencen, accedan al tablero de WordPress y navegue en Div> Temo Builder. Luego haga clic en el área vacía del cuadro gris para agregar una nueva plantilla.

Luego asigne la plantilla todas las páginas de archivo.
Agregar un nuevo área de cuerpo personalizada a la plantilla para construir el cuerpo personalizado para la plantilla, haga clic en el cuerpo personalizado y luego seleccione “construir un cuerpo personalizado”.

Luego elija la opción “Construir desde cero”.
Agregue un título de archivo dinámico al editor similar a la plantilla, actualice la configuración de la sección predeterminada con un color de fondo.

Color de fondo: #EEEEEE

Luego cree una nueva fila con una sola columna en la sección habitual.

Luego agregue un módulo de texto en una fila.
Elimine el contenido predeterminado del cuerpo y haga clic en el icono “Usar contenido dinámico” y seleccione el título “Post / Archive.

Una vez que el elemento de título Post / Archiving esté en su lugar, abra la configuración haciendo clic en el icono de la rueda.

Luego actualice las áreas de entrada antes y después de envolver el contenido en una etiqueta H1 y agregue una pieza adicional de contenido estático después del título dinámico de la siguiente manera: antes:

después:

Debemos envolver el título en una etiqueta H1 Para fines de SEO. Titlu Dynamic Archive Style Una vez que el contenido dinámico está en su lugar, podemos estilizarlo utilizando lo siguiente:

Fuente del título: Mulish


Fuente del título: Peso: duro

Alineación del texto del encabezado: Centro

Text Pre -Text: # 3A405A
Encabezado de texto de tamaño: 70 PX (escritorio), 40 px (tableta y teléfono)
Agregue el texto del subtítulo del archivo dinámico porque podemos concluir el título de la página de archivo dinámico con HTML personalizado, podemos agregar un subtítulo que dibuja el título de la página de archivo dinámico en el texto del subtítulo. Para hacer esto, cree un nuevo módulo de texto en el módulo de texto anterior.
Elimine el texto predeterminado del cuerpo y agregue el contenido dinámico del título de publicación / archivo en el cuerpo (como lo hice antes).
Abra la configuración de título de publicación / archivo y agregue el siguiente contenido antes y después del contenido. Antes:

Aquí están los artículos en After:

Ahora el título se mostrará en línea con la línea de texto anterior. Estilo de archivo dinámico de título Una vez que el contenido dinámico está en su lugar, podemos estilizar la siguiente configuración H3:

3 Fuentes de fuentes: Mulish

Alineación del texto del título 3: Centro

Usando el módulo de blog para mostrar dinámicamente las publicaciones para la página actual titulada la página de archivo Dynamic, debemos agregar el módulo de blog para mostrar las publicaciones para la página de archivo actual. Agregue una nueva sección antes de agregar el módulo de blog, agregue una nueva sección a la página. Agregue una nueva fila con una columna y luego, agregue una nueva fila a una sola columna.

Luego abra la configuración de la fila y actualice lo siguiente:
Use el ancho personalizado de la canaleta: sí
Ancho de canaleta: 2;

Ancho: 95%

Agregue un módulo de blog para mostrar dinámicamente las publicaciones para la página actual ahora tenemos que agregar un módulo de blog en una fila.

Recuerde, debemos asegurarnos de que las publicaciones para la página actual se activen para la página de Archvie para extraer el archivo de publicaciones correcto. Actualizar opciones de contenido de la siguiente manera:
Publicaciones para la página actual: Sí
El modo de diseño del blog con la configuración de contenido vigente, para hacer algunos cambios de diseño. En la pestaña Diseño, actualice el aspecto de la siguiente manera:
Apariencia: cuadrícula

Ahora vuelva a la pestaña de contenido y agregue el siguiente color de fondo a los elementos de la cuadrícula:

Color de fondo: # 3A405A
Actualizar los estilos de texto del título

Fuente del título: Mulish
Título Fuente de peso: Bold

Color de texto del título: #EEE
Título Tamaño del texto: 34 PX

Altura de la línea de título: 1.3em
Actualice los estilos de texto de su cuerpo
Font Corp: Montserrat
Color del texto del cuerpo: #ffffff
La altura de la línea del cuerpo: 2em
Actualizar los estilos de meta texto

Meta fuente: Montserrat
Meta Text Color: # FFB100
Actualizar estilos de paginación
Pagado de fuente de peso: en negrita

El color del texto de la paginación: # 3A405A
En este momento, tenemos la plantilla de la página de archivo encendida y enrollada, completada con el título de la página y las publicaciones de blog (en un aspecto de mampostería) que mostrará dinámicamente las publicaciones para la página de archivo actual. Resultado final para probar los resultados, visite los diversos tipos de páginas de archivo en su sitio. Aquí hay un ejemplo de una página de archivo de categoría que presenta todas las publicaciones para la categoría “WordPress”. Que muestra todas las publicaciones para un autor en particular.
Aquí hay una página de etiquetas de archivo que muestra todas las publicaciones con la etiqueta “Noticias”.

Y aquí hay una plantilla de archivo de datos que muestra todas las publicaciones de octubre de 2019.
Pensamientos finales Después de saber cómo crear una nueva plantilla de archivo con el creador de temas de Div, es fácil agregar una apariencia de mampostería. El truco es usar las opciones de división incorporadas para mostrar el título de la página de archivo como un contenido dinámico y luego usar el módulo de blog para mostrar dinámicamente la publicación de la página actual en un aspecto de la cuadrícula de mampostería. Esperamos que esto ayude a aumentar el diseño general de su sitio web, apuntando a esas páginas de archivo que se pueden pasar por alto fácilmente. Espero tener noticias suyas en los comentarios. ¡Suerte!




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

Check Also

Biblioteca Divi: explorarea posibilităților de sincronizare selectivă a bibliotecii Divi

Biblioteca Divi: explorarea posibilităților de sincronizare selectivă a bibliotecii Divi

Leave a Reply

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