Una de las características más utilizadas de Divi Theme Builder es agregar un encabezado global a su sitio web y luego poder anularlo con encabezados personalizados donde lo necesite. Puede personalizar todas y cada una de las páginas, tipos de publicaciones y áreas visibles de su sitio según sus necesidades. A veces, sin embargo, es posible que no necesite un encabezado en páginas específicas, ya sea global o personalizado. En este artículo, lo guiaremos a través de algunas de las formas en que puede ocultar su encabezado en esas páginas específicas utilizando Divi Theme Builder para que su sitio pueda ser exactamente lo que necesita en todo momento y en todo lugar. Vamos a profundizar en.
Lo primero, tendrás que dirigirte al Divi Theme Builder. En su panel de administración de WordPress, busque la entrada Divi e ingrese a la subsección Theme Builder .
Crear un encabezado global
Si es la primera vez que usa Theme Builder, debe establecer un encabezado global. La forma más fácil de hacer esto es usar una descarga gratuita que proporcionamos tomando un archivo JSON de encabezado/pie de página de una publicación de blog . Luego use las opciones de Portabilidad en el constructor para importarlo.
Sus plantillas globales ahora deberían estar configuradas.
Asignar encabezado personalizado o global
Divi Theme Builder tiene una serie de menús contextuales que puede aprovechar. El primer método para ocultar su encabezado en una página específica en Divi se realiza a través de uno de estos menús.
En primer lugar, debe tener un conjunto de plantillas que utilice un encabezado global o personalizado que no forme parte de la plantilla global predeterminada .
A continuación, debe agregar las páginas específicas en las que desea ocultar el encabezado. Hágalo pasando el cursor sobre la plantilla, haciendo clic en el icono de engranaje (o haciendo clic con el botón derecho y seleccionando Administrar asignaciones de plantilla ). Deberá hacer clic con el botón derecho en el área de la plantilla , no en el diseño del encabezado real para obtener estas opciones. Al hacer clic con el botón derecho en el diseño del encabezado , aparecen diferentes comandos de contexto, como verá a continuación.
Busque la página (o páginas) que desea sin encabezado y marque las casillas cerca de ellas. Todo lo que asigne a esta plantilla ya no mostrará el encabezado en la parte frontal del sitio web.
A continuación, haga clic con el botón derecho en Encabezado personalizado o Encabezado global . Seleccione la opción que dice Ocultar en Front End .
Ahora, debería ver el ícono del ojo a la derecha de ese diseño atenuado con una línea que lo atraviesa. Esto indica que el encabezado está oculto para cualquier página o publicación asignada a esta plantilla en particular.
También puede simplemente hacer clic con el botón izquierdo en el icono del ojo para activar y desactivar la visibilidad del encabezado (o el cuerpo o el pie de página también). De cualquier manera funcionará, y de cualquier manera puede ocultar el encabezado en páginas específicas. Nuevamente, solo asegúrese de haber asignado las páginas específicas en las que desea ocultar este encabezado.
También nos gustaría señalar que, a diferencia de la exclusión de publicaciones y páginas de las plantillas, al usar la opción Ocultar en el front-end, esto no hace que un encabezado personalizado vuelva a ser Global. No aparecerá ningún encabezado en las páginas y publicaciones asignadas.
Metodo alternativo
Este método solo funcionará si no usa un encabezado global como parte del diseño de su sitio. Si tiene la intención de usar encabezados personalizados para diferentes plantillas, puede usar este método para ocultar el encabezado en Divi.
Dicho esto, debe comenzar creando un diseño de encabezado global . Dentro de Divi Builder, cree una Sección vacía (es decir, sin filas ni módulos contenidos dentro). Luego, vaya a la sección Configuración y a la pestaña Avanzado .
A continuación, vaya a las opciones de CSS personalizado y busque el campo Elemento principal . Haga clic dentro y agregue display:none; al cuadro de texto. Lo que hace este fragmento de CSS es eliminar esta sección del diseño, evitando que el navegador la represente y ahorrando su espacio en la plantilla. Hay dos razones por las que estamos aplicando display: none; a la sección en lugar de simplemente dejarlo vacío sin una fila o módulo.
- Porque el navegador aún mostraría el espacio de la sección si estuviera en blanco. También estaría vacío en la parte frontal de su sitio web. Mediante el uso de pantalla: ninguno; lo estamos eliminando por completo.
- Si simplemente no tuviéramos ningún encabezado global asignado, el encabezado del tema Divi predeterminado se mostraría en las páginas que no fueron asignadas o excluidas de los diseños con un encabezado personalizado. Lo cual no funcionará para este método.
Entonces, una vez que haya aplicado el CSS personalizado a la sección única de su encabezado global, guarde sus cambios y regrese a la página principal del generador de temas.
Excluir páginas de plantillas personalizadas
Como mencionamos anteriormente, si excluye una publicación o página de una plantilla de Divi Theme Builder, vuelve a la Plantilla de sitio web predeterminada . Si hay diseños globales allí, se mostrarán en el front-end. Si hay espacios vacíos, se mostrarán los diseños Divi predeterminados.
Diciéndole al encabezado global que use display:none; en el paso anterior, puede ocultar el encabezado en cualquier página o publicación específica que excluya de una plantilla.
Al igual que en el método anterior, debe hacer clic en el icono de engranaje o hacer clic con el botón derecho en la plantilla y seleccionar Administrar asignaciones de plantilla . Luego, navegue a la pestaña Excluir de , elija las páginas o publicaciones específicas que desea excluir y marque las casillas de verificación para ellas. Esta vez, la marca de verificación será roja. Cuando se guarde, la plantilla mostrará una línea Excluir de en la parte inferior.
Excluir una publicación o página de la plantilla que usa un encabezado personalizado la revertirá al encabezado global en la plantilla de sitio web predeterminada. Sin embargo, dado que ha utilizado display:none; CSS en el único elemento en el encabezado global, ha ocultado efectivamente el encabezado en esas páginas y publicaciones específicas.
Nuevamente, este método solo funciona si está utilizando encabezados personalizados para las plantillas del generador de temas y no un encabezado global general.
Terminando
Hay muchas razones para ocultar el encabezado en Divi Theme Builder, y es increíblemente fácil realizar la tarea. Ya sea que use un sitio completo de encabezados personalizados y necesite excluir algunos de tener uno a través de trucos de CSS personalizados, o si necesita usar el comando incorporado Ocultar en el front-end para eliminar todos los rastros de cualquier encabezado, solo toma un unos pocos clics.
¿Por qué necesita ocultar su encabezado en páginas Divi específicas?
Imagen destacada del artículo por Nicoleta Ionescu/ shutterstock.com