Leandono's Blog

Últimamente y por esas cosas del destino me llegaron varios emails pidiéndome si conocía algún componente para crear galerías de imágenes en Joomla!. Y aunque en el directorio de extensiones existen para todos los gustos (en Flash, con efectos, sin efectos, pagos, gratuitos...) me pareció indicado hablar y explicar el uso de la extensión que mi me dió mejores resultados: Easy Gallery

No posee infinidad de configuraciones, su utilización es intuitiva, de fácil mantenimiento y posee una presentación de las galerías bastante concisa, sin efectos al por mayor que pueden volver medio tedioso el asunto. El componente es gratuito y está bajo licencia Creative Commons.

Una vez descargado e instalado, lo primero que hacemos es ir a su configuración.

Allí es importante los parámetros FTP. Debemos incorporar nuestro usuario y contraseña FTP y fijarse que la opción FTP disabled esté en No. Si configuramos mal esta sección, no podremos subir ninguna imagen para las galerías.

Otras opciones que posee esta sección son:

• Directorios en donde queremos alojar las imágenes y thumbnail;
• Tamaños de las imágenes;
• Cantidad de imágenes que queremos mostrar por filas.

Guardamos los parámetros. Lo siguiente será manejar las categorías para crear las galerías. Para eso Componentes --> Easy Gallery --> Manage Categories

Como no tenemos ninguna categoría, vamos a Nuevo. Allí indicaremos Nombre y Título de la galería, nivel de acceso, si queremos que sea una galería mayor (Top) o sub-galería (debe haber una categoría creada previamente) y finalmente si deseamos añadir una descripción.

Publicamos y guardamos. Luego comenzamos a subir las imágenes para nuestra galería, para eso vamos a  Componentes --> Easy Gallery --> Manage Photo´s y elegimos Upload.

Tendremos 3 opciones para subir las imágenes: Examinando en nuestro disco duro una por una, subiendo varias a través de un ZIP o indicando una carpeta online para escanear las fotos:

Entre las opciones relacionadas a la galería, podemos elegir la categoría, el orden en que se mostraran las imágenes, nombre y descripción. Le damos en Upload y si todo sale bien ya estaremos creando nuestra primera galería.

Finalmente, para poder verla, tendremos que ir a alguno de los menus que tengamos, darle en Nuevo para seleccionar un nuevo ítem. Allí elegimos Componente, especificamos un Nombre y seleccionamos Easy Gallery. Guardamos y ya podremos acceder a nuestra galería a través del sitio.

Comentarios (18) | Leer más...

Tutorials Component es un complemento para Joomla! que permite crear un sistema comunitario de envío y votación de artículos como Menéame o Fresqui, con la posibilidad de añadir comentarios [ Ver Demo ]

Y aunque no posea una infinidad de opciones y por ahora solo sea una versión Beta me pareció bastante interesante comentarlo, ya que demuestra (una vez más) la flexibilidad de Joomla! para crear desde pequeñas webs, pasando por portales de venta online, hasta sistemas comunitarios como los que ofrece este componente.

Comentarios (3) | Leer más...

Aquellos que trabajamos en el entorno de Joomla! más de una vez hemos necesitado menus desplegables para mostrar varios elementos de manera sencilla. El problema surge que los módulos y componentes que  cumplen esa función no nos terminan de servir o gustar. Y cuando encontramos alguno que nos convence vemos que es bastante engorroso cambiar su diseño a uno mas apropiado.

Por eso quería hablar de  JLoMenu , un módulo que permite crear menus deslizantes de manera muy sencilla, mostrando los elementos de forma elegante y muy fácil de adaptar a nuestros diseños.

Una vez descargada la última versión del módulo e instalarlo, vamos a  Módulos --> Módulos del sitio. Allí buscamos el módulo JLo Menu y entramos a su modo de configuración. El principio de funcionamiento de JLoMenu es el de tomar varios menus creados con anticipación, darles un nombre a cada uno de ellos y mostrarlos como elementos del menú deslizante.

Veamos un ejemplo sencillo: Nos concentraremos en dos parámetros, Menu types y Menu titles.

En Menu types introduciremos los nombres de menus creados con anticipación, separados por comas. Por ejemplo introducimos "mainmenu, othermenu, topmenu" que son los nombres de tres menus que vienen de forma predeterminada en Joomla!  En Menu titles introduciremos los nombres que les queremos dar a esos menus para ser mostrados en forma de elementos en el menu deslizante. Por ejemplo introduciremos "Inicio, Joomla!, Home"

