Descargue una plantilla de publicación de blog GRATUITA para el paquete de diseño de la conferencia de Divi

¡Hola, creadores de Divi! Gracias por acompañarnos en la próxima entrega de nuestra iniciativa de diseño Divi semanal, donde cada semana regalamos nuevos obsequios. Esta vez estamos construyendo sobre el paquete de diseño de la conferencia Divi con una nueva plantilla de publicación de blog que combina perfectamente con el resto del paquete. ¡Espero que lo disfrutes!

Echa un vistazo a la plantilla de publicación de blog de la conferencia Divi a continuación

¡Consíguelo gratis hoy!

Descargue la plantilla de publicación de blog para el paquete de diseño de la conferencia Divi

Para poner sus manos en la plantilla de publicación de blog de la conferencia Divi gratuita, primero deberá descargarla usando el botón a continuación. Para obtener acceso a la descarga, deberá suscribirse a nuestro boletín utilizando el formulario a continuación. Como nuevo suscriptor, ¡recibirás aún más bondad Divi y un paquete Divi Layout gratis todos los lunes! Si ya está en la lista, simplemente ingrese su dirección de correo electrónico a continuación y haga clic en descargar. No será «resuscrito» ni recibirá correos electrónicos adicionales.

.et_bloom .et_bloom_optin_1 .et_bloom_form_content { background-color: #4843d2 !important; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container .et_bloom_form_header { background-color: #ffffff !important; } .et_bloom .et_bloom_optin_1 .carrot_edge .et_bloom_form_content:before { border-top-color: #ffffff !important; } .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:before, .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:before { border-top-color: transparent !important; border-left-color: #ffffff !important; }
@media only screen and ( max-width: 767px ) {.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:before { border-top-color: #ffffff !important; border-left-color: transparent !important; }.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:after { border-bottom-color: #ffffff !important; border-left-color: transparent !important; }
}.et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !important; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_fields i { color: #f92c8b !important; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:before { background: #f92c8b !important; } .et_bloom .et_bloom_optin_1 .et_bloom_border_solid { border-color: #f7f9fb !important } .et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !important; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container h2, .et_bloom .et_bloom_optin_1 .et_bloom_form_container h2 span, .et_bloom .et_bloom_optin_1 .et_bloom_form_container h2 strong { font-family: «Open Sans», Helvetica, Arial, Lucida, sans-serif; }.et_bloom .et_bloom_optin_1 .et_bloom_form_container p, .et_bloom .et_bloom_optin_1 .et_bloom_form_container p span, .et_bloom .et_bloom_optin_1 .et_bloom_form_container p strong, .et_bloom .et_bloom_optin_1 .et_bloom_form_container form input, .et_bloom .et_bloom_optin_1 .et_bloom_form_container form button span { font-family: «Open Sans», Helvetica, Arial, Lucida, sans-serif; } p.et_bloom_popup_input { padding-bottom: 0 !important;}

Descárgalo gratis

Únase al boletín informativo de Divi y le enviaremos por correo electrónico una copia del último paquete de diseño de página de destino de Divi, además de muchos otros recursos, consejos y trucos increíbles y gratuitos de Divi. Síguenos y serás un maestro Divi en poco tiempo. Si ya está suscrito, simplemente escriba su dirección de correo electrónico a continuación y haga clic en descargar para acceder al paquete de diseño.

You have successfully subscribed. Please check your email address to confirm your subscription and get access to free weekly Divi layout packs!

Cómo cargar la plantilla

Ir al Creador de temas Divi

Para cargar la plantilla, navegue hasta Divi Theme Builder en el backend de su sitio web de WordPress.

Subir plantilla de sitio web

Luego, en la esquina superior derecha, verás un ícono con dos flechas. Haga clic en el icono.

Vaya a la pestaña de importación, cargue el archivo JSON que puede descargar en esta publicación y haga clic en ‘Importar plantillas de Divi Theme Builder’.

Guardar los cambios del generador de temas Divi

Una vez que haya cargado el archivo, notará una nueva plantilla con una nueva área del cuerpo que se ha asignado a Todas las publicaciones. Guarde los cambios de Divi Theme Builder tan pronto como desee que se active la plantilla.

Cómo modificar el diseño del blog de la conferencia Divi

Abrir plantilla de publicación

Para modificar los elementos de la plantilla, comience abriendo la plantilla.

Dentro del Body Layout Editor, puede editar el diseño en la parte frontal usando el Divi Builder como lo haría con una página Divi normal. Dado que esta es una plantilla que se ha asignado a todas las publicaciones del sitio, hay un módulo de contenido de publicación que es necesario para mostrar el contenido de la publicación. Deberá mantener ese módulo en su lugar, pero puede ajustar los elementos de diseño del módulo de contenido de la publicación, que diseñarán el contenido de la publicación que se muestra dinámicamente.

Acerca del diseño del blog de la conferencia Divi

Esta plantilla de publicación de blog tiene muchos elementos dinámicos que funcionarán con sus publicaciones de blog de inmediato. Por ejemplo, el encabezado completo de la publicación se compone de elementos dinámicos que incluyen una imagen destacada como fondo, el título de la publicación y los metadatos de la publicación (fecha, categorías, autor y recuento de comentarios). Este contenido no necesitará actualización, pero puede modificar el diseño de cada uno de esos elementos si es necesario. Otros elementos dinámicos incluyen los siguientes:

  • Módulo(s) de publicaciones relacionadas: muestra las publicaciones más recientes que comparten la misma categoría.
  • Módulo de contenido de publicación: muestra el contenido de la publicación agregado al editar la publicación en el backend de WordPress.
  • Comentarios: un área de comentarios funcional para la publicación.
  • Navegación de la publicación: proporciona los botones anterior y siguiente de la publicación.

Aquí hay una ilustración rápida que identifica los elementos de la plantilla de publicación de blog de Divi Conference.

Sin embargo, algunos elementos en una plantilla de publicación necesitarán su atención inmediata antes de usarla en vivo en su propio sitio web. Para esta plantilla de publicación, deberá actualizar el módulo de íconos que actúa como un botón de regreso al blog en la parte superior del módulo de comentarios.

Añadir enlace al módulo de iconos

El módulo de iconos puede vincular a la página principal de su blog. Para hacer esto, deberá agregar su enlace en la sección de enlaces del Módulo de iconos.

¡Nuevos regalos cada semana!

Esperamos que haya disfrutado del paquete de diseño de la conferencia Divi y la plantilla de publicación de blog gratuita que lo acompaña. Esperamos escuchar sus opiniones en la sección de comentarios a continuación. ¡Asegúrate de volver la próxima semana para obtener más regalos!