En la actualidad muchos de los usuarios navegan por internet utilizando su dispositivo móvil más que los ordenadores de escritorio. Todo esto se debe al diseño responsive, lo que ha convertido a los sitios web en elementos que puedes observar desde cualquier dispositivo móvil sin perder ningún detalle como si estuvieras en tu ordenador. Tu sitio web debe verse de forma perfecta para gran parte de los dispositivos móviles, ya sean tablets, teléfonos y otros. Pero, seguramente antes de ejecutar tu sitio web en un dispositivo es probable que quieras ver cómo es su apariencia desde tu escritorio. Es por ello que en este artículo que traemos hoy en Actiweb estaremos hablando de cómo observar la versión móvil de un sitio de WordPress desde tu ordenador.
¿Por qué ver la versión móvil de nuestro sitio web desde el escritorio?
Seguramente muchos usuarios se deben estar preguntando ¿por qué ver la versión móvil de un sitio web desde el ordenador? Cuando se desarrolla un tema para WordPress, siempre debemos estar al tanto de que se vea perfectamente en todo tipo de dispositivo y para ello es necesario ejecutarlo desde el escritorio.
Normalmente este tipo de programación se hace desde un ordenador, debido a que se dispone de todas las herramientas necesarias. De aquí, parte la necesidad de poder ejecutar una vista de nuestro sitio en dispositivos móviles con las herramientas necesarias. Por eso contamos con la posibilidad de cambiar a los diferentes modos de ver nuestra web, ya sea en una tablet, móvil o resoluciones más grandes.
A continuación, estaremos explicando algunos métodos que te serán bastante útiles para ver la versión móvil de nuestro sitio desde nuestro ordenador. Los métodos son bastante sencillos de implementar y no te tomará mucho tiempo.
Observar la versión móvil de WordPress desde el Personalizador
En este tutorial no tendrás que descargar o instalar algún plugin. Todo lo que haremos será directamente desde nuestro navegador o directamente desde el propio backend de WordPress.
Primero que nada, debes ingresar en el backoffice de la instalación de WordPress y hacer clic en Apariencia y luego en Personalizar. Una vez que estemos dentro del personalizador de WordPress estaremos observando en la parte inferior derecha de nuestra pantalla un icono de monitor, de un móvil y una tablet que te estará brindando la función de observar tu web según la función que selecciones.
Si seleccionas el icono de teléfono móvil, en la parte derecha de tu pantalla estarás observando cómo se visualizará tu sitio web en dispositivos móviles. En cambio, si seleccionas el icono de tablet, estarás observando cómo se verá tu sitio web en estos dispositivos.
Esta es una forma bastante sencilla de alternar el viewport para observar cómo se ejecuta nuestro sitio web en distintas plataformas.
Puede ser que en su versión final varié un poco a la versión teléfono móvil a como lo estamos visualizando en el Personalizador de WordPress. Esto te servirá para orientarte, aunque si tienes dudas puedes utilizar el teléfono móvil y probar.
Observar la versión de WordPress desde el Inspeccionador de elementos
En Google Chrome podemos contar con muchas herramientas para desarrolladores, que nos permitirán observar todos los aspectos de nuestra web. Uno de ellos es observar cómo se ejecuta en un dispositivo móvil.
Para ello debes abrir Google Chrome directamente desde el ordenador e ir a la parte publica de tu sitio web. Luego deberás hacer clic en la página y seleccionar la opción Inspeccionar.
Te estará apareciendo un panel como el que verás en la siguiente imagen:
Como estarás observando, aparece el código fuente de la web, donde puedes investigar si eres desarrollador. Además, estarás consiguiendo un botón denominado Toggle Device Toolbar que se encuentra identificado por un icono que muestra una tablet y un teléfono móvil.
Al utilizar este botón podrás modificar la vista del sitio web de versión móvil a versión de escritorio.
Y esto ha sido todo por hoy, esperamos ayudarte a conocer cómo observar la versión móvil de tu sitio de WordPress en tu ordenador. Si quieres conocer más tutoriales útiles para ti puedes visitar nuestro blog.
