¡Hola nación Divi! Gracias por acompañarnos en la próxima entrega de nuestra iniciativa de diseño Divi semanal, donde cada semana regalamos nuevos obsequios para Divi . Recientemente, compartimos un nuevo paquete de diseño de tienda de gafas de sol . 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 de la tienda de gafas de sol a continuación
¡Consíguelo gratis hoy!
Descargue la plantilla global de encabezado y pie de página para el paquete de diseño de la tienda de gafas de sol
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 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.
@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.
Cargar plantilla de sitio web 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.
Cambiar logotipo
Cambie el logo dentro del Módulo de Menú.
Modificar elementos de menú y enlaces
A continuación, agregue enlaces relevantes al Módulo de botones y cada una de las redes sociales dentro del Módulo de seguimiento de redes sociales.
Configurar llamada a la acción
Luego, asegúrese de agregar un CTA relevante a la última columna de la fila. Cambie la copia del botón y el enlace también.
Habilitar clase CSS una vez que se completa el diseño del encabezado
Por último, pero no menos importante, habilitaremos una clase CSS en el Módulo de código que puede encontrar en la primera sección. Abra el Módulo de código y elimine «/* */» al principio y al final de la clase. Habilitar esta clase garantizará que la sección que contiene los elementos del menú no se cargue de inmediato cuando alguien visite una de sus páginas. Una vez que habilite esta clase, la segunda sección de su página desaparecerá del Visual Builder, pero aún puede acceder a ella en el modo Wireframe o desactivar la clase CSS si desea realizar cambios adicionales.
Abrir plantilla de pie de página
Continúe abriendo el pie de página global dentro de la plantilla de sitio web predeterminada.
Cambiar elementos de pie de página y enlaces
Luego, modifica el contenido y el enlace de cada uno de los elementos del pie de página.
Cambiar copia
Y complete el diseño del pie de página cambiando la copia donde sea necesario.
Guardar los cambios del generador de temas Divi
Una vez que haya realizado todos los cambios en el encabezado y el pie de página, ¡asegúrese de guardar los cambios del generador de temas!
¡Nuevos regalos cada semana!
Esperamos que disfrute el paquete de diseño de la tienda de gafas de sol de esta semana y el encabezado y pie de página gratuitos que lo acompañan. 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!