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

 
Sergio
 Sergio
Usuario activo

Hola,

Quiero crear una Landing Page en mi plantilla de Genesis "Metro".

¿Cómo podría ocultar los menús de navegación y el footer de la página con CSS?

Lo que quiero es que sólo aparezca contenido, nada de enlaces a otros sitios de mi Web ni otras distracciones.

Gracias.

Saludos.
SB

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 19/11/2014 12:54 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

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.

Si nuestra ayuda te ha sido útil, déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 19/11/2014 2:08 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Sergio
 Sergio
Usuario activo

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

ResponderCitar
Respondido : 19/11/2014 9:45 am
Jordi Sala
 Jordi Sala
Miembro Admin

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:

- https://www.webempresa.com/blog/usando-firebug-para-modificar-la-apariencia-de-una-plantilla-joomla.html

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

ResponderCitar
Respondido : 19/11/2014 9:52 am

Cursos Gratuitos WordPress

Sergio
 Sergio
Usuario activo

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

ResponderCitar
Respondido : 19/11/2014 10:20 am

Por favor Iniciar Sesión o Registro