Tu sitio web en dispositivos móviles

La cantidad de usuarios que utilizan los dispositivos móviles para navegar por internet se incrementa cada día. Por ello, el diseño de nuestro sitio debe contemplar este tipo de plataformas para hacer un sitio accesible y usable para dichos dispositivos.

La versión de tu sitio web para móviles, permite a los usuarios de teléfonos móviles y PDA ingresar a la información de forma accesible. Debemos tomar en cuenta qué tipo de usuarios será el grupo objetivo de dicha versión.

La mayoría de los dispositivos, incluyen la tecnología WAP, la cual no soporta imágenes y estilos. Mientras que la tecnología WAP2 soporta imágenes, XHTML y CSS . Además, algunos ofrecen pantalla monocromática o pantallas de alta resolución, soportando CSS y JAVA.

Plugin para Wordpress

El plugin wp-mobile nos permite crear una versión de nuestro blog en WordPress para móviles. Para usarlo debemos descomprimir la carpeta hacia el directorio de nuestro blog “ wordpresswp-contentplugins ”.

Luego, acceder al panel de control, seleccionar la pestaña de plugin y activarlo. En el directorio, donde se descomprimió, encontraremos el archivo “ wp-mobile.php ” y el directorio “ wp-mobile ” donde se encuentra el fichero “ index.php ” que debemos editar, en él encontraremos diferentes variables que debemos llenar. El código es el siguiente:

<?php /* Variables a rellenar */ $favicon = ''; /* URI del favicon de la página ej: http://www.tublog.com/favicon.ico */ $logo = ''; /* URI del logo de la página (tamaño máximo recomendado para el logo 60x60px) ej: http://www.tublog.com/logo.png*/ $destacados =; /* Número de la categoría a destacar (los números aparecen en el menú de administración en Gestionar>>Categorías*/ $titulo=''; /* Nombre con el que referirse a los 5 últimos posts de la categoría destacada, por ejemplo "Ultimos destacados" */ ?>>

Al tener instalado y configurado el plugin, el usuario podrá accesar sin problema desde su dispositivo móvil, debido a que el plugin es cargado de forma automática.

Probando nuestro sitio web para móviles

Existen varios simuladores que nos permiten tener una vista previa del diseño de nuestro sitio o blog, en los dispositivos móviles. Algunos navegadores de internet, también disponen de opciones para realizar dicha función.

Navegador Opera:

El navegador Opera permite obtener una visualización de nuestro sitio para dispositivos móviles a través de dos opciones.

La primera opción, la podemos accesar al seleccionar el menú “ Ver/View ” luego seleccionar la “ Vista Pequeña/Small Screen ”. Al seleccionar esta opción se adapta al tamaño aproximado de los móviles, el mismo elimina también los estilos CSS.

En la imagen podemos visualizar la versión para móviles el sitio Maestros del Web utilizando el navegador Opera.

Usuarios que han visto este tema también han visto...

- Mirada crítica a las páginas de Introducción
- Elección del Servidor, espacio en disco
- Marco metodológico para el desarrollo de sitios web accesibles
- Negociación: claves fundamentales para lograr resultados
- El mercado de las ideas

- Versión imprimible de este documento
- Enviar por e-mail este documento