Hoy en día la cantidad de gente que navega a través de dispositivos móviles va en aumento de forma exponencial, por lo que existe una alta probabilidad que un porcentaje de nuestros visitantes provengan de dichos dispositivos. Como tal, es bueno estar preparados y ofrecerles un contenido que pueda ser visualizado de forma más cómoda dependiendo su método de acceso.

Pues bien, en este sencillo y rápido tutorial de CLH, les enseñaremos a implementar versiones móviles de su blog en Wordpress, ya sea para las nuevas generaciones de Smartphones (como el iPhone), como para los equipos más antiguos y otros dispositivos (como la PSP).

El detalle, como siempre, después del salto.

Como siempre, lo primero. (aunque hoy hay un nuevo primero):

Detalles del tutorial

• Tiempo aproximado de implementación: 15 minutos.
• Dificultad: Sencillo.
• Conocimientos requeridos: Instalación de plugins en Wordpress.

Implementos necesarios:

• Un blog en Wordpress (instalación propia).
• Los plugins MobilePress y/o WPTouch (el primero es para dispositivos móviles más antiguos y el segundo para más modernos).
• Opcionalmente un cliente FTP para subir los plugins para su posterior instalación.

Nota: En el caso de los plugins, dejamos incluídos ambos para que puedan seleccionar según quieran. En el caso de CLH, inicialmente utilizabamos MobilePress para dar soporte a cualquier tipo de dispositivo móvil. Desde esta semana, contamos adicionalmente con WPTouch para dispositivos más nuevos, con lo que se despliegan distintos resultados gráficos dependiendo del equipo con el que se accede (incluiremos capturas más adelante).

Con eso claro, vamos, manos a la obra:

Procedimiento:

1.- Lo primero que debemos hacer es proceder con la instalación de los plugins, ya sea de forma manual o bien de forma automática para versiones de Wordpress desde la 2.7.1 en adelante:

Procedimiento manual

1. Descargamos los plugins desde los enlaces provistos en la sección implementos necesarios de este tutorial.
2. Los descomprimos en nuestro equipo.
3. Los subimos vía FTP al hosting donde tenemos alojado nuestro blog, en el directorio correspondiente a los plugins (por lo general dentro del directorio wp-content/plugins).
4. Los activamos mediante la opción Plugins de nuestro tablero de Wordpress.

Procedimiento automático

1. Realizamos la búsqueda de los plugins en la opción Añadir de la pestaña Plugins en nustro tablero, mediante los parámetros: MobilePress y WPTouch.
2. Hacemos click en el enlace Instalar ubicado al extremo derecho del plugin.
3. Hacemos click en el enlace Activar una vez que el plugin haya sido instalado.

2.- Y luego seguimos con las configuraciones correspondientes a cada uno:

MobilePress

En el caso de MobilePress, hay 3 secciones principales que podemos personalizar: Opciones generales, Plantillas y Publicidad/Estadísticas:

a) Opciones generales

En esta parte podemos configurar los siguientes parámetros:

• Título del blog: Si dejamos en blanco, toma el título por defecto del blog.
• Descripción del blog: Lo mismo que arriba.
• Directorio de plantillas: Donde se almacenarán las plantillas para el diseño móvil.
• Forzar sitio móvil: Debemos activar si queremos que todos los usuarios que entren, independiente que equipo usan, vean este diseño.

b) Plantillas: Nos permite configurar el aspecto visual de la versión móvil:

Aquí podemos seleccionar la plantilla que queramos y activarla para que sea vista por los usuarios que ingresan al sitio.

c) Publicidad/Estadísticas: MobilePress ofrece, mediante una integración con el servicio Aduity la posibilidad de insertar publicidad en la versión móvil del sitio y hacer un seguimiento con estadísticas.

Para esto nos solicita 2 parámetros, que con la clave pública y la clave secreta de la cuenta. Ambos datos pueden ser obtenidos al registrarse en el servicio.

WPTouch

