Pisito en Madrid

Cada semana leo una infinidad de noticias, campañas, aplicaciones, novedades… de cualquier ámbito del social media. Algunos los comparto en Twitter, otros me los guardo para transformarlos en posts pero muchos otros se quedan en el limbo de mi Evernote. En estas recopilaciones comparto semanalmente lo que me ha parecido más interesante. ¡Comenzamos!

Social Media

¿Cómo ven las páginas de Facebook los usuarios?. Interesante mapa de calor que muestra el comportamiento de los usuarios en una página de Facebook.

20 Experts, 1 Awesome Resource: The Social Media ProBook. Eloqua lleva a cabo un libro con la colaboración de 20 expertos en Social Media. Gratuito y obligatorio.

Plataformas

Twitter se renueva. No solamente en su interfaz web sino también en móvil y lanzando las Profile pages.

Instagram se prepara para Android. La red social / aplicación más exitosa de iPhone se prepara para desembarcar en Android.

Directorio de páginas en Facebook. Interesante enlace donde podemos encontrar el directorio oficial de páginas de Facebook.

Facebook compra Gowalla. Interesante movimiento de la red social por defecto. Nueva a puesta por revivir las funcionalidades de check-ins y deals.

YouTube lanza nuevo diseño. Aunque ya había formas de ver y usar el nuevo diseño de YouTube, éste ya está lanzado oficialmente.

WordPress lanza su propio sistema de Ads. La plataforma de blogs anuncia que pone en marcha una red publicitaria propia para los usuarios que disfruten de la versión gratuita de su servicio de alojamiento y hostings de blogs temáticos y personales.

Aplicaciones, extensiones y webs

Youzee. Lanzado el Filmin mainstream o el Netflix español. Youzee es un servicio de películas y series “on demand”. Cuenta con tarifa plana y un sistema de alquiler de los títulos más novedosos.

Flipboard se reinventa para iPhone. La espectacular aplicación de iPad para seguir tu vida digital como si leyeras una revista salta a iPhone.

Infografía

Understanding viral marketing. Curiosa infografía que analiza los contenidos virales en Internet.

Cooking Ideas

Cooking Ideas

Casi se me vuelve a pasar hacer una pequeña mención a mi artículo de la sección de Blogs de la revista Personal Computer & Internet, “Los 10 mandamientos del blogger”.

Últimamente estoy usando mi experiencia para fabricar “reglas” para la blogosfera, ya lo hice con la ética del blogger en las Jornadas de Blogs de Moda y ahora los 10 mandamientos del blogger. Lo hago sin ánimo de ser pretencioso pero me parece una forma ideal de comunicar de una forma directa y ordenada. El artículo contiene estos 10 mandamientos:

