Contenidos
A veces es necesario ocultar la cabecera o la sección de pie de página de su sitio web Divi, pero sólo en una página específica. Como principiante, esto puede no ser obvio, pero es muy fácil de hacer, y le mostraremos varios métodos. Así que en este tutorial, te mostraré cómo ocultar el encabezado Divi en páginas específicas utilizando el encabezado por defecto o una plantilla Theme Builder.
Este primer método sólo se aplica si desea ocultar AMBOS el encabezado y pie de página en una página específica. Este método de utilizar la plantilla “Página en blanco” es a menudo la primera cosa que la gente sugiere cuando surge la pregunta. El tema Divi viene con una plantilla por defecto y otra en blanco. La predeterminada tiene el encabezado y el pie de página (cuando no se utiliza el Constructor de temas) y la plantilla en blanco significa que no tiene el encabezado ni el pie de página.
El problema con este método es que oculta tanto el encabezado como el pie de página. Pero la mayoría de las veces, probablemente quiera mantener el pie de página o el encabezado y ocultar el otro. Si desea eliminar ambos, entonces sin duda utilizar este método, y ya está, este es el mejor y más fácil método. Pero si sólo desea ocultar el encabezado y mantener el pie de página, u ocultar el pie de página y mantener el encabezado, tendrá que utilizar una de las otras opciones que se enumeran a continuación.
Puede haber algunas páginas (como una página de destino, o la página de enlaces de medios sociales) donde no desea mostrar el encabezado estándar y pie de página del sitio web. Por suerte, Divi hace que sea super fácil de ocultar el encabezado y pie de página. En este tutorial, usted aprenderá la forma corta y procesable para ocultar que el encabezado y pie de página en Divi.
Nos encanta construir con Divi. No sólo es un tema de WordPress extremadamente flexible, sino que también es muy fácil de usar para nuestros clientes. Una de las mejores cosas acerca de Divi es que es una poderosa herramienta para los diseñadores web y desarrolladores por igual.
Karyn es un desarrollador web en Sam Muñoz Consulting, LLC. Ella es también un mentor en el Making Website Magic School of Business, trabajando con las mujeres diseñadores web para crear negocios impulsados por valores que están alineados con sus visiones personales.
Las cabeceras son las secciones superiores de las páginas. Representan la identidad de un sitio web principalmente mediante el uso de un logotipo vinculado a la página de inicio, así como menús de navegación que dirigen a los usuarios a diferentes páginas o secciones.
Elige tu archivo, en la imagen de arriba estamos usando un archivo JSON de ejemplo de la página de inicio 1. Puede seleccionar opcionalmente “Reemplazar contenido existente” si desea eliminar alguna de las secciones que ya ha diseñado. Si no selecciona esta opción, el diseño se cargará debajo de su última sección.
Accediendo a la Vista por capas o al modo Wireframe podrá acceder a la estructura de sus secciones, mostrando todos los elementos en una lista jerárquica organizada y anidada que muestra claramente la estructura de la cabecera. Más información sobre la vista por capas y el modo Wireframe.
Se recomienda encarecidamente utilizar un logotipo SVG, ya que se escalará hacia arriba y hacia abajo sin ningún tipo de pixelación o distorsión. Si desea utilizar SVG, asegúrese de tener instalado el siguiente plugin:
NOTA: Actualmente, el Constructor Visual no muestra los submenús agrupados y el toggle. Usted puede evitar esto por ahora haciendo cambios en su módulo CSS personalizado, guardar y actualizar y luego actualizar la página en una nueva pestaña.
Cómo quitar el separador de la cabecera de divi online
ACTUALIZACIÓN: Desde la actualización de Divi 4.0 (que se lanzó en octubre de 2019), ahora hay muchas más posibilidades para construir cabeceras personalizadas con Divi. Puedes encontrar más información sobre estas nuevas opciones en mi otro artículo sobre el diseño de cabeceras personalizadas para Divi.
Si alguna vez te has encontrado con algún problema con la línea gris de la barra de menú por defecto de Divi y has querido eliminarla, en este artículo te explico cómo puedes hacerlo. Me refiero a la línea gris que separa la cabecera (que contiene el logo y los enlaces de tu menú) y la parte de contenido principal de tu web Divi.
En mi caso, estaba trabajando en la web de un cliente y teníamos tanto la cabecera con fondo blanco como la sección de contenido principal debajo de la cabecera con fondo blanco también. Y no nos gustaba la línea gris debajo de la barra de navegación, así que simplemente la eliminé.
Experto en WordPress. Usuario de Divi desde 2014. Escribo un blog sobre WordPress y Divi, mi tema favorito de WordPress. Cuando no estoy trabajando con WordPress o escribiendo un artículo para este blog, probablemente estoy aprendiendo italiano. Puedes leer más sobre mí aquí.