A la hora de visualizar nuestro blog en un dispositivo iOS, ya sea un iPhone o un iPad, o en Android, podemos encontrarnos con varios problemas. Si tenemos suerte el mayor de éstos será que el texto y todos los demás elementos del blog se verán demasiado pequeños, obligando a los lectores a hacer zoom para poder leer los posts, desplazarse por las páginas o pulsar algún botón o enlace. Pero si no tenemos tanta suerte lo más normal es que el theme quede roto, ya que no está diseñado para ser visto en pantallas tan pequeñas como las del teléfono, y quede absolutamente horrible esteticamente.
Para solucionar esto podemos acudir a 3 opciones, cada una con distinto resultado, pero que pueden salvarnos el día, y hacer que nuestro blog se vea tal y como queremos en un dispositivo móvil.
Elegir un theme sensible
Un theme sensible (responsible en inglés) es aquel que se adapta al dispositivo en el que es visualizado, da igual que sea la pantalla del ordenador, la pantalla del iPhone o la de un Android. Todos los elementos de diseño, incluídas las imágenes y el texto se reorganizan automáticamente para ofrecernos la mejor experiencia posible de lectura. Si quieren hacer una prueba pueden acceder a mi blog guillermocarvajal.net desde el ordenador y desde un iPhone para ver como el theme responsible se adapta.
En los últimos meses este tipo de diseños se ha puesto muy de moda, y los principales creadores de themes de WordPress ya lo están implementando como una opción. Pueden encontrar muchos themes responsibles en Themeforest, por ejemplo.
Instalar un plugin
En el pasado esta era la opción más utilizada, básicamente porque no existía otra más sencilla, y muchos blogs hicieron uso de este sistema. Muchos incluso siguen usándolo, aunque personalmente no me gusta y recomiendo evitarlo, sobre todo porque el theme móvil no tendrá demasiado que ver con la versión normal de tu blog, lo que puede llevar a confusión a los lectores. Existen varios plugins que convierten tu blog a un diseño movil cuando es visitado desde el iPhone, puedes encontrar algunos en el directorio de plugins de WordPress.
Adaptar tu theme
Esta es la opción que he elegido para este blog. Es la que mantendrá practicamente intactos los elementos característicos de tu blog, y la similitud con la versión normal. Tiene la ventaja de que no necesita de ningún plugin ni añadido (salvo para la versión iPhone, donde yo uso la opción de W3 Total Cache User Agent Groups, que permite especificar el theme servido a cada dispositivo móvil).
Para que tu blog se vea pefecto en el iPad tan sólo debes seguir estos pasos:
-
Apuntar el ancho en píxeles de tu blog. Esto puedes averiguarlo utilizando el inspector web de Safari o de Chrome, en las herramientas para desarrolladores que vienen integradas en el navegador. Simplemente inspecciona la home de tu blog y mira cuantos píxeles tiene de ancho.
-
Editar el archivo header.php del theme de tu blog. Aquí vamos a añadir un código que indicará al dispositivo en que se visualice el blog el tamaño que éste debe tener para verse correctamente. Si el ancho del blog son 1100 píxeles, insertaremos este código:
<meta name="viewport" content="width=1120, initial-scale=0.8">
Como veis hay que dejar siempre un pequeño margen de píxeles, 10 está bien para este blog, pero puede variar en otros diseños. Con esto el blog se verá perfectamente en el iPad en posición horizontal. Si giramos el iPad a vertical seguiremos obteniendo el mismo efecto, sin reducción de tamaño ni de texto ni de imágenes.
Para que esta última solución funcione en el iPhone o en un teléfono Android es necesario hacer una cosa más. Hay que hacer una copia del theme que estemos usando, pero esta vez editaremos todos los archivos eliminando las sidebars y dejando sólo el bloque de contenido. Una vez hecho, si usamos el plugin W3 Total Cache, podemos acceder a la pestaña User Agent Groups y definir un nuevo grupo para los dispositivos móviles que queramos, donde indicaremos que carguen el nuevo theme movil. Además, en el archivo header.php del theme movil debemos insertar este código:
<meta name="viewport" content="width=300, initial-scale=0.8">
En cualquier caso, los tres sistemas expuestos aquí van en orden de facilidad para el usuario. El primer método es sin duda el más sencillo y el que requiere de menos trabajo. El segundo, a pesar de tener que depender un theme movil que puede o no gustarnos y que no tiene ninguna similitud con nuestro blog, también es relativamente sencillo. Y el tercero, reconozco que es el más complicado, aunque al final el que mejor resultado da. No les recomiendo usarlo si no saben exactamente lo que están haciendo.
- Comparte este artículo:
Descubre más desde La Brújula Verde
Suscríbete y recibe las últimas entradas en tu correo electrónico.
Charles Joughin, el panadero del Titanic que fue el último superviviente en abandonar el barco y dijo haberse salvado por estar bebido
En la película Titanic, de James Cameron, hay una escena que fue eliminada del montaje final en la que se ve a un miembro de la tripulación, interpretado por el…
Corebo de Élide, el panadero que ganó la primera carrera de los Juegos Olímpicos
Todas las historias tienen un comienzo, y la de los Juegos Olímpicos de la Antigüedad también, por supuesto. En su caso todo empezó con Corebo, un panadero de la ciudad…
La difusión de ideas gracias a la imprenta impulsó la caza de brujas en Europa Central
Un reciente estudio histórico, publicado en la revista Theory and Society, trata de explicar uno de los episodios más oscuros y enigmáticos de la Europa moderna temprana: la gran caza…
“Locationes censoriae”, los contratos que permitían construir las grandes obras públicas de Roma
Un reciente estudio publicado en el Hungarian Journal of Legal Studies revela interesantes detalles sobre el sistema de contratos públicos en la República Romana, poniendo de manifiesto la delicada interacción…
Vikingos e indígenas norteamericanos se reunían e intercambiaban marfil en partes remotas de Groenlandia
Al examinar el ADN antiguo de morsas, un equipo internacional de investigación liderado por la Universidad de Lund en Suecia ha reconstruido las rutas comerciales del marfil de morsa de…
Belisario, el general que sostuvo el imperio de Justiniano y rechazó ser emperador de Occidente
Confié el cuidado de las armas a mi Belisario y tan favorable se le mostró la divina diestra que fue la seguridad que tuve para vivir reposadamente. Estas palabras que…
Un sarcófago de piedra sellado y una situla de bronce, excepcionalmente conservados, descubiertos en un yacimiento italiano de la Edad del Hierro
El Proyecto Bisenzio, una iniciativa internacional y transdisciplinaria dirigida por Andrea Babbi, investigador del CNR ISPC (Consejo Nacional de Investigaciones de Italia, Instituto de Ciencias del Patrimonio Cultural), y colaborador…
Comienzan a extraer del fondo marino de Sicilia el barco griego del siglo V a.C. donde se encontró el mítico metal “oricalco”
Han comenzado oficialmente las operaciones de recuperación del barco griego de época clásica conocido como “Gela II”, un hallazgo que data del siglo V a.C. Este importante descubrimiento, ubicado en…
Encuentran el doble sarcófago de Idi a 15 metros de profundidad bajo la tumba no real más grande de Egipto
La misión arqueológica conjunta egipcio-alemana entre las universidades de Sohag y Berlín ha descubierto recientemente la cámara funeraria de una mujer llamada «Idi», quien fue la única hija del gobernador…
Un sótano pavimentado de hace 5000 años encontrado en Dinamarca revela la existencia de estructuras subterráneas complejas en la prehistoria
Un equipo de arqueólogos liderado por Marie Brinch, del Museo Lolland-Falster, ha desenterrado los restos de lo que parece ser un sótano pavimentado con piedras, meticulosamente construido hace aproximadamente 5000…
Un tesoro de objetos de bronce y hierro escondido ante el ataque que destruyó una aldea prehistórica, encontrado en Hungría
Este verano ha continuado el proyecto de excavación en el noroeste de Bükk en Hungría, dirigido por un equipo universitario especializado en la Edad del Bronce y del Hierro. Las…
Una mujer enterrada con un carro vikingo, una llave de hierro y un cuchillo con mango de plata, y otras 50 tumbas encontradas en Dinamarca
Un equipo de arqueólogos del Museo Odense ha desenterrado más de 50 esqueletos excepcionalmente bien conservados en Åsum, al este de Odense, Dinamarca. Estos restos, acompañados de artefactos que provienen…
Something went wrong. Please refresh the page and/or try again.