Este plugin, si bien no permite la instalación de plantillas, es mucho más flexible en cuanto su configuración y permite hacer algunos ajustes desde el punto de vista gráfico, así como la personalización de casi todos los aspectos en términos de información que se desplegarán al usuario, como exclusión de categorías, mostrar o no los comentarios y mucho más.

Las pantallas de configuración:

Opciones generales y noticias de los desarrolladores

Opciones avanzadas

Opciones de estilo y color

Iconos por defecto y personalizados (es posible subir imágenes propias para el logo y detalles de los artículos)

Arriba: Publicidad, estadísticas y código personalizado. Abajo: Compatibilidad con otros plugins.

Las opciones son bastante autoexplicativas, por lo que no entraremos en detalles, solo remarcar que la cantidad de ítems que pueden ser personalizados es bastante alta, por lo que es bueno analizarlas todas a fondo e ir probando hasta encontrar el resultado que más nos acomode.

La razón de porque no entraremos en detalle en las opciones es para enfocarnos en algo más importante. Este plugin presenta una incompatibilidad importante con otro muy utilizado, como es el caso de WP Super Cache, pero que puede ser solucionado mediante una pequeña configuración que ahora pasaremos a ver.

Solucionando incompatibilidad de WP Touch y WP Super Cache

1.- Si revisamos la configuración de WPTouch, veremos que en la sección de opciones avanzadas, hay algunos agentes definidos. Debemos copiar esta lista que aparece:

2.- Luego, vamos a la configuración de WP Super Cache (por lo general bajo Opciones en nuestro tablero de Wordpress) y ajustamos algunos parámetros, partiendo primero por el estado de WP Super Cache, el cual por defecto aparece como Activado y debemos cambiarlo a A Medias. Lo que hará esto será desactivar Super Cache y dejar solamente WP Cache corriendo, lo cual es más que suficiente para la mayoría de sitios y además permitirá tener WP Touch activado. Luego de cambiar actualizamos el estado con el botón de la misma sección.

3.- Luego, debemos ir a la sección Agentes de usuario rechazados en la misma configuración de WP Super Cache, y añadir todos los que copiamos de la configuración de WP Touch (en el paso 1 de esta sección). Ojo al momento de añadir eso si, que si bien los originales que copiamos estaban separados por comas, aquí debemos ingresarlos uno por línea y sin comas, y luego grabar los cambios. Esto hará que todos esos agentes móviles sean rechazados por las versiones de nuestras páginas que se han creado en el caché, y por ende les desplegarán la versión móvil correspondiente:

4.- Y finalmente, debemos limpiar el caché para que se cree nuevamente:

Y de esa forma quienes ingresen con alguno de esos agentes móviles podrán ver la versión correspondiente. Adicionalmente, en el pie de página les aparecerá una opción para visualizar la versión normal del sitio.

Y ahora, lo más importante:

Resultado final

Quienes vean la versión de MobilePress, verán algo como lo que sigue:

Kenerd – Un blog de.. ehm.. hartas cosas

Y quienes vean la versión de WP Touch, verán algo como esto:

Cómo Lo Hago – Un blog de… ehm… hartas otras cosas

Y así de simple tenemos nuestra versión móvil del blog para presentar a los usuarios.

Antes de terminar, como siempre les recordamos que este tutorial ha sido:

Cualquier comentario o duda que puedan tener, los invitamos a dejarnos unas líneas en el área habilitada  a continuación.

Esperamos que este tutorial haya sido de utilidad para Uds.

Muchas gracias por leer y será hasta una próxima oportunidad.

Staff CLH

]]> http://www.comolohago.cl/2010/03/24/como-implementar-una-version-movil-de-tu-blog-en-wordpress/feed/ 11 http://www.comolohago.cl/2010/02/23/como-controlar-tu-itunes-mediante-un-iphoneipod-touch/ http://www.comolohago.cl/2010/02/23/como-controlar-tu-itunes-mediante-un-iphoneipod-touch/#comments Wed, 24 Feb 2010 00:14:40 +0000 Dexter http://www.comolohago.cl/?p=3102

