¡ 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. Recientemente compartimos un nuevo paquete de diseño para desarrolladores web . Para ayudarlo a poner en funcionamiento su sitio web lo antes posible, compartimos una plantilla global de encabezado y pie de página que también se adapta perfectamente a este paquete de diseño. Espero que lo disfrutes.
Echa un vistazo a la
plantilla de encabezado y pie de página global para desarrolladores web a continuación
¡Consíguelo gratis hoy!
Diseño de encabezado
Vista de escritorio
Vista de tableta y móvil
Diseño de pie de página
Vista de escritorio
Vista de tableta y móvil
Descargue la plantilla de encabezado y pie de página global para el paquete de diseño de desarrollador web
Para poner sus manos en la plantilla global gratuita de encabezado y pie de página, primero deberá descargarla usando el botón a continuación. Para obtener acceso a la descarga, deberá suscribirse a nuestra lista de correo electrónico Divi Daily 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.
@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 predeterminada global
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 pudo 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á un nuevo encabezado y pie de página global en su plantilla de sitio web predeterminada. Guarde los cambios de Divi Theme Builder tan pronto como desee que se active la plantilla.
Cómo modificar la plantilla
Plantilla de encabezado abierto
Para modificar los elementos de la plantilla de encabezado global, comience abriendo la plantilla.
Actualizar redes sociales y enlaces
Primero, actualice el módulo de seguimiento de redes sociales con sus propias redes sociales. Recuerde agregar los enlaces correctos a cada cuenta de redes sociales que agregue.
Cargue su logotipo
En el Módulo de imagen , cargue su logotipo.
Agregar URL de enlace de CTA
Este encabezado tiene un botón en la parte superior derecha. Abra la configuración del botón y actualice la URL del enlace y el texto del botón para que coincida con las necesidades de su sitio web.
Seleccione su menú principal
Elija su menú para el Módulo de Menú .
Actualizar módulos de texto con llamadas a la acción
Usamos el módulo de texto para tener dos llamados a la acción a la izquierda y a la derecha del módulo de menú. Actualícelos para reflejar las llamadas a la acción que le gustaría usar en su sitio web.
También puede considerar agregar enlaces a estas llamadas a la acción a áreas importantes de su sitio web.
Preparación para la capacidad de respuesta móvil
Este obsequio utiliza un conjunto diferente de secciones, filas y módulos para la vista de tableta y móvil. Como tal, tendremos que cambiar a la vista de tableta o móvil en Divi Builder .
Botón Actualizar para Móvil
Al igual que hicimos con la vista de escritorio, debemos actualizar el texto y el destino del enlace para el Módulo de botones móvil.
Agregue su logotipo y actualice el menú para dispositivos móviles
Seleccione su menú para la versión móvil de su sitio web. Para dispositivos móviles, estamos utilizando la función de logotipo del módulo de menú. Por lo tanto, no se utilizó ningún módulo de imagen para mostrar nuestro logotipo.
Cambiar llamadas a la acción de texto estático
Por último, necesitaremos actualizar los módulos de texto estáticos que tienen nuestra llamada a la acción para dispositivos móviles.
Abrir plantilla de pie de página
Continúe abriendo el pie de página global dentro de la plantilla de sitio web predeterminada.
Actualizar logotipo de pie de página
Usamos un módulo de imagen para mostrar el logotipo de nuestra empresa. Actualice este módulo con su propio logotipo. Recordatorio amistoso para usar un PNG transparente para esto para obtener mejores resultados.
Seleccionar menú de pie de página
Tenemos otro módulo de menú en el pie de página de esta plantilla. Seleccionemos nuestro menú para este módulo.
Cambiar y agregar redes y enlaces de redes sociales
Tenemos otro módulo de seguimiento de redes sociales en el pie de página. Actualice el módulo para compartir sus redes sociales y asegúrese de vincular a sus enlaces de redes sociales actualizados.
Conecte su solución de marketing por correo electrónico
Hay un Módulo de suscripción de correo electrónico en el pie de página de nuestra plantilla Divi Web Developer. Asegúrese de conectar su servicio de marketing por correo electrónico al módulo para que pueda recopilar las direcciones de correo electrónico de los usuarios de su sitio.
Actualizar contenido de pie de página estático
Deberá revisar y actualizar los elementos de contenido estático en el pie de página. Esto incluye la actualización de títulos, texto de derechos de autor y más.
¡Nuevos regalos cada semana!
Esperamos que haya disfrutado del Paquete de Diseño para Desarrolladores Web y el obsequio de Encabezado y Pie de Página 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!