Publicar widget sólo en desktop
-
Hola,
veréis tengo un theme que se adapta a móviles de forma automático, el caso qes que tengo un widget con imagen que no queda nada bien en la versión móvil y quería que no se mostrara este widget cuando se carga de desde este tipo de dispositivos¿qué tengo que hacer?
Muchas gracias!
-
Me temo que no es posible, al menos de una forma sencilla. A lo sumo, poner un widget de texto y en él poner un contenedor con la imagen dentro.
<div class="XXX">url Imagen</div>
Y luego, en la hoja de estilos añadir las propiedades al contenedor XXX tanto para ventanas grandes como pequeñas.
http://www.w3schools.com/cssref/css3_pr_mediaquery.aspHola, mi respuesta es similar a la de Almendron, pero te explicaré paso a paso como hacerlo de forma sencilla:
1. Accede a tu sitio web y localiza el widget que quieres ocultar.
2. Coloca el puntero del ratón en la esquina superior izquierda del widget, y pulsa el botón DERECHO.
3. Selecciona la opcion «INSPECCIONAR ELEMENTO». Si no aparece, prueba con otro navegador, te recomiendo Firefox o Chrome.
4. Aparecera el codigo de la página y debes localizar el trozo de codigo que corresponde al widget que quieres eliminar, que será algo así como <section style=»» id=»nav_menu-2″ class=»widget widget_nav_menu»>
5. Fíjate en el valor de id=»nav_menu-2″, que en tu caso, será otro nombre, el cual será el identificador de tu widget. Coge ese texto, y haz lo siguiente.
6. En la hoja de style.css de tu theme o plantilla, añade el siguiente texto:
@media only screen and (max-width: 350px) {
#nav_menu-2 {
display: none;
}}
SUSTITUYE nav_menu-2 por el identificador de tu widget.
SUSTITUYE 350px por el tamaño de pantalla a partir del cual no quieres que si se muestre el widget. Por ejemplo, con 350px, el widget no se mostrará en pantallas inferiores a 350px, y si en las que sean mayores. Yo lo dejaria en 350 o 400px.Lo más normal es que coloques este codigo al final de tu style.css y funcionará, aunque es mejor que si tu css tiene media_querys lo coloques entre aquellas del tamaño que corresponda, Por ejemplo, si tienes una de 500px y otra de 300px, nuestra query nueva de 350px irá entre esas dos, para respetar el orden.
Si tienes algún problema, consúltame.
-
Esta respuesta fue modificada hace 8 años, 6 meses por
erchache2000.
Muchas gacias! gran explicación!!
-
Esta respuesta fue modificada hace 8 años, 6 meses por
- El debate ‘Publicar widget sólo en desktop’ está cerrado a nuevas respuestas.