Una de las primeras aplicaciones que la misma Apple lanzó con  su iTunes Store, fue la aplicación “Remote”, con la cual convierte a tu iPhone o iPod Touch en un verdadero control remoto tanto para iTunes como para el Apple Tv.

Esta es una de mis aplicaciones favoritas. Por ejemplo armas una fiesta, conectas unos buenos parlantes a tu computador lleno de música, abres la aplicación Remote desde tu iPod Touch y listo!, no tienes que ir cada vez al computador para cambiar de canción o subir o bajar el volumen. Todo lo haces con tu iPod, teniendo la libertad de poder moverte para todos lados.

Incluso en las versiones más recientes de iTunes existe la posibilidad de que si hay muchas personas con iPhones o iPod, puedan elegir la próxima canción a sonar.

Pues el día de hoy les enseñare como se hace el procedimiento para que puedan controlar su iTunes remotamente.

¿Qué Necesitamos?

• Un Pc con iTunes instalado
• Tener Wifi
• Un iPhone o iPod Touch
• La aplicación Remote que pueden descargar de aquí

¿Cómo Lo Hacemos?

Comenzaremos por abrir iTunes.

Vamos a Edición y damos click en Preferencias.

Hacemos click en la pestaña Dispositivos y marcamos la casilla “Buscar aplicaciones Remote para iPhone e iPod Touch” (“Look for iPhone and iPod Touch Remotes” en inglés).

En nuestro iPod Touch o iPhone, nos conectamos a nuestra red Wifi y luego abrimos la aplicación Remote.

En la aplicación damos un toque en “Cambiar la biblioteca”.

A continuación damos un toque en “Agregar biblioteca”, y por lo menos yo dejo la opción “siempre conectado” en On.

Al dar el toque en agregar biblioteca, nos aparecerá esta nueva ventana con una clave de 4 números como se observa.

Con ello en iTunes nos aparecerá el ícono de la aplicación Remote, junto con el nombre de tu iPod Touch o iPhone. Damos click en el.

Y con ello nos aparecerá en la pantalla principal de iTunes 4 cuadrados en los cuales debemos anotar la clave que aparece en nuestro iPod Touch o iPhone.

Anotamos la misma clave.

Con ello hemos conectado correctamente nuestro iPod Touch o iPhone.

Y si recuerdan de la primera fotografía, justamente estaba escuchando a los Foo Fighters, por lo que al conectarse a Remote, mediante Wifi se envían los datos de la canción que suena (Nombre, Banda y Disco), además de la carátula del disco.

Y también pueden navegar por la discografía que poseen en su computador, por ejemplo acá se observan algunos discos que poseo y…..

….acá ven los mismos discos en el Cover Flow de iTunes.

También tienen la posibilidad de buscar una canción en especial, navegar por sus videos, podcast, etc.

Bueno con esto me despido, espero que les haya gustado.

Y como siempre, este tutorial ha sido

Felices proyectos!!!!!

Para cualquier consulta no duden en escribirnos.

Estaremos felices de responderles y ayudarles en todo lo posible.

Cómo Lo Hago, si se puede, te lo enseñamos.

Staff CLH

Saludos amigos lectores de Cómo Lo Hago.

En el día de hoy les traemos un tutorial perfecto para aquellos poseedores de un flamante iPhone.

Si eres un relativamente nuevo usuario de este aparato, puede que ya hayas notado con horror alguna de las limitaciónes que Apple impuso a este celular a diferencia de otros equipos. Una de estas diferencias es la imposibilidad de seleccionar libremente cualquier MP3 que tengas y guardarlo como un Ringtone, para así deleitarte con su música cada vez que te llaman (y de paso molestar con el bullicio a las personas a tu alrededor).

