Como Instalar el Widget de Twitter en Joomla

Es sabido que el editor de texto que trae Joomla necesita ciertas configuraciones especiales para poder incorporar contenido en código. Hay veces en que no queremos modificar estas configuraciones para mantener cierto orden en nuestro sitio web de cara a los autores pero sin embargo nos gustaría poder agregar módulos con códigos PHP o XHTML específicos, como el caso de los widgets.

El motivo del presente artículo, a manera de tutorial, es explicar cómo ingresar códigos Javascript, PHP, HTML o CSS en módulos y sin depender del editor que tengamos instalado (JCE, TinyMCE, FCK, etc.). A título de ejemplo, ilustraré sobre cómo poner el widget de Twitter como el que ven en esta web a la izquierda...

Si bien hay muchas formas y utilizando distintas extensiones, para el caso voy a tomar una muy buena y además fácil de instalar y configurar por medio del módulo llamado Blank Module 15v41, cuyo autor es Bob Galway, quien recientemente liberó la versión 5.1 con algunas funcionalidades adicionales. Dicho módulo lo pueden bajar (sin registrado previo) de aqui mismo, para Joomla 1.5, Joomla 1.6. Para Joomla 2.5 y 3.0 el modulo es de Dart Creations y se lo exponemos aqui tambien sin necesidad de  registro previo.

Modulo Blank J!1.5 | Modulo Blank J!1.6 | Modulo Blank J!2.5 / 3.0

1.- Creación del widget twitter.

En principio vamos a generar el código Javascript del widget de Twitter. Para ello accedemos a la siguiente este https://dev.twitter.com/web, que en un principio es la que nos servira para acceder a todas las posibilidades que nos ofrece twitter para mostrar en nuestra web.

Pero para lo que estamos buscando vamos directamente a https://twitter.com/settings/widgets que nos llevara a nuestra cuenta. Desde ahi, pulsamos en Crear Nuevo y accederemos a la siguiente pantalla, desde la que seleccionaremos la opción que requerimos para crear nuestro widget.

Crear widget twitter

 

  • Widget Creonología de usuario :  Mostrar en la web nuestro perfil con sus tweets.

  • Widget Favoritos : Mostrar aquellas entradas marcadas como favoritas y seguirlas.

  • Widget Lista : Mostrar las entradas de los usuarios de alguna lista que tengamos configurada.

  • Widget Buscar : Mostrar un buscador en vivo referido a alguna búsqueda específica. Por ejemplo si ponemos "CNN", nos irá mostrando todas aquellas entradas que contengan esas tres letras.

  • Widget Colección : Colecciones disponibles que hemos creado. https://dev.twitter.com/rest/collections


Para este artículo tomé como ejemplo Lista Widget. Si no tenemos ninguna lista, accedemos a nuestra cuenta, por ejemplo en https://twitter.com/solojoomla/ y desde arriba a ala derecha buscamos LISTAS, accedemos y podran ver la opción - Miembros de - seleccionamos una o creamos nuestra propia lista haciendo clic en Crear nueva lista, situada en la parte baja.

Una vez creada, accederemos a la parte donde deberemos añadir esos usuarios para estar al tanto de sus tweets, en Encuentra gente para añadir a tu lista.

Las listas en Twitter permiten agrupar un mismo tema a un gran número de usuarios de Twitter. Esto permitirá estar al tanto, más fácilmente, de sus últimas actualizaciones. Al mismo tiempo, evitarás tener que agregarlos a todos como contactos. Es decir, no tendrás que seguirlos para leer sus últimos tweets.

Una vez clickeada en la opción elegida nos aparecerá un menú posicionado en el primer item llamado Configuración y que se ve así:

Widget twitter Lista


