Ocultar menús de navegación y footer para Landing Page  

Hola,

Puedes hacer el uso de algún plugin:

https://wordpress.org/plugins/landing-pages/screenshots/
https://wordpress.org/plugins/landing-pages-builder/screenshots/
https://wordpress.org/plugins/ultimate-landing-page/screenshots/

No lo he utilizado sin embargo parece que realizan lo que pides.

Hola Johnny,

Gracias por los links, pero estos plugins no crean una Landing Page vacía, pues se integran con el tema que tengas, y siguen apareciendo los menús de navegación.

Debería poder ocultarse con CSS, pero no sé la sentencia que habría que escribir ni como se llaman cada uno de los elementos.

Gracias.

Saludos.
SB

Hola Sergio,

En el siguiente artículo del Blog de Webempresa se explica el uso de Firebug, herramienta destinada a localizar cadenas de código, estilos, etc., desde tu navegador:

-

Firebug Lite for Google Chrome:
- https://chrome.google.com/extensions/detail/bmagokdooijbeehmkpknfglimnifench

Fifebug Firefox:
- https://addons.mozilla.org/es-es/firefox/addon/firebug/

Respecto a ocultar, tienes información en http://www.w3schools.com/css/css_display_visibility.asp

En http://luismvillanueva.com/marketing-online/crear-landing-pages.html y http://www.vcgs.net/blog/como-crear-landing-pages-profesionales-con-wordpress/ tienes otras opciones.

Saludos

Hola,

Ya he encontrado la solución. Lo pongo por aquí por si puede ayudar a alguien.

Para quien quiera ocultar cualquier elemento de distracción en una página tipo Landing con la plantilla "Metro" de Genesis.

Yo tengo instalado un plugin que me permite introducir código CSS en cada página o post.

Para ocultar todos los elementos y mostrar solamente el contenido que tu quieras debes escribir el siguiente código CSS:

.wrap {
display: none !important;
}

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

.entry-categories {
display: none !important;
}

.entry-meta {
display: none !important;
}

Y si ves algún elemento más, haces clic con el botón derecho y le das a "Inspeccionar elemento" (yo uso Safari) entonces ahí podrás ver el nombre de la clase de ese objeto y simplemente escribes esto:

.nombre-del-objeto-en-cuestion {
display: none !important;
}

Gracias a todos.

Saludos.

SB