eliminar-site-header-markup-genesis-framework

Eliminar el site-header de Genesis Framework

Tabla de contenidos

Este código elimina tanto el site header o cabecera como el markup (las etiquetas de estilos ‘class=”site-header’) en cualquier child Theme de Genesis.

[toc]


add_action('genesis_setup','rc_remove_header');

function rc_remove_header(){
// Remove header section
remove_action( 'genesis_header', 'genesis_header_markup_open', 5 );
remove_action( 'genesis_header', 'genesis_do_header' );
remove_action( 'genesis_header', 'genesis_header_markup_close', 15 );
}

Si copias y pegas este código en tu archivo functions.php, se eliminará el header de todas las páginas de tu web.

Otra opción sería pegar el código en alguna de tus plantillas como podría ser page_landing.php o el front-page.php dependiendo de donde quieras usarlo.

Eliminar Genesis Header usando plugin.

Otra forma de eliminar la cabecera de tu web es usando el plugin que Genesis Framework tiene para manejar los hooks.

Genesis Simple Hooks Plugin

Puedes simplemente deshabilitar (unhook) el header. Esto no eliminará el widget del header ni el titulo ni la descripción, solo el header.

Otras opciones son la de eliminar ciertas partes del header o todas según en que página nos encontremos o bajo ciertas condiciones.

Hay 4 maneras básicas de hacer esto:

  1. Puedes usar un condicional para saber cuando usar las funciones que eliminan la cabecera.
  2. Usar el plugin de Simple Hooks y dentro del recuadro de genesis_header escribir las funciones que eliminan el markup o estilo.
  3. Eliminar la cabecera simplemente usando css y tocando el archivo style.css

Eliminar el header usando código PHP

Para esto se usaran los condicionales de WordPress, puedes echarle un ojo a mi anterior post aqúi.

Condicionales básicos de WordPress, is_single, is_singular, is_page.

Elimina el header de todos los post en Genesis.

add_action('get_header', 'rc_remove_header');
/**
* @author Rafael Cosquiere - Genesis Framework en Español
* @url http://rafaelcosquiere.com
*/
function rc_remove_header() {
if (is_singular('post') ) {
remove_action( 'genesis_header', 'genesis_do_header' );
}
}

Eliminar el header solo de la ‘Home page’

Recordemos que para WordPress la Home page es la página del blog, la página portada o principal es el front page.

Eliminar el header de una página específica

add_action('get_header', 'rc_remove_header');
/**
* @author Rafael Cosquiere - Genesis Framework en Español
* @url http://rafaelcosquiere.com
*/
function rc_remove_header() {
if (is_home() ) {
remove_action( 'genesis_header', 'genesis_do_header' );
}
}
add_action('get_header', 'rc_remove_header');
/**
* @author Rafael Cosquiere - Genesis Framework en Español
* @url http://rafaelcosquiere.com
*/
function rc_remove_header() {
if (is_page('la-url-de-mi-pagina') ) {
remove_action( 'genesis_header', 'genesis_do_header' );
}
}

Eliminar el header y el markup de la portada o front page

add_action('get_header', 'rc_remove_header');
/**
* @author Rafael Cosquiere - Genesis Framework en Español
* @url http://rafaelcosquiere.com
*/
function rc_remove_header() {
if (is_front_page() ) {
remove_action( 'genesis_header', 'genesis_do_header' );
remove_action( 'genesis_site_title', 'genesis_seo_site_title' );
remove_action( 'genesis_site_description', 'genesis_seo_site_description' );    }
}

Eliminar el header usando CSS

Copia y pega este código en tu archivo style.css

Eliminara tu cabecera ‘site-header’ y todo lo que contenga dentro. Muchas veces el menu de navegación no esta dentro del header.

.site-header{
display: none;
}

Si esto no te funciona puedes probar con esto:

.site-header{
display: none!important;
}

O puedes buscar en tu style.css ‘site-header’ con CTR+F y ver que esta pasando y poner el display: none, en la primera linea dentro del corchete.

Comparte directamente en redes sociales
Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on whatsapp
WhatsApp

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

¿Quieres aumentar las visitas a tu web?

Llevamos webs con miles de visitas mensuales y recibiendo contactos cada día. 

Sobre nosotros

Proyecto Alfa es una agencia de marketing digital en Málaga. En este blog es donde hablamos de marketing digital, WordPress, Desarrollo Web y algo más. Disfruta y siéntete libre de comentar e involucrarte.

Suscríbete a nuestro newsletter
Entradas recientes
Busca en nuestro blog