Una plantilla de publicación de blog es probablemente la plantilla más importante que puede agregar en un sitio de blog. Ofrece una estructura y diseño que se aplica “mágicamente” a todas las publicaciones de blog en el frente, mientras que los bloggers tienen que preocuparse solo por escribir la publicación en la parte posterior. Esto ahorra tiempo drásticamente al simplificar el proceso creativo para transmitir rápidamente su publicación web. Y con la división del constructor de temas, no tendrá que estar satisfecho con una plantilla de publicación aburrida que se asemeja a cualquier otra publicación de blog en la web. Puede crear innumerables modelos auténticos (visualmente) y agregar fácilmente diferentes combinaciones de contenido estático y dinámico a su plantilla.
En esta publicación, cubriremos todo lo que necesita saber para crear una plantilla de publicación de blog utilizando el constructor de temas. Cubriremos mucho contenido, pero creo que se sorprenderá de la facilidad con que estas plantillas puedan llevar la vida frente a sus ojos. ¡Ahora comencemos! Tire de la vista con un vistazo rápido a la plantilla de publicación del blog que crearemos en este tutorial.

Se puede haber observado la semejanza de este diseño en nuestro paquete de marketing digital. Esta plantilla de publicación se ha creado para que coincida con la apariencia, por lo que puede usarla en combinación con el paquete de diseño para el marketing digital.
¡Disfrutar! Descargue la plantilla de publicación del blog 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 el correo electrónico a continuación y haga clic en Descargar. No se suscribirá y no recibirá correos electrónicos adicionales. Desciende los 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.

Te has suscripto satisfactoriamente. ¡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.
¿Qué es una plantilla de publicación de blog y por qué necesitas una? Una plantilla de publicación de blog es una plantilla de sitio utilizada para todas (o algunas) publicaciones de blog en su sitio es una plantilla predefinida construida con contenido dinámico, por lo que cualquier publicación nueva o existente heredará automáticamente la apariencia y el diseño de la plantilla asignada. Hay Algunas razones convincentes para usar una plantilla de publicación de blog. La razón principal para usar una plantilla de publicación de blog es simplificar el proceso de blog. Si tiene una plantilla preparada ya diseñada para sus publicaciones, puede acelerar drásticamente el proceso de creación, eliminando la necesidad de diseñar los elementos de publicación y dejar a Blogge más tiempo para hacer lo que mejor hacen: escribir contenido. ¡Pero eso no es todo! Una plantilla de publicación de blog puede incorporar elementos adicionales (como comentarios, botones para compartir y opciones de correo electrónico), para aumentar la participación de los usuarios y aumentar las conversiones.


