Avisos
Vaciar todo

Webs diferentes con el móvil y PC

8 Respuestas
5 Usuarios
0 Reactions
1,262 Visitas
Respuestas: 151
Estimable Member
Topic starter
 

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


 
Respondido : 12/04/2016 8:55 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

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


 
Respondido : 12/04/2016 10:08 pm
Respuestas: 151
Estimable Member
Topic starter
 

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/


 
Respondido : 14/04/2016 7:44 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

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


 
Respondido : 15/04/2016 2:04 am
Respuestas: 151
Estimable Member
Topic starter
 

Ostras... perdón, me equivoqué de captura. Te adjunto la buena. ¿En las páginas desde PC tampoco se recomienda?


 
Respondido : 15/04/2016 10:19 am
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

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.


 
Respondido : 15/04/2016 2:25 pm
Respuestas: 151
Estimable Member
Topic starter
 

Directamente he decidido seguir tus consejos y he cambiado el Slider por una imagen. He puesto esta, ¿hay alguna forma de que sea interactiva? Es decir, poner por ejemplo botones debajo de cada apartado. ¿Hay algún programa que lo haga? Adjunto imagen.
Un saludo.


 
Respondido : 18/04/2016 10:50 am
Pepe
 Pepe
Respuestas: 41115
Illustrious Member Admin
 

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.

 
GGC Informática
GGC Informática 

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


 
Respondido : 18/04/2016 1:03 pm