Aquí elegiremos la lista que tengamos configurada. Para Personalizacion hacer clic en la documentación, desde donde podemos indicar si se mostrarán o no las valoraciones de los nuevos resultados, si vamos a mostrar una barra de desplazamiento, el comportamiento, si va a cargar todos los tweets o cada cierto intervalo de tiempo, el número de tweets, si vamos a mostrar el avatar, si vamos a mostrar el tiempo y si vamos a mostrar o no las etiquetas hash (#).

Luego vienen la Apariencia, opciones de vista del widget que tiene las siguientes configuraciones:

El "Shell background" sería el fondo de los títulos y leyenda más el pie del widget y el borde. El "Shell text" sería el color de los textos de título y leyenda, más el texto que aparece al pie. Luego "tweet background" sería el fondo donde aparecerán los tweets, "tweet text" los colores de las entradas y "links" los colores de los enlaces.

Desde aquí le podemos dar un ancho un alto en pixeles pero observen que además podemos marcar "auto width", es decir, auto ajustable. Esto es ideal para colocarlo en Joomla en plantillas de ancho variable o autoajustable.

Finalmente tenemos dos botones al pie, uno es "Test setting" para probar cómo se va a ver nuestro widget, en el caso del ejemplo sería algo como esto:

Vista Previa del Widget Twitter


Y el botón Guardar cambios con el que generaremos finalmente el javascript y que se ve así:

Lista widget twitter creada


Aquí seleccionaremos todo el código que aparece en la caja y lo copiaremos al portapapeles de windows.

2.- Configuración módulo "Blank Module" ...

Este módulo no solo nos permite poner código y que este se ejecute, sino que además podemos vincular dicho código con contenidos de los artículos (inclusive en títulos) y que este se ejecute en esos lugares también. Se instala como cualquier extensión Joomla y una vez hecho esto, desde el Gestor de Módulos, podemos acceder a la configuración del back-end que es esta:

Vista de configuración del módulo Blankmodule


Como ven posee muchas configuraciones posibles, pero para el caso que nos interesa lo dejaremos como está. Pegaremos el javascript copiado de Twitter dentro de la caja donde dice "Coloque su fragmento de código....". Finalmente habilitaremos el módulo y voilá! ... ya tenemos el widget de Twitter en nuestra web Joomla.

Vale decir, como apunte, que del mismo modo pueden poner otros códigos o widget semejantes.

 

Comentarios   

0 #14 Asignar posición del móduloredlo 17-09-2014 13:48
Para colocar el módulo, bien en pagina de inicio o donde te convenga, haz de ir a Extensiones / Gestor de Módulos, buscar y editar el módulo que has creado con el código para mostrar los tweets de tu cuenta u otro. Ve a Asignación de menú situado abajo y ahi veras lo sencillo que es adjudicar una situación del modulo dentro de tu pagina.

Cito a sigfito:
Hola, me gustaría que alguien me ayudara, no me funciona el widget, lo quiero colocar en la home pero no sé como se asigna.

Gracias
Reportar al moderador
+1 #13 Problema pluginjrodilla 29-12-2011 13:07
Buenos días, he instalado el plugin de twitter y funciona perfecto. sólo una cosa, me aparece un espacio en blanco debajo del twitter, por lo que he visto de código (que entiendo poco) debe ser tema del plugin ya que si en apartado de administración del plugin le pongo otro color este cambia. Es posible que el módulo configure un espacio por defecto debajo? como se puede modificar?

Gracias.
Reportar al moderador
+1 #12 A qué menu asigno el widgetsigfito 17-08-2011 20:30
Hola, me gustaría que alguien me ayudara, no me funciona el widget, lo quiero colocar en la home pero no sé como se asigna.

Gracias
Reportar al moderador
+1 #11 Descarga Solucionadalorenzo 22-03-2011 00:45
He restablecido la descarga y actualizado versiones.
Reportar al moderador
+1 #10 redlo 03-09-2010 04:02
Solucionado, gracias por avisar Cito a warhola2003:
no me funciona bajar el mudulo, solo sale una página en blanco, por favor si puedes subirlo denuevo... muachas gracias de antemano
Reportar al moderador
+1 #9 warhola2003 02-09-2010 16:42
no me funciona bajar el mudulo, solo sale una página en blanco, por favor si puedes subirlo denuevo... muachas gracias de antemano
Reportar al moderador
+4 #8 Miguel 15-01-2010 04:34
Si lo que quieres colocar al principio de los artículos en el front end, es un widget, suponte de "Noticias Nacionales" de algún diario, deberías colocar allí un módulo. Para eso tendrías que modificar la plantilla que estas usando y agregar arriba de donde se define la posición component una nueva llamada userX (fíjate que no se repita con otra).
Luego en esa posición podrías colocar el módulo blank con el widget.
Creo que eso sería lo más fácil.
Reportar al moderador
+1 #7 una cosa mas...miranda 14-01-2010 17:43
el sitio web en el que estamos trabajando es www.tiemporadiofm.com, si observas en el front el primer articulo que se muestra esta desubicado, pues el titulo es noticias nacionales y contenido solo tiene una letra a es a modo de muestra para que mas o menos te des una idea del problema y donde quiero colocar el codigo. Si observas abajo tenes widget de codigod html, pero puestos en la pagina principal (editando el codigo HTML) con el consecuente error de que aparece en todas las secciones y categorias.
Reportar al moderador
+1 #6 Antes que nada muchisimas gracias.-miranda 14-01-2010 17:35
el plugin de 10, instalado y funcionando, ahora abusando de tu generosidad y conocimientos te quisiera preguntar. he estado probando y me funciona como un modulo perfecto, pues lo puedo ingresar a la derecha o la izquierda y me lo muestra genial, ahi no tenemos ningun problema. pero cuando quiero ponerlo dentro de un articulo y que ahi me genere el codigo y obviamente ver los resultados (por ejemplo un mapa de google o un widget de un diario argentino (Clarin)) no me lo muestra ni ahi, quizas este fallando en la configuracion o no se, probe las opciones posibles en el back end y no he podico lograrlo.

Cualquier comentario que me pueda servir te lo agradecere, una cosa a tener en cuenta, en el modulo me dice que genere un articulo y coloque el numero de ID del mismo yo lo hice y tampoco obtuve resultado alguno, para generar el mismo he utilizado el generador de articulos que tiene por defecto joomla.



Claudio.-
Reportar al moderador
+1 #5 Ups Ups Ups.... Claudio tiene razónMiguel 14-01-2010 04:59
Efectivamente el módulo Blank no está en Solojoomla, jajajajja... Lo siento, ya voy a corregir el artículo. Hay que bajarlo de mi web, desde: www.moatsoft.com.ar/descargasj.html?task=view.download&cid=51 solo para registrados.
Reportar al moderador

Debe registrarse para poder Comentar

Crear un Negocio Rentable en internet....
Presupuesto tienda online En estos tiempos que vivimos de crisis generalizada, personas que nunca pensaron que iban a tener nada que ver con internet y menos montar una tienda online, hoy dia lo ven como una salida a la situacion generada......
Extensiones joomla! a Medida
Creación Extensiones joomla! a Medida Creación extensiones Joomla! a medida, para su empresa y o negocio, le daremos forma a su idea. Con estilo original y profesional....
Plantillas web Joomla! para Móviles RWD
Plantillas Responsive Web Design Todos conocemos el avance imparable de la nueva forma de navegación a través de nuestro inseparable teléfono móvil y que el futuro ya ha llamado a nuestra puerta......

Copyright © 2013 Tutoriales y extensiones Joomla en Español. Todos los derechos reservados. Adaptado por Desarrollo Solojoomla. Idea Solojoomla.com . SoloJoomla es una web independiente que trata sobre temas relacionados con Joomla!. Solojoomla no forma parte ni esta afiliado con la comunidad de Joomla! Project, ni lo pretende. La palabra Joomla! y el logotipo se utiliza en virtud de una licencia limitada concedida por Open Source Matter .  Politica Privacidad

Las COOKIES que se encuentran activas en solojoomla, SOLO se utilizan en el caso de que el usuario SE REGISTRE, y si se utilizan, es solo para facilitarles la navegación y son cookies de terceros, NADA MAS, por lo que si no quiere que esas cookies actuen, NO se registren. Saber Más sobre Cookies y nuestra Política.