🧩 MG Hide Header/Footer - Plugin Wordpress

Crea landings limpias y páginas sin distracciones 🚀 (sin header, sin footer y opcionalmente sin título) sin romper tu web ni afectar Elementor, scripts, CSS o analytics ✅

✅ ¿Qué hace este plugin?

A diferencia de otros plugins que “cortan” el header/footer eliminando wp_head o wp_footer (⚠️ eso suele romper Elementor, scripts, estilos, cookies, tracking y más), MG Hide Header/Footer está hecho de forma segura:

✅ No elimina wp_head ni wp_footer
✅ Mantiene intacta la carga de recursos del tema y plugins
✅ Oculta únicamente el markup visual del header/footer con CSS seguro:
display:none !important; 🛡️

🎯 Objetivo: conseguir páginas tipo landing limpias, rápidas y sin elementos del tema, pero sin cargarte nada.

✨ Funcionalidades principales

• 🧱 Ocultar Header (H) por página/entrada/producto

• 🦶 Ocultar Footer (F) por página/entrada/producto

• 🏷️ Ocultar Título (T) (si tu tema lo imprime)

• 🎛️ Selectores globales (para adaptar el plugin a cualquier tema)

• 🧩 Selectores avanzados por entrada (ideal para headers condicionales, sticky o móviles)

• ⚡ Quick Edit + Bulk Edit (edición rápida y masiva) con columna MG H/F en listados

🚀 Puesta en marcha (3 pasos)

1) 🔑 Activar licencia

Ve a MG Header/Footer → Licencia, pega tu clave + correo, guarda y debe marcar “Activa” ✅

2) 🎯 Ajustar selectores (si tu tema es especial)

En Opciones, revisa los selectores de header y footer.
👉 Si tu tema usa un contenedor distinto, aquí lo corriges en segundos.

3) 🧩 Usar la metabox por entrada

Edita una página/entrada/producto y en la metabox MG · Header / Footer marca:

• H = Ocultar Header 🧱

• F = Ocultar Footer 🦶

• T = Ocultar Título 🏷️

✅ Cómo comprobar que funciona (check rápido)

• Entra en la página donde activaste H/F/T y verifica que se ve sin cabecera/pie 👌

• Si tienes caché (plugin/servidor/CDN), prueba en incógnito 🕵️ o limpia caché 🧹

🧠 Cómo encontrar el selector correcto (si no se oculta)

1. Abre la web → clic derecho en el header → Inspeccionar 🔍

2. Selecciona el contenedor real del header (no un hijo)

3. Copia un selector estable (ID o clase principal) y pégalo en Opciones ✅

💡 Tip: algunos temas usan un header para móvil y otro para escritorio.

🧷 Casos típicos (soluciones rápidas)

❓ El header sigue viéndose

🔸 Casi siempre es selector incorrecto. Añade el contenedor real.
🔸 Si hay sticky header, suele ser otro elemento (ver abajo).

❓ Se oculta pero queda un hueco arriba/abajo

Algunos temas dejan padding/margen al ocultarlo. Solución: añade CSS en “CSS adicional” ✅

❓ Hay un “sticky header” flotando

Inspecciona el sticky y añade su selector:

• .sticky-header

• #sticky-header

• .header-sticky

❓ No se aplica (caché)

🧹 Limpia caché de: plugin, servidor, Cloudflare/CDN y navegador.
🕵️ Prueba en incógnito.

⚡ Quick Edit / Bulk Edit (edición rápida y masiva)

En listados de Páginas / Entradas / Productos verás columna MG H/F 🧩
✅ Desde Edición rápida puedes activar H/F/T por entrada
✅ Desde Acciones en lote puedes aplicarlo a muchas entradas de golpe

🔗 Enlaces útiles

• ⚙️ Opciones: https://zonadev.sistemasmg.es/wp-admin/admin.php?page=mg_ocultar_header_footer

• 🔑 Licencia: https://zonadev.sistemasmg.es/wp-admin/admin.php?page=mg-hhf-license

• 🌐 Sitio: https://zonadev.sistemasmg.es

🧡 Ideal para…

✅ Landings de campañas
✅ Páginas de venta / captación
✅ Checkout sin distracciones
✅ Páginas tipo “solo contenido” para anuncios

¡Comparte este artículo!