Con la división de Builder de temas, crear una plantilla de publicación de blog es sorprendentemente fácil. El secreto de construir una plantilla de publicación de blog en la división es comprender los modos a usar y cómo incorporar los elementos de contenido dinámico en la plantilla. Antes de comenzar a construir una plantilla de publicación de blog juntas, primero mudemos a algunas de las herramientas disponibles para crear una. Los bloques básicos de una plantilla de publicación de blog las plantillas de publicación del blog pueden variar según las necesidades del blog. Pero, por lo general, una plantilla de publicación de blog consistirá en la siguiente estructura:
Encabezado: el área superior de la publicación que generalmente incluye el título de la publicación, la imagen presentada y los metadatos de la publicación (categorías, etiquetas, autor, fecha de publicación, etc.) Publicar el contenido: el contenido principal del artículo.
Publicaciones relacionadas: enlaces a otros elementos que podrían estar interesados ​​en los lectores.
Comentarios: una sección para la cual los usuarios pueden agregar y responder a los comentarios sobre la publicación.
Llame a la acción: generalmente un formulario de optimización de correo electrónico, íconos de intercambio social o una oferta promocional de una especie.
Los módulos DIPT y el contenido dinámico se puede crear una plantilla de publicación de blog en Divic Builder utilizando las capacidades de contenido dinámico incorporado en los módulos de la Divica. Hay varios módulos DIV que están especialmente construidos para publicaciones. Sin embargo, la mayoría de los módulos de división tendrán la capacidad de atraer contenido dinámico disponible en una publicación. Aquí hay un desglose de algunas de las opciones disponibles al diseñar una plantilla de publicación de blog.
Módulos de la división creados para plantillas posteriores a la plantilla
Modo de navegación posterior a los puertas para proporcionar enlaces de navegación a publicaciones anteriores y próximas.
Módulo Slider Post: útil para proporcionar una galería de publicación organizada después de las últimas o categorías.
El módulo de título posterior a la publicación para mostrar el título de publicación con una imagen presentada en un solo módulo conveniente.
Método para publicar contenido: un módulo requerido para la plantilla de publicación para mostrar el contenido de una publicación. El módulo para el contenido de la publicación también incluye opciones de diseño que se pueden usar como un diseño predeterminado para el contenido del nivel del sitio.
Elementos de contenido dinámico para la plantilla de publicación disponible en todo el módulo de divititul posterior / de archivo
Extracto de la publicación
Fecha actual
El eslogan del sitio
Autor biológico
Autor publicado
Publicar el enlace
Publicación de categorías
Número de comentarios publicados
Fecha de publicación de la publicación
Campos personalizados
Ahora que tiene una buena idea sobre las herramientas disponibles, pasemos a cómo podemos construir una plantilla de publicación de blog en DIV desde cero.
¿Qué tienes que comenzar a comenzar? Deberás hacer lo siguiente:
Si aún no lo ha hecho, instale y active el tema de DIV (o Plugin Divi Builder si no usa el tema Div).
Asegúrese de tener al menos algunas publicaciones de blog creadas para ver los resultados de la plantilla de publicación de blog que crearemos. Asegúrese de incluir el mayor contenido posible en cada publicación (por ejemplo, imagen presentada, categorías, etc.), para que tenga un buen ejemplo de publicación real.
Después de eso, está listo para comenzar a crear una nueva plantilla para las publicaciones de su blog en el Div.
Cómo crear una plantilla de publicación de blog en el suscriptor de generador de temas superior a nuestro canal de YouTube como todas las plantillas, se crea una plantilla de publicación de blog en el constructor de temas que le permitirá construir la plantilla completa desde cero. Con el poder de Divi Builder. Creando una nueva plantilla desde el tablero de WordPress, navegar a Div> Temor Builder. Luego haga clic en el cuadrado vacío “Agregue una nueva plantilla”.
La asignación de la plantilla a todas las publicaciones de blog después de agregar una nueva plantilla se mostrará el cuadro de configuración de la plantilla, lo que le permitirá asignar la plantilla de las páginas y / o publicaciones en su sitio web. Dado que queremos crear una plantilla de publicación de blog para todas las publicaciones en el sitio, seleccione “Todas las publicaciones” y haga clic en Crear pizca. Aumentando un aspecto personalizado del cuerpo y luego haciendo clic en la plantilla de área “Agregar un cuerpo personalizado” para crear Una nueva área corporal para la plantilla de publicación. Luego seleccione “Construir cuerpo personalizado”.
Seleccione la opción “Construir desde cero” para iniciar el proceso de construcción.
Construyendo la apariencia del cuerpo personalizado para la plantilla de publicación Una vez que se lanza el editor de masaje de plantilla, tiene la libertad de construir todo el cuerpo de la plantilla de publicación de blog utilizando Divi Builder. Para comenzar, agregue una fila con una columna a la sección predeterminada habitual.
Luego, antes de agregar un módulo, actualice la configuración de la sección con un diseño de fondo y algunos rellenos de la siguiente manera:

Color izquierdo del gradiente de fondo: # 8624E1

Color derecho del gradiente de fondo: # 3607A6

Dirección de gradiente: 130 grados

Posición inicial: 25%

Imagen de fondo: inserte la imagen
Use el efecto de paralaje: sí
Junta: 7VW arriba, 7VW abajo
Creando el título del título de publicación como un contenido dinámico con el modo de texto dentro de la fila con una columna, agregue un módulo de texto.
Luego haga clic en el icono Dynamic contenía al pasar con el mouse sobre la zona de contenido del cuerpo.
Seleccione de la lista del elemento de título de publicación / archivo.
Luego, haga clic en el icono de la rueda en el elemento de título Post / Archive y actualice las áreas de entrada antes y después con las etiquetas H1 de la siguiente manera: Antes:

después:

Diseñe el título con la siguiente configuración de diseño:
Texto de fuente: Roboto

Tamaño de texto de texto: 16 PX

La altura de la línea de texto: 1.8em

Alineación de texto: Centro

Título de la fuente: Roboto