Pero, no temais mis angustiados amigos. El equipo de CLH está aquí para ayudarte y darte una solución para tener el Ringtone que desees y evites gastar una millonada en Ringtones que se venden en la iTunes Store.

Para saber como lograrlo, te invitamos a seguir leyendo:

Cómo crear Ringtones para tu iPhone

¿Qué necesitas?

• iTunes (Si tienes un iPhone debes tener SI o SI esta aplicación) En caso que no, puedes descargarla aquí.
• Tus MP3 a elección que querrás tener como Ringtones.

Comencemos:

Lo primero que haremos será ingresar a la carpeta música en la aplicación iTunes en nuestro computador. Esta se encuentra en la esquina superior izquierda, como muestra  la imagen:

Acto seguido, elegimos el MP3 destinado a transformar en Ringtone. En caso de tener vacía tu biblioteca de música en iTunes, solo debes buscar tu MP3 en la carpeta donde lo guardes y arrastrarlo hasta iTunes.

Luego haces click derecho sobre el MP3 y en el menú seleccionas “Obtener información”

En el menú que se ha abierto nos vamos a la pestaña “Opciones”.  A continuación veremos un punto importante en el proceso de creación de nuestro Ringtone ya que como pueden ver en la imagen debajo, dentro de la zona roja destacada, hay 2 espacios para ingresar un tiempo determinado.

Lo que debes hacer aquí es designar el tiempo que durará el Ringtone, el cuál no puede ser mayor a 29 segundos. Esto quiere decir que, si tu Ringtone partirá desde el inicio de la canción, en el valor “Inicio” pondremos 00:00 y en “Final” pondremos 00:29.

Otro ejemplo sería que el Ringtone empezara a los 10 segundos de iniciar la canción, entonces nuestros valores serían “Inicio” 00:10 y “Final” 00:39

Una vez ingresado el tiempo, le damos a “Ok” volvemos a hacer click derecho en nuestro MP3 y esta vez seleccionamos la opción “Crear versión de AAC”.

Al hacer esto verás que en el listado de tus canciones tendrás 2 versiones de la misma, con la diferencia que una de ellas solo dura 29 segundos. Esta versión es nuestro Ringtone.

(Antes de continuar, vuelve a hacer click derecho sobre el MP3 original, selecciona nuevamente “Obtener información”, “Opciones” y desmarca las 2 casillas al lado de “Inicio” y “Final” y finalmente haces click en “Ok”. Esto es para que tu MP3  vuelva a su duración original)

Ahora solo tienen que hacer click derecho en la nueva versión de la cancion (la que dura 29 segundos) y seleccionar “Mostrar en el explorador de Windows”

Esto te llevará directamente a la carpeta en donde se ha guardado nuestra versión de 29 segundos en formato “M4A“. Lo único que tienes que hacer ahora es cambiar la extension del archivo de “M4A” a “M4R”

En caso que no puedas ver la extensión de los archivos, debes ir a “Opciones de Carpeta” en tu explorador de Windows –> Pestaña “Ver” y desmarcar la casilla “Ocultar extensiones de archivo para tipos de archivo conocidos” como muestra en la imagen:

Cuando ya hayas cambiado la extensión de archivo, lo único que queda por hacer es hacerle doble click a nuestro archivo “M4R” y este automáticamente se agregará al apartado “Ringtones” o “Tonos” de nuestra aplicación iTunes. Sincronizas tu iPhone con iTunes (en caso de no saber hacerlo, solo pregunta) y listo. Ya tienes tu Ringtone personalizado dentro de tu iPhone.

Para seleccionarlo en tu iPhone debes ir a Ajustes –> Sonidos –> Tono de llamada –> y lo buscas en el apartado “Personalizado”

Recuerden, cualquier duda o consulta que tengan, solo tienen que escribirla en los comentarios.

Esperamos que les haya servido de ayuda y puedan disfrutar de sus Ringtones personalizados. ¡Hasta la próxima!

Como siempre este tutorial ha sido:

Staff CLH