Tengo una duda que me gustaría que me resolvieseis. Hay una tabla en mi web (vista desde PC) que no quiero mostrarla en la versión móvil. ¿Hay alguna manera de hacerlo?
Un saludo.
URL del sitio: Contenido solo visible a usuarios registrados
Hola
Es posible ocultarla por CSS, revisa @media :
http://www.w3schools.com/cssref/css3_pr_mediaquery.asp
Si quieres más detalles podrías indicarnos a través de un enlace y una captura de pantalla que es lo que quieres ocultar en movil.
Saludos
Hola, lo que quiero ocultar en el móvil es el Slider principal y que en vez de un Slider salga una foto. He visto que hay varias webs que lo tienen así por temas de posicionamiento, pero desconozco completamente como hacerlo.
Adjunto capturas de pantalla del Slider y dirección web.
http://www.ggcinformatica.com/
Hola Gullermo,
La captura que adjuntas muetsra una pantalla "en blanco" que nos ayuda poco a entender exactamente que quieres ocultar en vista de dispositivos móviles.
Personalmente yo no recomiendo "por razones de SEO precisamente" el uso de sliders, ni en móviles ni en escritorio.
Los sliders en portada son uno de los elementos que más retardan la carga de cualquier página, además de añadir javascript en las cabeceras de la página lo que suma tiempos de carga importantes.
Cada vez más se está desaconsejando el uso de sliders, principalmente por el aumento de tiempos de carga que supone su uso y porque contribuyen a fomentar los rebotes de las visitas (a más rebotes menos permanencia y menos CTR).
Me gustaría recomendarte esta amena lectura que estoy seguro te será de utilidad:
- http://www.glopdesign.com/slider-home-web/
Saludos
Hola,
Desde un equipo de escritorio tampoco son recomendables los sliders ya que retrasan la carga de la página (se tienen que cargar todas las imágenes del slider, junto con el código javascript que se usa para generar el efecto de rotación de imágenes).
Ahora bien, todo esto es una cuestión de necesidades. Si en tu web ves conveniente que se tenga que cargar un slider tampoco tienes por qué renunciar a ello. Siempre hay que buscar un equilibrio entre diseño y adaptación de la web para mejorar el posicionamiento y tiempos de carga, pero esto no implica que haya que renunciar necesariamente a todo.
Una forma de no mostrar el slide en teléfonos móviles sería aplicando estilos CSS que hagan que no se muestre para estos casos. Realmente no se ocultaría en función del dispositivo, sino en función del ancho de la ventana del navegador.
Por ejemplo, se podría añadir un estilo CSS como el siguiente:
@media screen and (max-width: 780px) { .widget_revslider { display:none; } }
Con el código anterior no se cargaría el widget del slide para ventanas con un ancho menor a 780 píxels.
Hola Guillermo
Según veo, las imágenes las tienes enlazada todas en una misma dirección, para que cada imagen tenga un link distinto, tendrás que tratarlas por separado.
La etiqueta , es la que determina el enlace de esa imagen, , es la ruta donde se encuentra la imagen y con , asignamos el valor del espacio entre las imágenes.
Otra opción es mediante un plugin que nos realice el trabajo:
RokSprocket
Un saludo