Título Fuente de peso: Bold
Tamaño de texto Ante: 60 PX (escritorio), 40 px (tableta), 32 px (teléfono)
Altura de la línea de dirección: 1.2em
Agregar la imagen recomendada usando un módulo de imagen como contenido dinámico después de que la sección de título esté en su lugar, para agregar la imagen presentada para la plantilla de publicación. Para hacer esto, agregue otra sección regular con una columna de dos tercios.
Luego agregue un módulo de imagen a la columna izquierda.
Luego agregue el elemento de contenido dinámico de contenido presentado para la imagen.
Diseño del módulo de imagen Vaya a la pestaña Design y personalice la imagen de la siguiente manera:
Alineación de imágenes: centro
Marja: -9VW (escritorio), 0VW (tableta)

Esquinas redondeadas: 8 px

Box Shadow: Ver captura de pantalla

Box Shadow Posición vertical: 16 PX

Poder de poco claro de la sombra de la caja: 96 PX
Poder de extender la sombra de la caja: -24px
Agregue la biografía del autor y el autor a los módulos de blurbs como dinámicos aún, agregaremos una publicación del autor y una publicación biografía utilizando un módulo de blog. Así que vaya más allá y agregue un módulo de blog a la columna derecha.
En la configuración de la propaganda, pase el mouse sobre el cuadro de inserción del título y haga clic en el icono de contenido dinámico. Luego agregue el contenido dinámico del autor para el contenido del título. Luego abra la configuración del autor de la publicación y actualice los datos ingresados ​​antes de la siguiente manera:
Antes: escrito por
Para obtener el contenido del cuerpo del módulo de la propaganda, haga clic en el icono de contenido dinámico y seleccione el elemento de contenido dinámico “Autor Bio” en la lista.
Para la imagen del módulo de visualización, agregue “Muestra la imagen de perfil del autor” como un contenido dinámico.
Diseño de la publicación El autor y el modo Bio Blurb ahora optimice el diseño de imágenes de la siguiente manera:

Colocación de la imagen / icono: izquierda

Esquinas redondeadas de la imagen: 50%

Título de la fuente: Roboto
Título Fuente de peso: Bold

Altura de la línea de título: 1.3em

Font Corp: Lato


La altura de la línea del cuerpo: 1.4em
Ancho de imagen: 50 PX
Agregue las publicaciones de publicaciones al módulo de blurbs como un contenido dinámico bajo el autor y el autor del módulo biocente que acaba de crear, agregue otro módulo de blurbs en él y seleccione las categorías de publicaciones de elementos de contenido dinámico para el título.
Luego actualice el texto con un icono de la siguiente manera:
Usa el icono: si
Icono: ver captura de pantalla
Design Post Categoría Módulos de blurb actualización La configuración de diseño de la siguiente manera:
Icono de color: #dddddd
Colocación de la imagen / icono: izquierda

Use el tamaño de fuente de iconos: sí

Icono de tamaño de fuente: 20 PX
Título de la fuente: Roboto
Fuente de peso del título: Medio

Color de texto del título: # F92C8B
Título Tamaño del texto: 16 PX
Altura de la línea de título: 20 PX
Forro: 16 px restante
Agregue el número de comentarios al módulo de la propaganda como un contenido dinámico para agregar el número de comentarios de publicación para la plantilla de publicación del blog, copie el módulo de propaganda creado recientemente.
Debido a que el número de comentarios muestra solo un número, debemos completar el número con un texto de adición por número. Para hacer esto, abra la configuración de Post Comment County y actualice lo siguiente: después: Comentario (comentarios)
Luego actualice el icono de la siguiente manera:
Usa el icono: si
Icono: ver captura de pantalla
Agregue la fecha de publicación de la publicación en el módulo de la propaganda como un contenido dinámico para la última pieza de metadatos, copie el módulo de propaganda con el número de comentarios. Luego actualice el contenido del título con el elemento de contenido dinámico “Publique la fecha de publicación”. Consejo: puede abrir la configuración del elemento dinámico en cualquier momento la fecha de publicación de la publicación para cambiar el formato de la fecha.
Luego actualice el icono de la siguiente manera:

Usa el icono: si

Icono: ver captura de pantalla

Agregue un módulo de contenido de publicación con configuraciones de diseño para contenido que tenga el título de publicación, la imagen presentada, el autor de la publicación y los metadatos, estamos preparados para el contenido principal de la publicación. Agregue una nueva línea con un aspecto de columna.

