Contenido

aNieto2k ahora personalizada para iPhone e iTouch

25 Mar

+ 26

Hace tiempo que quería hacer una versión personalizada para los usuarios que visitan el blog desde el iPhone e iTouch, aprovechando el descubrimiento de Massive News “Mobile Edition” he pensado en hacer uso de él y condicionar la visualización del blog dependiendo del dispositivo desde el que se ve.

anieto2k_iphone.jpg

Usando el fichero my-hacks.php he añadido una condición que me indica si el usuario está accediendo desde un iPhone/iPod Touch y en caso afirmativo le digo que para ese usuario me cargue el theme Massive News “Mobile Edition”.

<?php
function is_iphone($user_agent) {
        return (bool)eregi('(iPhone|iPod)', $user_agent);
        }

function theme_for_iphone($tpl) {
        if (!is_iphone($_SERVER['HTTP_USER_AGENT'])) return $tpl;
        else return "mobile";
}

add_filter('template', 'theme_for_iphone');
?>

 Como podemos ver, es un código bastante claro que me ayuda a distinguir entre iPhone/iPod y el resto.

Para que todo funcione correctamente, he introducido el theme en el directorio wp-content/themes/ y he activado el plugin wp-pagenavi, que se complementa perfectamente para mejorar gráficamente la paginación del theme.

Por el momento no he podido hacer que funcione con 1BlogCacher o WP-Cache, pero solo es cuestión de tiempo :D

Muchas gracias por el hack, la verdad es que está muy buena la técnica. Cuando migre a WP 2.5 lo implementaré!
Saludos

oppps se me olvidó comentar que desde mi iPhone aparecía como SPAMER!? y no me dejaba colocar comentarios…

@c.urdaneta: Ahora ya debería funcionar perfectamente.
Gracias por el aviso.
Saludos

No jodas son muchas lineas

function is_iphone() {
return (bool)eregi(’(iPhone|iPod)’, $_SERVER['HTTP_USER_AGENT']);
}

Saludos

Interesante, pero creo que ‘capar’ las versiones para los iPhone/Touch no tiene mucho sentido, con lo bien que se ven los diseños de toda la vida (si están echos medianamente bien, claro)

Estoy viéndolo en este momento y me parece genial salvo por que los contenidos no pueden ampliarse, lo cual me parece casi imprescindible para leer algo correctamente sin dejarte los ojos :-p
Un saludote.

¿Es necesario todo esto?… pienso que aplicando un css específico para el iphone a través del atributo “media” no es necesario calentarse tanto la cabeza. Éste es el “media” que recomienda apple (pena que no coja media=”handheld”):

<link media=”only screen and (max-device-width: 480px)”
href=”iPhone.css” type=”text/css” rel=”stylesheet” />

(se me olvido formatear el html para que aparezca.. :-P )

Yo uso un plugin para ello y parece que va bien. el que yo uso es iWPhone WordPress, que viene con un Theme ya preparado también.

¿Existe alguna forma de identificar el explorador aparte de por el user agent?

El codigo me interesa mucho para hacer versiones optimizadas para diferentes soportes, ya no solo pc e Iphone, sino tambien Wii, Nintendo DS, PSP… Pero me gustaria saber un metodo alternativo al user agent para hacer esto.

@Memiux: Tienes mucha razón, me gusta mucho más la forma que planteas, cambiado. Gracias.

@Daniel G. Blázquez: Exacto, esa es lo ideal, pero en mi caso necesito que la estructura de los diferentes dispositivos sea personalizada.

lo estoy viedo ahora mismo y te quedo de pm, Super sencillo y simple y se ve perfecto.
enhorabuena!

Mmmm. pues a mi no me funciona.
Es imprescindible el page-navi?
Le has cambiado el nombre a la carpeta del theme para iphone?
Influyen los demas plugins activados?

Hola Andrés

Acá tampoco funciona a pesar de que ya tenía activo Page-Navi. De igual forma proé cambiando la carpeta del tema a “theme_for_iphone” y no me funciona :(

Saludos
C.urdaneta

hola
necesito ayuda ya que tengo muy poca experiencia con esto de los mobiles, al copiar el codigo que proporcionas para que detecte si es un iphone o un itouch es un .php, pero en que parte lo guardo y con que nombre para que a la hora de entrar a la pagina web primero lea el php? o com funciona esto gracias.

No había tenido hasta hoy la oportunidad de ver este theme en su salsa, y me ha sorprendido gratamente.

La única pega que le veo es la falta del enlace a las páginas anteriores o siguientes al final de cada una.

Un saludo!

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.