Avisos
Vaciar todo

Adaptar el tamaño completo de la web a dispositivos  

 
Javier
 Javier
Usuario activo

Buenos dias

Quisiera que mi web se adaptara a los distintos dispositivos; moviles, tablets, etc. El caso es que he probado 6 plugins para este cometido pero lo que hacen es tranformar el tema, y no quiero eso, quiero que todo se visualice tal como en el pc, es decir que solo se reduzca el tamaño para adaptarse a ellos. La web que comento se ve bien en pcs y tablets pero no en el movil, jugando con este codigo, que se que es el que me valdria para ello:

He llegado al que actualmente he puesto:

Pero como digo no se adapta en los moviles. ¿Me podrian solventar este problema?

Gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 06/01/2017 8:43 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Con respecto a esto que comentas:

quiero que todo se visualice tal como en el pc, es decir que solo se reduzca el tamaño para adaptarse a ellos

Esto es algo que ya no se usa, lo que se hace es usar o bien una versión movil de tu sitio o bien que tu theme sea responsive, es decir que reordene los elementos de manera que se vea correctamente en cualquier dispositivo.

Google te premiará si tu sitio se ve correctamente dando un posicionamiento adecuado, puedes verificar que si haces lo que comentas tu sitio no será compatible con móbiles :

https://search.google.com/search-console/mobile-friendly

En conclusión si que puedes modificar tu plantilla y poner un meta para que no se escale, pero si piensas en tus usuarios que tienen una pantalla pequeña, no será muy fácil navegar en tu sitio.

Saludos.

ResponderCitar
Respondido : 06/01/2017 8:57 pm

Javier
 Javier
Usuario activo

Si, gracias, lo entiendo, pero quiero que sea como he dicho. He probado varios plugins que hacen el tema responsive, pero no me gusta como se ve mi web, como coloca los elementos, por tanto tengo 2 opciones, hacer una version para moviles, como dices, o hacer lo que yo quiero que es mas rapido y menos complicado. Podrias decirme que modificar en la linea para que se vea bien en todos los dispositivos, incluidos moviles?

Gracias
Javier

ResponderCitar
Respondido : 06/01/2017 9:11 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Para no escalar debes usar este código:


Debes colocar esto como parte de los metas de tu theme.

Saludos

ResponderCitar
Respondido : 06/01/2017 9:53 pm

Cursos Gratuitos WordPress

Javier
 Javier
Usuario activo

Gracias, es practicamente el mismo que he puesto en primer termino, ya lo probé y no me funciono, aunque este carece de un elemento. Probaré con el.

Gracias nuevamente.
Javier

ResponderCitar
Respondido : 06/01/2017 9:58 pm
Javier
 Javier
Usuario activo

Lo probé, pero no funcionó. La página aparece con zoom y no se ve de una vez en la pantalla del movil

ResponderCitar
Respondido : 10/01/2017 10:59 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Javier.

Prueba si con este código que te paso te funciona:


Un saludo

ResponderCitar
Respondido : 11/01/2017 9:21 am
Javier
 Javier
Usuario activo

No, tampoco funciona correctamente

ResponderCitar
Respondido : 11/01/2017 12:13 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Veo que actualmente tienes este código


Elimina este código y coloca el código que te hemos comentado

Además veo algo como esto :


Ten en cuenta que tu web no se verá completa en movil, porque las dimensiones son mayores, aparecerá una barra de desplazamiento, tanto horizontal como vertical, por lo que el height:auto no tiene efecto.

Sin embargo como te he comentado anteriormente, mejor evalúa cambiar de theme por uno responsive y evitarte este tipo de problemas.

Saludos.

ResponderCitar
Respondido : 11/01/2017 5:38 pm