Luego agregue una publicación de contenido de publicación en una fila.
Este módulo de publicación de publicación es el lugar donde se mostrará el contenido de publicación principal. Además, podemos actualizar la configuración de diseño para establecer el diseño predeterminado de todo el contenido de publicación introducido con el editor predeterminado. Podemos actualizar la configuración del módulo de contenido de publicación como lo hacemos con cualquier otro módulo. Y podemos ver el contenido simulado proporcionado por la forma en que actualizamos el módulo. Abra la configuración del módulo de contenido de publicación y actualice la siguiente configuración de la imagen: Imagen de esquina redondeada: 8 PX
Sombra de cuadro de imagen: ver captura de pantalla

Box Shadow Posición vertical: 16 PX

Poder de poco claro de la sombra de la caja: 96 PX
Poder de extender la sombra de la caja: -24px
A continuación, debemos establecer el diseño para todos los elementos posibles del contenido de texto para el momento en que un usuario crea una publicación de blog utilizando el editor predeterminado. Abra la conmutación del grupo de opciones de texto para mostrar las 5 pestañas diferentes de los modelos de texto: párrafo, enlace, lista desordenada, lista ordenada y blockquote.

Luego actualice las siguientes opciones en cada una de las pestañas.

Continúe actualizando la configuración del texto del título para cada nivel de título: H1, H2, H3, H4, H5, H6.

Título de la fuente: Roboto
Título Fuente de peso: Bold
Head de texto de tamaño (H1): 56 PX (escritorio), 42 PX (tableta), 28 PX (teléfono)
Head de texto de tamaño (H2): 45 PX (escritorio), 35 PX (tableta), 24 PX (teléfono)
Encabezado de texto de tamaño (H3): 40 PX (escritorio), 30 px (tableta), 20 px (teléfono)
Head de texto de tamaño (H4): 32 PX (escritorio), 24 PX (tableta), 18 PX (teléfono)

Head de texto de tamaño (H5): 28 PX (escritorio), 20 PX (tableta), 16 PX (teléfono)

Encabezado de texto de tamaño (H6): 24 PX (escritorio), 18 PX (tableta), 14 PX (teléfono) Agregue un módulo de navegación de publicación en el módulo de contenido de publicación, agregue una nueva fila con una sola columna con un módulo de navegación publicado.

Actualice el texto anterior y el siguiente enlace de la siguiente manera:
Enlace anterior: Anterior:% Título
Siguiente enlace: Siguiente:% Título
Luego actualice su diseño de navegación de la siguiente manera:
Enlaces de fuentes: Roboto
Enlaces de peso de fuente: en negrita
Enlaces de texto en color: # F92C8B
Agregue la sección Publicaciones relacionadas Después de navegar por las publicaciones, estamos listos para agregar una sección “Publicaciones relacionadas” a nuestra plantilla de publicación de blog. Esto será útil para proporcionar al usuario publicaciones sugeridas basadas en la categoría de diseño actual. Agregue un título de publicación similar usando el módulo de texto antes de agregar el módulo de blog para dibujar las publicaciones relacionadas, debemos crear un título estático para la sección. Para hacer esto, cree una nueva sección con una fila con una columna. Luego agregue un módulo de texto en una fila.
Actualice el contenido de texto con el siguiente título H2:

También puede gustarle …

Luego actualice el jefe del texto del encabezado de la siguiente manera:

2 Sección de fuentes: Roboto
Título 2 Dimensión de texto: 48 PX (escritorio), 38 PX (tableta), 28 PX (teléfono)
Ahora que nuestro título está en vigor, estamos listos para agregar nuestras publicaciones relacionadas. Agregue publicaciones correlacionadas utilizando el módulo de blog con publicaciones de categoría actual en el módulo de texto que contiene el título, agregue un nuevo módulo de blog.

Luego actualice el contenido del módulo de blog de la siguiente manera:
Número de publicaciones: 3
Las categorías incluyen: categoría actual
Longitud adicional: 120

Mostrar al autor: No

Categorías de visualización: no

Muestra la paginación: el aspecto más importante de estas configuraciones es la selección de la “categoría actual”. Esto permitirá que la plantilla de publicación extraiga las últimas publicaciones que tienen la misma categoría que la publicación actual.
Con la configuración de contenido del módulo de blog, pase a la configuración de diseño y actualice lo siguiente:
Apariencia: cuadrícula

Título de la fuente: Roboto

