hiddenElements en WAT

Estándar

En este post retomaremos parte de los estilos en WAT, y nos centraremos en la forma para ocultar elementos específicos de un sitio.

screenshot_06112014_101521

La forma sencilla de determinar que elementos no queremos en la aplicación es utilizando las herramientas de desarrollador de nuestro navegador favorito:

Screenshot (1167)

Ya sea recorriendo los elementos en el DOM Explorer o buscando por medio de la opción de ‘inspeccionar elemento’ podremos distinguir lo que no necesitaremos en la vista.

Screenshot (1169)

Una vez determinados los elementos podremos agregarlos al archivo de configuración de WAT (config.json). Por ejemplo en este caso se ha decidido ocultar el elemento específico header, y aquellos de la clase widget-area

Screenshot (1180)

Para lograr especificar con más detalle los elementos, es recomendable pensarlos como selectores CSS. Y además tener en cuenta que tanto los elementos de encabezado y navegación ya vienen incorporados en el template.

Eso es todo!

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s