Quizás te interese
Resumen
Los criterios de usabilidad hacen más fácil la navegación para nuestros visitantes pero tienden a limitar las opciones de diseño en una página...
[dropcap cap="H"]ay un detalle importante acerca del uso de componentes que muchas veces se pasa por alto: No basta con instalarlos, también [highlight]es...
Resumen
Hoy, 2011/08/04, nos amanecimos con la noticia de que la página del Municipio de Orellana fue atacada por la organización hacker Anonymous, ...Resumen
@Anywhere es la nueva API de Twitter para integrar sus servicios en aplicaciones y páginas web. En este primer artículo se explica como usarla para convertir automáticamente cualquier nombre de usuario twitter (@nombredeusuariotwitter) en un link al perfil de dicho usuario y cómo agregar a dichos links 'hovercards'' que muestran foto del usuario, tweet más reciente, e información básica al estilo Twitter. También se sugiere cómo aprovechar estas nuevas funciones en Joomla para llevar el CMS a un nuevo nivel de integración con redes sociales. Para aprovechar mejor este tutorial se aconseja tener conocimientos básicos de javascript y HTML. (Comparte este artículo si alguna vez un cliente te dijo: "Está bonito pero... ¿no le puede quitar esa línea que dice 'Escrito por Administrator'?")
Para empezar a usar @Anywhere lo primero es registrar una aplicación con ellos, para esto no es necesario tener conocimiento alguno de programación (aunque posteriormente se necesita javascript básico) sino simplemente llenar un sencillo formulario:
Una vez registrada nuestra aplicación, recibiremos un código javascript con nuestra API key que usaremos inmediatamente:
Aplicar @Anywhere a nuestra página web
El código recibido tendrá una forma muy parecida a esta:
Nótese que además de llamar al script, las líneas 5-9 invocan a la primera función del mismo que es la encargada de generar los hovercards. Para usar este código lo copiamos, sin los <head > del principio y el final, y en Joomla vamos a Extensiones » Gestor de Plantillas » [Nombre de Plantilla] » Editar HTML y lo pegamos en cualquier lugar de la cabecera, o sea entre las etiquetas <head> que no copiamos antes y que ya se encuentran presentes en el código HTML.
Una vez hecho esto, cualquier nombre de usuario twitter se 'linkifica' automáticamente
IMPORTANTE
El código pegado se aplica sólo a la plantilla cuyo HTML se editó, si se cambia de plantilla o se asignan otras por links, es necesario repetir este procedimiento en los nuevos templates.
Ahora un poco de diversión...
Joomla incluye entre sus funciones una plataforma de blog y esa es la razón por la que entre sus opciones de fábrica está el incluir en cada artículo el nombre de su autor. En los sitios con un solo usuario este suele ser admin, alias 'Administrator' y la línea 'Escrito por Administrator' es lo primero que todo cliente manda a eliminar de la página, no sin razón. Pero, ¿por qué no usamos cómo nombre de autor un usuario de twitter y lo mostramos? La línea ganaría mucho en apariencia y sería una buena oportunidad de recordar al visitante que también nos puede seguir en Twitter.
Para lograr este efecto hay que seguir los siguientes pasos:
- Joomla muestra por defecto el nombre del autor pero si la opción ya está cancelada, se puede revertir el cambio en Contenido » Gestor de Artículos » Parámetros » Nombre de Autor » Mostrar
- Crear un nombre de usuario joomla (Sitio » Gestor de usuarios » Nuevo) que se llame igual que nuestro usuario de twitter (Sí, los nombres de usuario Joomla permiten usar @)
- También es posible ingresar un alias para el autor en los parámetros del artículo pero esa opción tiene la desventaja de que habría que hacerla cada vez que se escribe un post nuevo.
Tres hechos interesantes sobre @Anywhere*
- 'Linkifica' nombres de twitter que no existen pero el hovercard sólo aparece una vez y muestra un mensaje de error, por ejemplo '@summeroflove69' no existía cuando se escribió este artículo
- Tampoco linkifica nombres de usuario que ya están en un link, como se puede ver en el propio título de este post
- Los links dentro de los hovercards se abren en una ventana nueva, aunque ese comportamiento se puede modificar con javascript