Título Tamaño del texto: 14 PX
Altura de la línea de título: 1.3em
Font Corp: Lato
Meta fuente: Lato
Meta Text Color: # F92C8B
Meta de texto Tamaño: 13 PX
La aparición de las esquinas redondeadas de la cuadrícula: 20 px
Continúe actualizando el diseño con un tono de caja de la siguiente manera:

Ancho del borde de la cuadrícula de apariencia: 0 PX
Box Shadow: Ver captura de pantalla
Box Shadow Posición vertical: 16 PX
Poder de poco claro de la sombra de la caja: 96 PX
Poder de extender la sombra de la caja: -24px
Agregue el módulo de comentarios La sección final de esta plantilla de publicación de blog contendrá los comentarios. Para agregar comentarios a la publicación, simplemente cree una nueva fila con una columna y coloque el módulo de comentarios dentro.
El módulo de comentarios de diseño, todo lo que queda por hacer ahora es personalizar el diseño del módulo de comentarios para que coincida con nuestra plantilla. Actualizar la siguiente configuración de diseño:
Color de fondo: # F2F5F9
El color del fondo del campo: #ffffff
Campos de fondo Background: #ffffff

Campos de enfoque de color de texto: # 222222
Margen de campo: 3 PX a continuación
Campos de revestimiento: 18 px arriba, 18 px abajo
Fuerte de campos: lato
Campos de tamaño de texto: 16 PX
La altura de la línea de campo: 1.4em

Continúe actualizando la configuración de la siguiente manera:

Imagen esquinas redondeadas: 60 px
Título de la fuente: Roboto
Título Tamaño del texto: 26 PX (escritorio), 20 px (tableta), 15 px (teléfono) Altura de la línea del título: 1.3em
Meta fuente: Lato
Comentario de fuentes: Lato
El color del texto del comentario: # 222222
Revestimiento: 5% más, 5% inferior, 5% izquierda, 5% derecho
Finalmente, personalice el estilo del botón de estilo de la siguiente manera:
Tamaño de texto de texto: 14 PX
El ancho del nudo del botón: 0 PX

Botón Raza: 4 PX
Distancia entre letras y botones: 5 PX (escritorio), 5.5 PX (pasaje)
Botón de fuente: Roboto
Botón de peso de fuente de fuente: en negrita
El estilo de la fuente del botón: mayúscula (TT)
Buttan Getter: 16 px arriba, 16 px abajo
Agregue el divisor de sección al encabezado No olvide todas las increíbles opciones de diseño a su disposición al diseñar la plantilla de publicación. Por ejemplo, podemos darle a la sección un diseño de diseñador. Para hacer esto, regrese a la parte superior de la página y abra la configuración para la sección superior que contiene el encabezado. Luego actualice lo siguiente:
Estilo del divisor inferior: ver captura de pantalla
Color divisor: #ffffff

Altura del divisor: 10 VW
Divisor de flip: horizontal
Recuerde guardar la configuración de apariencia y también para el constructor de temas para que sus cambios se guarden.
¡Eso es todo! Verifiquemos el resultado final. Resultado final Para visualizar el resultado final, podemos abrir cualquier publicación de blog en nuestro sitio de división (porque la plantilla se asignó a todas las publicaciones de blog). Aquí hay un ejemplo de una publicación cuando la ve desde el editor posterior a la devolución.
Aquí está la publicación desde el frente con nuestra plantilla de publicación de blog.
Aquí está la pantalla en la tableta y el teléfono:
Usando Divi Builder para crear una publicación de blog con una plantilla de publicación de blog, si lo desea, puede implementar fácilmente un constructor para diseñar una publicación de blog utilizando una plantilla de publicación de blog. Cualquier contenido creado y diseñado con Divi Builder se mostrará en el área de módulos de contenido de publicación. Final obstaculiza que este tutorial sirva como un buen punto de partida para crear su propia publicación de blog a partir de cero usando Divi Builder. Recuerde asignar tiempo para considerar todas las herramientas disponibles, así como cómo desea estructurar la plantilla de publicación. Siempre es importante usar tantos contenidos dinámicos como sea posible en toda la plantilla de publicación del blog para que el proceso de creación sea involucrado en los blogs. Con una hermosa plantilla, un blogger realmente puede centrarse en la creación de contenido, mientras que la plantilla hace todo lo que aumenta automáticamente. ¿Ha creado una plantilla de publicación de blog utilizando el creador de temas? Dinos qué piensas. Espero tener noticias suyas en los comentarios. ¡Suerte!