Publicamos el módulo y vemos como quedó:

Automáticamente el primer item (Inicio) se abrirá y mostrará los elementos que poseía el menu "mainmenu". Si hacemos click en el ítem "Joomla!" se mostraran los ítems del menu "othermenu" en forma deslizante. Lo mismo con el ítem "Home".

Luego si queremos modificar el diseño tan solo debemos cambiar el CSS que se carga en el parámetro Style. Finalmente también podemos tocar otros parámetros como velocidad del slider, color del separador, background, si queremos que cuando carga la página se abra el primer ítem, etc.

Comentarios (5) | Leer más...

Este tutorial está desactualizado e incompleto. Próximamente será revisado y terminado «19-07-2008»

Con la salida del segundo Release Candidate de Joomla! 1.5 me parece una buena idea comenzar la serie de tutoriales para explicar la creación de una plantilla compatible con esta versión del CMS.

La idea de los tutoriales es explicarlos desde cero, sin embargo, en algunos puntos se puede tornar complicado
debido a que las nuevas características para la creación de plantillas son muy suculentas y provechosas.
Por eso en la primera tanda de artículos estarán explicados los conceptos básicos prioritarios, finalizando con la creación de una plantilla muy simple de ejemplo. Al igual que antes , no se centrará en la maquetación ni en el diseño.
Por otro lado en la segunda tanda estarán mejor desarrolladas las nuevas características.

Si desean extenderse un poco más, les recomiendo los artículos que me ayudaron:

• :: Templates in Joomla! 1.5 - Part 1 por Johan Janssens [ traducción en Joomla! Spanish ]
• :: Joomla Template Tutorial por Barrie North [ descargar PDF ]

Necesariamente para comenzar debemos tener:

• :: Conocimiento básico de HTML, CSS y PHP ;
• :: Un servidor local o remoto con Joomla! 1.5 instalado para realizar las pruebas;
• :: Un editor de programación [ yo utilizo Notepad++ ];
• :: Leer los anteriores tutoriales no es 100% necesario, puede servir para agilizar el aprendizaje ya que el modo de trabajo y los conceptos son los mismos.

NOTA: Cada vez que ponga entre paréntesis 'nueva característica', específicamente me estoy refiriendo a que lo dicho es una nueva característica en el diseño de plantillas para Joomla! 1.5.


Estructura básica de una plantilla para Joomla! 1.5

Básicamente un template puede estar formado por las siguientes carpetas y archivos:

• :: css: Es la carpeta que contiene los estilos en cascada del template.
• :: html: Esta carpeta posee los archivos que funcionaran como plantilla especifica para módulos y componentes (nueva característica). Su uso no es prioritario.
• :: images: Contendrá las imágenes usadas para el diseño.

Archivos:

• :: index.php: El archivo principal, contendrá todo el HTML y directivas PHP de Joomla! para cargar el contenido.
• :: templateDetails.xml: Determinante para que la plantilla sea reconocida en la administración del CMS. Posee diversos datos como licencia, autor, email, etc. Además en ella estarán los parámetros de la plantilla (nueva caracteristica) y las posiciones de módulos disponibles (nueva característica).
• :: template_thumbnail.png: Es la imagen que actuará como preview en la administración.
• :: params.ini: Contendrá los valores para configurar los parámetros del template (nueva característica). Si la plantilla no posee parámetros para configurar, este archivo no sera necesario.
• :: template.css: Es el estilo en cascada principal que se encuentra dentro de la carpeta 'css'. Anteriormente este archivo tenia el nombre de template_css.css.
• :: favicon.ico: El icono que usaremos en nuestro sitio.
• :: imagenes varias: Conformaran el diseño de la plantilla de ser necesarias.

 

Dentro de la carpeta 'html', como decia más arriba, estaran archivos y carpetas especificos para los módulos y componentes del sitio. Con esto podremos manejar a nuestro gusto la apariencia y el output de dichos componentes y modulos. La idea es que la plantilla prevalesca por encima del output por default de Joomla!. De esta forma, por ejemplo, podremos reemplazar todas las tablas que genera tal componente y reemplazarlas por DIVs. Este asunto será tratado mas adelante ya que su uso no es determinante para crear la plantilla básica...

Comentarios (22) | Leer más...