• Citarás siempre la fuente (las cosas no surgen por ciencia infusa)
• Ofrecerás distintas formas para seguir tu blog (suscripción al email, RSS completo)
• Administrarás correctamente los comentarios (eso no sólo cuenta aprobarlos sino continuar la conversación)
• No te encerrarás en tu blog (lee otros, desvirtualizate)
• No harás hotlinking ni copiarás (lo sé, es muy tentador pero no cuela)
• Tendrás muy en cuenta el SEO (empieza a investigar, no es tan complicado como parece)
• No ocultarás las rectificaciones de tus posts (un forma muy común es usar el tachado con la etiqueta HTML ‘del’
• No harás autobombo o SPAM (haremos una excepción en cumpleaños y fiestas de guardar )
• Mantendrás actualizado tu gestor de contenidos (la seguridad ante todo)
• Disfrutarás de tu blog (el más importante sino tu blog durará un asalto)

Cada mandamiento está desglosado pero para ello tendréis que leerlo en la revista. Como sabéis son tutoriales paso a paso que empiezan a muy bajo nivel y van subiendo a medida que avanza el artículo.

Una de las cosas que más me gusta de Mashable son las tecnologías que implementa en su blog, muchas basadas en AJAX. Recuerdo el “Drag to Share”, una extensión para compartir imágenes directamente en redes sociales; y otro que va mostrando las imágenes a medida que navegas por el blog, agilizando la carga. Realmente creaba un efecto muy chulo pero no tenía ni idea de cómo se llamaba. Después de rebuscar por Google, lo encontré.

El plugin en cuestión es el jQuery Image Lazy Load WP y su instalación es tan sencilla como descargarlo, subirlo a la carpeta de plugins y activarlo, no necesita configuración. Yo ya lo tengo en pisito

¡Casi se me pasa! Ya ha salido el siguiente número de la revista Personal Computer & Internet con el artículo de la sección de Blogs, “Los secretos para dar a conocer tu blog”.

El artículo se centra en una serie de consejos que ayudarán a que tu blog se de a conocer, tocando puntos como crear comunidad, networking, la importancia del contenido, SEO, Social Media o indexabilidad. Como sabéis son tutoriales paso a paso que empiezan a muy bajo nivel y van subiendo conforme avanza el artículo.

Normalmente siempre juego con las portadas para “citar” a blogs que sigo. En este caso está el de Ginatonic pero haciendo memoria han habido muchos como Kafelog, Chica de la Tele, Pixfans, Anieto2k, Furia Contra La Máquina entre otros. Además de los que “cito” en las páginas del artículo. Gracias a esto me he dado cuenta que llevo casi un año y medio escribiendo en Personal Computer. Como pasa el tiempo…

Hace casi un mes desde que salió mi segundo theme de WordPress, desarrollado desde cero en Social Noise, esta vez para el blog de SAAB, Move Your Mind. Me encantó el resultado conseguido con El Blog de Robin pero este me fascinó. Rompe por completo con la estructura blog, tiene muchos pequeños detalles (como poner un poco de transparencia a la categoría que no estás visitando) y contiene una miniweb dentro de la categoría Saab.

Para desarrollar el theme tuve que valerme mucho del ingenio pero como WordPress es totalmente abierto y tiene una documentación espléndida, salió adelante sin muchas complicaciones. Un obstáculo que me encontré fue facilitar la gestión del blog a un editor. Cuando diseñas un nuevo theme con muchas pijadas tienes que pensar en la persona que va a gestionarlo. Es fácil modificarlo accediento por FTP y tocando el código pero no todo el mundo tiene conocimientos para hacerlo. Es en este punto es donde entran los Widgets.

Los Widgets son pequeños módulos que se gestionan desde el panel de administración de WordPress. Hay de todo, desde uno que muestra lo últimos comentarios hasta otros que permiten introducir código HTML. Estos últimos son los que nos valdrán para conseguir que la persona que gestione el blog sólo tenga que modificar el código HTML de un Widget en concreto para cambiar alguna zona dentro del theme. Por ejemplo, si en algún lado del theme hay una imagen que se cambia de forma manual, lo que tendremos que hacer es crear una nueva zona de Widgets y jugar con éstos, permitiendo gestionarlo todo desde el panel de administración de WordPress.

Crear una nueva zona de Widgets

Entre los archivos que componen un theme de WordPress encontrarás uno que se llama functions.php. Éste contiene las funciones propias del theme y entre ellas las zonas de Widgets. Si lo abres encontrarás el siguiente código (entre otras cosas):

Esto normalmente corresponde a la barra lateral (sidebar). Si queremos añadir nuevas secciones lo único que tendremos que hacer es incluir justo debajo, pero dentro de las etiquetas php, el mismo código pero con un nuevo campo: name. Este campo debe ser descriptivo y será la clave para llamar a la zona de Widgets. Además puedes definir el código HTML que tendrá antes y después de cada Widget y antes y después del título. Este por ejemplo sería para el pie (footer).

Colocar las nuevas zonas de Widgets

Ya tenemos una nueva zona de Widgets, si entramos en el panel de administración de los Widgets veremos que hay una nueva sección, pero ahora falta situarla en el theme. El proceso es muy sencillo y lo ilustraré con un ejemplo. Imagina que en el footer tienes una imagen que quieres que el editor del blog la gestione de forma fácil a través de un Widget. Pues lo que haremos es sustituir la URL de la imagen por:

Esto llama a la zona “Footer” de Widgets y carga el código que esta tenga. Vete a Widgets dentro del panel de administración e incluye un Widget de Texto/HTML en la sección correspondiente con la URL de la imagen. El resultado es que se mostrará la imagen que el editor ponga en dicho Widget. Así de sencillo

ThemeLab

Ya ha salido el siguiente número de la revista Personal Computer & Internet con el artículo de la sección de Blogs, “Añade un podcast a tu blog con WordPress”.

El artículo se centra en el podcasting, explicando cómo integrar un podcast en WordPress gracias a la extensión Podpress. En portada he puesto a todo un referente en el sector: Kafelog (aunque ellos no se dieran cuenta ) Como sabéis son tutoriales paso a paso que empiezan a muy bajo nivel y van subiendo conforme avanza el artículo.

Estas últimas semanas he estado más desconectado de Twitter, de los blogs, he publicado menos en pisito… Pero todo tiene una explicación y es que he vuelto a algo con lo que no me ponía desde hacía tiempo: programar. Salieron dos proyectos de desarrollo en WordPress en Social Noise y he estado sumergido en ellos. Uno ya ha sido lanzado, Las cosas de Robin, y otro pronto verá la luz El caso es que nunca había creado un theme desde cero y la verdad es que me ha encantado.

Podría escribir un libro con todo lo que he aprendo haciéndolo pero voy a ir paso por paso y empezar a descubrir cosillas que a lo mejor no sabéis y son realmente útiles y fáciles de implantar. Comienzo con los Campos Personalizados o Custom Fields. Cuando estás escribiendo un nuevo post en WordPress, a final de esa página verás una sección con este nombre que te permite añadir un nombre y lo que quieras en una caja de texto.

Lo que se consigue con esto es asociar ‘algo’ a un post y ese algo se guardará bajo el nombre que queramos. Pongo un ejemplo práctico. Cada post del VideoPisito tiene un campo personalizado llamado video con la dirección a la miniatura que sale en el home de cada uno de los posts. De esta forma cuando WordPress carga el listado de posts, accede a ese campo y saca su valor para cada uno de ellos y lo muestra.

Para el blog de Michael Robinson había que jugar mucho con este tipo de cosas. Sin ir más lejos en la barra lateral podemos encontrar un módulo con el último vídeo de apuesta, un listado con los últimos posts acompañados de una miniatura y el vídeo destacado de la semana. Podíamos hacer que esto fuera manual pero es mucho más práctico mediante campos personalizados, en uno poniendo el código del vídeo y en otro la URL de la miniatura. ¡La gran ventaja es que puedes asociar a un post lo que quieras y cuantos quieras!

¿Cómo funcionan? Pues muy sencillo: pincha en Nuevo dentro de campo personalizado en el editor de WordPress, elige un nombre e introduce un valor, por ejemplo, miniatura y la URL de una imagen que quieras usar como miniatura. Ahora tendrás que ir al lugar donde quieres mostrarlas, por ejemplo en la barra lateral, y poner el siguiente código:

¡No os asustéis! Vamos a analizarlo. En las primeras tres líneas cargo los diez últimos posts (get_posts()) y para cada uno de ellos (foreach) uso la variable $post para cargar sus valores internos, entre ellos están los campos personalizados. En la siguiente línea extraigo el valor de mi custom field ‘miniatura’ (get_post_meta()) y lo almaceno en la variable $miniatura.

Luego lo que hay que hacer es imprimirlo y como podéis ver es sólo echo ($miniatura) en PHP dentro del campo src de la imagen, ya que en mi caso el campo personalizado almacenaba la URL de una imagen. Podéis ver también que uso funciones como the_permalink() o the_title() que imprimen la URL del post cargado y el título respectivamente.

El resultado de este código, con un poco de CSS y JQuery para el scrollbar dinámico, es el listado de los últimos posts con miniaturas que hay en la barra lateral del blog Las cosas de Robin.

Los campos personalizados tienen un potencial grandísimo, sobretodo para automatizar acciones que van asociadas a posts. Algo que recomiendo para desarrollar en WordPress con agilidad es la familiarización con el Codex, donde están todas las funciones del CMS de Automattic. Dudas y críticas a los comentarios

Hacía mucho tiempo que quería cambiar la apariencia actual de pisito, un theme que llevaba desde el 2007 casi intacto. El problema es que no tenía ni tiempo ni ganas. Este fin de semana, aprovechando que Dulce no estaba y que finalmente no podía asistir al concierto de Muse, decidí realizar otra tarea pendiente: actualizar a la última versión de WordPress que aún tenía la 2.7.x. Hice una copia entera de pisito en local, actualicé y empecé a arreglar los destrozos del K2 y Blue-K2, previendo la necesidad de cambiar a otra RC. Cuando me iba a poner manos a la obra pensé que en vez de arreglar era hora de cambiar, así que saqué los themes y las ideas que había guardado en decenas de favoritos y me puse a modificar e implantar.

El theme que utilicé como base (ya está casi irreconocible) fue uno de WooThemes, Bueno, que tenía una estructura limpia y amplia (esta mañana he visto que está considerado uno de los mejores themes gratuitos del 2009). Algunas novedades son una cabecera dinámica que muestra frases aleatorias y los iconos sociales “Hand Made” que tanto me gustaban; reciclaje y mejora de muchas clases e iconos del Blue-K2; o una barra lateral mucho más ligera, moviendo mucho contenido a un módulo dinámico a pie de página. También he habilitado la suscripción por email que tantos me habían pedido.

Además de eso he instalado el plugin WPTouch, un impresionante desarrollo que activa una versión móvil para dispositivos como iPhone, Android o Blackberry con una navegación mucho más sencilla. ¡Funciona de lujo! También he incluido el campo necesario en la cabecera para añadir el icono de cualquier web al iPhone de forma automática. Es muy sencillo y el resultado queda genial.

La verdad es que todo el proceso lo hice en un día así que aún sigo buscando fallos y formas de mejorarlo. De momento he probado en diferentes navegadores y todas las funcionalidades van (por supuesto no me he preocupado del IE6 ). Ayer tuve problemas con los permisos y fue por culpa del Cyberduck. Ya en su momento también me dio quebraderos de cabeza así que desde ahora utilizaré Transmit. Espero que os guste y si encontráis errores o queréis proponer mejoras, soy todo oídos