Como Instalar el Widget Twitter en Joomla

Instalar un widget twitter en joomla es sencillo, aunuqe 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.

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, cuyo autor es Bob Galway. Dicho módulo lo pueden bajar (sin registrado previo) de aqui mismo, para Joomla 3. El modulo es de Collective Ray y se lo exponemos aqui tambien sin necesidad de  registro previo para descargar.

Modulo Blank J!3.x

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 web https://developer.twitter.com, 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://publish.twitter.com/# que nos llevara a una web con campo de búsqueda en la que tendremos que escribir nuestra URL de Perfil de Twitter.

Desde ahi, pulsamos en Embendded Timeline y accederemos a la siguiente pantalla, desde la que seleccionaremos la opción COPY CODE (Copiar el Código).

Resumido

  • Dirígete a https://publish.twitter.com/.
  • Introduce la URL de la cronología que deseas insertar.
  • Personaliza el diseño (Set customization options). Para ello, especifica la altura y el tema (claro u oscuro) para que esté a tono con tu sitio web, idioma.
  • Copia y pega el código en el código HTML de tu sitio web en el módulo Blank Joomla 3 y situa el módulo donde quieres que aparezca la cronología en tu web.

Código Twitter para publicar en tu web

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 la columna a la izquierda y buscamos LISTAS, accedemos y seleccionamos una o creamos nuestra propia lista haciendo clic en Crear nueva lista, situada en la parte superior.

Lista nueva Twitter

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.

Usuarios Lista twitter

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.

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.

15 comentarios en «Como Instalar el Widget Twitter en Joomla»

  1. No encuento el “My Website” cuando se da clik en URL
    Hola amigo,
    no se si estoy haciendo mal o me falta lentes pero la verdad que cuando clik en URL como indica no veo las diferentes opciones que mencionan, me gustaria que me den una manito pues la verdad me interesa el tema,

    gracias

    Cesar

  2. Donde puedo encontrar el programa???
    Hola que tal??? Soy de Argentina, no soy un experto usuario o programador de joomla y en verdad mi experiencia ha sido como hobbie mas que como diseñador profesional, pero en mis largas noches de buenas intenciones uno de los problemas que mas me ha acusiado es encontrar un editor HTML que me permita ejecutar rutinas en ese lenguaje desde los editores de articulos de joomla sin exito alguno. Cuando vi tu articulo se me aclararon un monton de dudas y encontre al plugin Blank Module 15v41 la solucion perfecta a mi problema. Pero he buscado infructuosamente el complemento por toda la web sin poder encontrarlo. Me puedes por favor ayudar en ese aspecto, dandome la ruta donde se encuentre el complemento para bajarlo. Desde ya te estoy infinitamente agradecido por tu ayuda. Un abrazo a la distancia.-

    Claudio.-

  3. Ups Ups Ups…. Claudio tiene razón
    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: [url]http://www.moatsoft.com.ar/descargasj.html?task=view.download&cid=51[/url] solo para registrados.

  4. Antes que nada muchisimas gracias.-
    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.-

  5. una cosa mas…
    el sitio web en el que estamos trabajando es http://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.

  6. 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.

  7. Problema plugin
    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.

  8. Asignar posición del módulo
    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 [b]Asignación de menú[/b] situado abajo y ahi veras lo sencillo que es adjudicar una situación del modulo dentro de tu pagina.

    [quote name=”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[/quote]

  9. Modulo blank SI esta en solojoomla.com
    El modulo que llamais blank, SI que esta en solojoomla. Y esta bien claro, al principio del tutorial. Donde no esta es donde indicas.
    Aunque me supongo que en su día si que lo estuviera y este tutorial parece que ha sido actualizado recientemente, asi que mi comentario parece estar demas :/ . Sorry.

    Me descargue el de la version joomla 2.5/3 y funciona y ademas, lo utilice para otro tema como indican al final, no solo sirve para twitter, si no que para lo que quieras meter de código tipo widget.

    Gracias al que redacto en su día y al que modifico, que parece que son dos. Gracias a ambos.

    [quote name=”Miguel”]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: [url]http://www.moatsoft.com.ar/descargasj.html?task=view.download&cid=51[/url] solo para registrados.[/quote]

Deja un comentario

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de sus datos para estos propósitos. Ver
Privacidad