Cómo optimizar el blog para iPhone/iPod Touch
Esta es una cuestión imprescindible hoy en día. Nuestro blog se tiene que ver perfectamente en cualquier dispositivo móvil. Y, entre ellos, el iPhone o el iPod Touch, como no.
En primer lugar, la pregunta del millón: ¿cómo sabemos qué tal se ve la página en un iPhone si no tenemos la suerte de poseer uno?. La solución es instalar un simulador en el escritorio. Por ejemplo, para Mac les recomendamos iPhoney, un sencillo programa con el que tendremos un fantástico iPhone en nuestro escritorio.
A continuación, podemos instalar uno de los plugins que optimizan la presentación del blog en WordPress para su correcta visualización. Por ejemplo, yo he probado iWPhone. Pero no sirve para mostrar el blog en el simulador iPhoney, debido a que sólo considera los valores “iPod” e “iPhone” para la variable $_SERVER['HTTP_USER_AGENT']. Símplemente hay que añadirle el valor “AppleWebKit” para que podamos probar el efecto del plugin con el simulador iPhoney.
Y para que podamos tener un plugin que sirva además para cualquier PDA, a partir del plugin wp-pda, añadimos la siguiente lista de valores al plugin iWPhone:
$useragents = array (“iPhone”,”iPod”,”AppleWebKit”,”Elaine/3.0″,”Palm”,”EudoraWeb”,”Blazer”,”AvantGo”,”Windows CE”,”Cellphone”,”Small”,”MMEF20″,”Danger”,”hiptop”, “Proxinet”,”ProxiNet”,”Newt”,”PalmOS”,”NetFront”,”SHARP-TQ-GX10″,”SonyEricsson”,”SymbianOS”,”UP.Browser”,
“UP.Link”,”TS21i-10″,”BlackBerry”,”MOT-V”,’portalmmm’,'Nokia’,'DoCoMo’,'Opera Mini’,”Palm”,”Handspring”,”Nokia”,”Kyocera”,”Samsung”,”Motorola”,”Mot” ,”Smartphone”,”Blackberry” ,”WAP”,”PlayStation Portable”,”LG”,”MMP”,”OPWV”,”Symbian”,”EPOC”);
Si tenemos dudas de si algún dispositivo no está considerado, sólamente hay que ejecutar la instrucción (quitando las dos barras inclinadas):
print_r($container);
justo detrás de la sentencia:
$container = $_SERVER['HTTP_USER_AGENT'];
Eso imprimirá el valor que nos dirá de dónde viene la petición del navegador y podremos añadir una palabra clave (como por ejemplo AppleWebKit) a la lista de $useragents.
En la página del plugin WordPress Mobile hay un par de enlaces a simuladores para PDA’s con los que podremos hacer más pruebas porque sólo resta ver cómo se ven las páginas con el theme que viene con el plugin iWPhone, optimizado para iPhone e iPod Touch como dije al principio. En caso desfavorable se puede modificar el plugin para redirigir al theme de wp-pda excepto para los casos “iPod” e “iPhone”.
Minoic.net es un anillo de blogs impulsado desde enero de 2007 por Guillermo Carvajal, Antonio Cambronero, Manuel Almeida y José Luis Orihuela para experimentar nuevas formas de sinergia entre weblogs más allá de los blogs grupales y de las redes comerciales.
October 18th, 2007 a las 7:28 pm
[...] Mas INFO en este link [...]
October 22nd, 2007 a las 12:39 am
eCuaderno para imprimir y para móviles…
Antonio Cambronero acaba de instalarme dos plugins que teníamos pendientes como parte del proceso de rediseño del blog.Se trata, por una parte, del WP-Print de Lester Chan que genera una versión de cada post optimizada para imprimir:El otro plugin i…