“Conocimiento software>WordPress

¿Cómo ocultar bloques y widgets de WordPress en dispositivos móviles?

2015/10/19
Hay varias formas de ocultar bloques y widgets en dispositivos móviles usando CSS:

1. Usando la propiedad `display` :Puede utilizar la propiedad `display` para establecer la visibilidad de un elemento en `none`. Esto ocultará el elemento en todos los dispositivos, incluidos los dispositivos móviles.

Por ejemplo, para ocultar un bloque con el ID "block-id" en dispositivos móviles, puede agregar la siguiente regla CSS al archivo style.css de su tema:

```

@media (ancho máximo:768 px) {

#identificador de bloque {

pantalla:ninguna;

}

}

```

2. Usando la propiedad `visibilidad` :La propiedad `visibilidad` se puede utilizar para ocultar un elemento sin eliminarlo de la página. Esto significa que el elemento seguirá ocupando espacio en la página, pero no será visible.

Por ejemplo, para ocultar un bloque con el ID "block-id" en dispositivos móviles usando la propiedad `visibilidad`, puedes agregar la siguiente regla CSS al archivo style.css de tu tema:

```

@media (ancho máximo:768 px) {

#identificador de bloque {

visibilidad:oculta;

}

}

```

3. Usando la propiedad `posición` :La propiedad `posición` se puede utilizar para mover un elemento fuera de la pantalla. Esto se puede utilizar para ocultar un elemento en dispositivos móviles sin cambiar su visibilidad ni eliminarlo de la página.

Por ejemplo, para ocultar un bloque con el ID "block-id" en dispositivos móviles usando la propiedad `position`, puedes agregar la siguiente regla CSS al archivo style.css de tu tema:

```

@media (ancho máximo:768 px) {

#identificador de bloque {

posición:absoluta;

izquierda:-9999px;

arriba:-9999px;

}

}

```

También puedes utilizar una combinación de estas técnicas para ocultar bloques y widgets en dispositivos móviles. Por ejemplo, puede usar la propiedad "display" para ocultar un elemento en todos los dispositivos y luego usar la propiedad "visibility" para ocultarlo solo en dispositivos móviles.

Es importante tener en cuenta que las reglas CSS específicas que necesita utilizar para ocultar bloques y widgets en dispositivos móviles pueden variar según su tema y los elementos específicos que desee ocultar. Es posible que tengas que experimentar con diferentes reglas CSS para encontrar las que funcionen mejor para tu sitio.

WordPress
¿Cómo crear un diseño de varias columnas en un sitio de WordPress?
¿Cómo crear un sitio de demostración gratuito de WordPress con cualquier tema o complemento?
¿Cómo obtener una vista previa en vivo del sitio de WordPress antes de publicarlo?
¿4 formas de forzar una WWW sin www en sitios de WordPress?
¿Cómo hacer una copia de seguridad del sitio de WordPress manualmente?
¿Cómo insertar anuncios en un sitio de WordPress?
¿Cómo configurar sitios de WordPress con SiteGround CDN Speedup?
¿Cómo agregar estadísticas de WordPress Jetpack en la pantalla de inicio del iPhone?
Conocimiento de la computadora © http://www.ordenador.online