WordPress Directo
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting
No Result
View All Result
WordPress Directo
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting
No Result
View All Result
WordPress Directo
No Result
View All Result

Cómo ver la versión móvil de tu WordPress desde la versión escritorio

Jorge López by Jorge López
19 febrero 2020
in Optimización
Reading Time: 4 mins read
0

Actualmente, la mayoría de usuarios navega más por Internet mediante sus dispositivos móviles que mediante sus ordenadores de escritorio tal y como se solía hacer hace unos años. Es por eso que el diseño responsive en 2020 se ha convertido en un auténtico must. Tu web debe verse y utilizarse bien en la mayoría de resoluciones, ya sea móvil, tablet o, como he comentado antes, un ordenador de escritorio. ¿Quieres saber cómo se ve la plantilla que estás utilizando actualmente en la versión móvil sin tener que utilizar un móvil para ello? Sigue leyendo…

Para qué poder ver la versión móvil de una web desde el escritorio

Muchos de vosotros os estaréis preguntando lo que reza el titular de este apartado: ¿Para qué poder ver la versión móvil de una web desde el escritorio? Si os estáis preguntando esto es que no habéis desarrollado o modificado algún tema para el CMS. A la hora de desarrollar un tema para WordPress, como he dicho antes, debes tener en cuenta también cómo se visualizará en los distintos dispositivos y por ello, necesitas un modo sencillo de hacerlo desde el escritorio.

No conozco a nadie que diseñe o programe desde su teléfono móvil. La mayoría lo hace desde un ordenador, ya que es el modo más sencillo y en el que dispones de todas las herramientas necesarias. De ahí el hecho de necesitar de una utilidad para poder cambiar entre distintos modos de ver la web, ya sea móvil, tablet, resoluciones grandes…

Artículos relacionados

Cómo acelerar WordPress con CloudFlare, Varnish y Redis en CloudPanel

3 marzo 2025

Cómo acelerar WordPress y reducir la carga del servidor con CloudPanel Varnish Cache

21 febrero 2025

Cómo restringir el acceso a un sitio web mediante .htaccess

10 marzo 2025

Comparativa 2025: Los 12 mejores plugins de caché para WordPress, de mejor a peor

31 marzo 2025

A continuación te explicaré un par de métodos que te vendrán de perlas para ver la versión móvil de tu web desde el escritorio. Son métodos sencillos, que no te llevarán mucho tiempo.

Ver la versión móvil de tu WordPress desde el Personalizador

En este tutorial no te pediré que descargues e instales un plugin. Todo lo haremos, o bien desde el navegador, o bien como te explicaré a continuación, desde el propio backend de WordPress.

Así que loguéate en el backoffice de tu instalación WordPress y ve hasta Apariencia > Personalizar. Ya dentro del Personalizador de WordPress verás que en la parte inferior izquierda aparecen los iconos de un monitor, de una tablet y de un móvil, y en la parte derecha de la pantalla aparece cómo se ve tu web en función de cada una de las opciones. Me explico. Si haces clic sobre el icono del teléfono móvil, en la parte derecha de la pantalla se mostrará tu web como si se estuviera mostrando en un dispositivo móvil, si haces clic sobre el icono de la tablet, en la parte derecha de la pantalla se mostrará tu web como si se estuviera mostrando en una tablet…

Es una manera muy sencilla de alternar el viewport para ver cómo se ejecutaría tu web en dichos dispositivos.

Ojo, puede ser que cómo se represente en un móvil varíe un poco a como se representa en el Personalizador de WordPress. Esto simplemente te sirve para orientarte pero, ante cualquier duda, coge el móvil.

Ver la versión móvil de tu WordPress a través del Inspeccionador de elementos

El navegador Google Chrome cuenta con muchas herramientas para los desarrolladores, las cuales les permiten testear varios aspectos de la web, entre ellos el cómo se ve en dispositivos móviles.

Para ello, simplemente abre Google Chrome en tu ordenador y dirigete a la parte pública de tu sitio web. Ahora, haz clic derecho en la página y selecciona «Inspeccionar».

Te aparecerá un nuevo panel en la parte derecha de la página, tal que así:

Como verás, aparece el código fuente de la web, así que, si quieres investigar, siéntete como en casa. Por último, haz clic en el botón «Toggle Device Toolbar» que viene representado con un icono que muestra una tablet y un móvil.

Con este botón podrás cambiar la vista de la web entre versión móvil y versión escritorio. Así de sencillo.

Y hasta aquí nuestro artículo sobre cómo ver la versión móvil de tu WordPress desde la versión escritorio. Espero que te haya gustado y, si te ha resultado útil, no dudes en compartirlo en redes sociales. ¡Nos leemos!

Tags: mobile-firstresponsiveversión escritorioversión móvilwordpress
ShareTweetSendSharePin
Jorge López

Jorge López

Soy programador web y me gusta mucho el diseño gráfico, la fotografía y todo lo relacionado con las nuevas tecnologías. En mis ratos libres me encanta dibujar y escuchar música. ¡No podría vivir sin ella! Aparte soy un friki de las series...las devoro

Te puede interesar...

Plugins

Optimiza la gestión de usuarios en WordPress con Index WP Users For Speed

4 junio 2025

En sitios web con miles de usuarios registrados, el panel de administración de WordPress...

Optimización

Cómo bloquear Scrapy y otros bots de scraping en OpenLiteSpeed, Apache y Nginx (aceptando Googlebot real)

13 junio 2025

El scraping masivo puede poner en jaque el rendimiento y la seguridad de tu...

Optimización

FlyingPress lanza oficialmente su versión 5 con un motor en la nube que ya ha optimizado más de 10 millones de páginas

28 mayo 2025

La nueva versión incluye mejoras en el rendimiento para móviles, un potente motor CloudOptimizer...

Noticias

Cómo proteger el archivo functions.php y otros archivos PHP críticos en WordPress

26 mayo 2025

El archivo functions.php de WordPress, junto con otros ficheros PHP críticos como wp-config.php, wp-settings.php...

No Result
View All Result
Plugin Imagify, optimizar imágenes
wordpress hosting NVME
Elegant Themes WordPress
elementor editor plugin




Últimos artículos

Willbrige un impresionante tema para WordPress

11 enero 2016

¿Qué es el rel=»noopener» de WordPress y cómo eliminarlo?

22 octubre 2024

Las mejores plantillas de WordPress para un safari

25 marzo 2019

Graves vulnerabilidades afectan a populares complementos de WordPress para sitios inmobiliarios

23 enero 2025

Referencias WordPress para 4-septiembre-2012

4 septiembre 2012
WordPress Directo

WPDirecto.com es una revista especializada en WordPress y WooCommerce que ofrece una amplia gama de recursos, incluyendo tutoriales, análisis de plugins y plantillas, consejos de optimización y estrategias de SEO, para ayudar a los usuarios a mejorar y personalizar sus sitios web, manteniéndolos informados sobre las últimas novedades y tendencias en el mundo de WordPress.

Menu

  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting

Información

WPDirecto es un medio de Medios y Redes:
  • Artículos patrocinados
  • Servicio de diseño web
  • Contacto
  • Acerca de MyR
  • Política de privacidad y cookies
  • Aviso Legal

© 1995-2025 Color Vivo Internet, SLU (Medios y Redes Online).. Otros contenidos se cita fuente. Infraestructura cloud servidores dedicados de Stackscale.

No Result
View All Result
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting

© 1995-2025 Color Vivo Internet, SLU (Medios y Redes Online).. Otros contenidos se cita fuente. Infraestructura cloud servidores dedicados de Stackscale.