Software J!
  • 1
  • 2
  • 3
Prev Next

Cómo Instalar el Widget de Twitter en Joomla

Es sabido que los editores de texto que trae Joomla necesitan ciertas configuraciones especiales para poder incorporar contenido en código. Hay veces en que no queremos modificar estas configuraciones para...

Template Manager Plus v0.1 para Joomla 1.5

Si bien podríamos decir que este componente está en pleno camino hacia un desarrollo más completo dado su número de versión, creo que vale la pena dar un pantallazo al...

FCK Editor en Joomla y con Google Maps

Muchas veces queremos darle a los editores o autores de nuestro sitio web el mayor confort de trabajo posible, darle las mejores herramientas que existen para que su tarea sea...

Módulo News Sticker para Joomla

Este módulo para Joomla 1.0 que funciona en Joomla 1.5 con legacy activado, presenta articulos de una categoría determinada mediante un scroll con botón de inicio y stop. Pueden ver...

T2D Ajax Preview - Módulo para Joomla

Ayer fue publicada esta nueva extensión para Joomla 1.5 y ni bien la probé me gustó muchísimo. Se trata de un módulo que nos permite presentar miniaturas de imágenes que...

Plugin iBrowser en el editor TinyMCE de Joomla

Así como no abundan lo editores webs para los CMS, tampoco "sobran" los plugins para subidas de imágenes y/o archivos para los mismos, además, muchos son un verdadero dolor de...

Plugin XML-RPC en Joomla - Usos

XML-RPC significa Extensible Markup Language-Remote Process Call, traducido: llamada a procedimiento remoto por XML y se trata de un protocolo que se utiliza para acceder a servicios de otras webs...

ccBoard v1.2-RC en español o castellano

Como todos saben o algunos ya se habrán percatado, en este sitio utilizamos (utilizabamos) como sistema de foros el componente ccBoard v1.2-RC de CodeClassic. Es un sistema muy simple pero a...

Joomla: Módulo JU News Ultra

JU News Ultra... o la máquina de poner news y contenido en nuestro sitio. Este módulo hecho por los traductores de Joomla al ruso (ucraniano) nos permite no solo utilizar un...

Es sabido que los editores de texto que trae Joomla necesitan 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.

Cómo Instalar el Widget de Twitter en Joomla

Imprimir COM_CONTENT_ICON_PDF
Por: Tux Merlín : Buru
Jueves, 12 Noviembre 2009
(Tiempo estimado: 3 - 5 minutos)

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 4.1 con algunas funcionalidades adicionales. Dicho módulo lo pueden bajar de la sección descargas o al pie de deste artículo traducido al castellano para el que no entienda el inglés (solo para registrados).

Empecemos....
En principio vamos a generar el código Javascript del widget de Twitter. Para ello accedemos a la siguiente este URL.
Una vez allí haremos click en "My Website" y veremos una serie de opciones para distintos tipos de widgets:
- Profile Widget:  sería para mostrar en la web nuestro perfil
- Search Widget: sería para 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.
- Faves Widget: sería para mostrar aquellas entradas marcadas como favoritas y seguirlas.
- List Widget: sería para mostrar las entradas de los usuarios de alguna lista que tengamos configurada.
Para este artículo tomé como ejemplo este último caso. Una vez clickeada en la opción elegida nos aparecerá un menú posicionado en el primer item llamado Setting y que se ve así:
Widget Twitter Item 1
Aquí pondremos nuestro nombre de usuario Twitter, debajo elegiremos la lista que tengamos configurada, luego le pondremos un título y un subtítulo o "leyenda" que se ubicará debajo del título.

En "Preferences"(preferencias) veremos estas opciones:
Configuración Widget Twitter Preferencias
Aquí podemos indicar si se mostrarán o no las valoraciones de los nuevos resultados (Poll for new results), si vamos a mostrar una barra de desplazamiento (Include scrollbar), el comportamiento (behavoir) si va a cargar todos los tweets o cada cierto intervalo de tiempo, el número de tweets, si vamos a mostrar el avatar (Show Avatars), si vamos a mostrar el tiempo (Show Timestamps) y si vamos a mostrar o no las etiquetas hash (#).

Luego vienen la Apariencia o Appearance, opciones de vista del widget que tiene las siguientes configuraciones:
twitterw-03
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.
En las dimensiones o "Dimensions" tenemos las siguientes opciones:
twitterw-04
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 más importante: "Finish & Grab Code" con el que generaremos finalmente el javascript y que se ve así:
Código Javascript del Widget Twitter

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

Pasemos al 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 corolario, que del mismo modo pueden poner otros códigos o widget semejantes.
{gotop}
Archivos:
Módulo Blank Versión:4.1
Extensión que nos permite incorporar código Javascript, PHP, XHTML y CSS y que estos se ejecuten dentro del módulo, contenido o título de artículos.

Artículo relacionado.
Por favor, regístrese o ingrese para descargar archivos de esta categoría.

Licencia GNU/GPL Autor Bob Galway Sitio Web Página de Inicio Fecha 12-11-2009 Lenguaje  Spanish Sistema  Joomla 1.5 Tamaño del archivo 23.32 KB Descargar 1087

Tags: instalar | joomla | twitter | widget

Lo han leído: 17264 almas
Joomla-GNU.com not affiliated with or endorsed by Open Source Matters or the Joomla! Project. The Joomla!, logo and name is used under a limited license from Open Source Matters in the United States and other countries.

BLOG COMMENTS POWERED BY DISQUS