Imágenes de Pinterest en Joomla 2.5 con Pinterest Painboard Genius

pinterestpinboard joomla 25 0Como todos ya sabéis, Pinterest es una red social en la que los usuarios pueden compartir imágenes, crear tableros y clasificarlos por temas, comentar imágenes de otros usuarios y un sinfín de cosas más. Con el módulo Pinterest Pinboard Genius podremos incluir las imágenes del mencionado servicio en nuestra página web, simplemente con introducir el nombre del usuario cuyas imágenes queremos mostrar. Además es altamente configurable, permitiéndonos filtrar las imágenes por tableros, establecer su tamaño, colores de fondo y otras muchas opciones.

 

Descargaremos el módulo desde su página oficial y extraeremos el contenido del archivo para su posterior instalación.

pinterestpinboard joomla 25 1

Figura 1: Extraer contenido

Ahora instalaremos el módulo siguiendo el procedimiento habitual, desde el gestor de extensiones, eligiendo la versión apropiada para nuestra versión de Joomla.

pinterestpinboard joomla 25 2

Figura 2: Instalación del módulo

Tras esto accederemos al gestor de módulos y buscaremos el módulo “Pinterest Display”.

pinterestpinboard joomla 25 3

Figura 3: Módulo “Pinterest Display”

Si accedemos a las propiedades del módulo, veremos que hay que completar los datos comunes de los módulos (título, posición, estatus, acceso, páginas en las que será visible, etc).

pinterestpinboard joomla 25 4

Figura 4: Configuración del módulo

En la sección “Opciones básicas” encontraremos, además de alguna opción común, las opciones específicas de Pinterest Paniboard Genius.

Podremos añadir un sufijo de clase y un estilo personalizado para el módulo.

pinterestpinboard joomla 25 5

Figura 5: Estilo del módulo

Tendremos que introducir el nombre de la cuenta de Pinterest cuyas imágenes queremos mostrar. Elegiremos si el nombre y la descripción del perfil serán visibles.

pinterestpinboard joomla 25 6

Figura 6: Configuración de la cuenta de Pinterest

Al pasar el ratón sobre las miniaturas de las imágenes en el front-end, veremos una ventana con la imagen ampliada. Podremos decidir si, en esta ventana, se mostrará el título de la imagen, su color de fondo, el estilo del borde, etc.

pinterestpinboard joomla 25 7

Figura 7: Configuración del popup

En caso de que no queramos mostrar todas las imágenes de un usuario, sino solo un tablero concreto, podremos especificar el nombre de dicho tablero. También seleccionaremos el número de imágenes que se verán (máximo 25), su opacidad, tamaño, color de fondo, etc.

pinterestpinboard joomla 25 8

Figura 8: Configuración del tablero

La última opción de configuración nos permitirá decidir si se mostrará el enlace a la página del autor o no.

pinterestpinboard joomla 25 9

Figura 9: Enlace a la página del autor

Si accedemos al front-end, veremos que el módulo se muestra en la posición elegida, con el número de imágenes seleccionadas, incluyendo el nombre del perfil, su descripción y el resto de opciones que hemos seleccionado.

pinterestpinboard joomla 25 10

Figura 10: Módulo Pinterest Pinboard Genius en el front-end

Al situarnos sobre cualquiera de las imágenes veremos el popup que nos muestra la misma imagen ampliada.

pinterestpinboard joomla 25 11

Figura 11: Imagen ampliada

Si pulsamos en la imagen accederemos a la página original de Pinterest donde se encuentra publicada.

pinterestpinboard joomla 25 12

Figura 12: Imagen en Pinterest

Si nos fijamos en la parte inferior del módulo veremos, además del botón “Follow on Pinterest” , el enlace a la web oficial del módulo.

pinterestpinboard joomla 25 13

Figura 13: Enlace a la web de Pinterest Pinboard Genius

En caso de que queramos mostrar el módulo dentro de un artículo, podemos acceder a su configuración y establecer una posición inexistente (ej: miposicion).

pinterestpinboard joomla 25 14

Figura 14: Establecer una posición imaginaria

Ahora vamos al artículo en el que queremos incluir el módulo y escribimos el código “” en el lugar en el que queremos que aparezcan las imágenes.

pinterestpinboard joomla 25 15

Figura 15: Código en el artículo

Al acceder a nuestra web, veremos que las imágenes ya aparecen en el cuerpo del artículo.

pinterestpinboard joomla 25 16

Figura 16: Imágenes en el cuerpo del artículo

 

Enlace | Pinterest Pinboard Genius

 

Escribir un comentario

Por favor procura que tus comentarios estén relacionados con la entrada, comenta con tu nombre y no pongas enlaces en tu comentario. Intenta también respetar a los demás lectores, los comentarios off topic, promocionales, ofensivos o ilegales serán editados y borrados.


Código de seguridad
Refescar

Sigue este blog por

Suscríbete a Ayuda Joomla y recibe las actualizaciones de forma automática.

RSS Facebook Twitter Youtube Google Plus

Si te suscribes a nuestra newsletter recibirás una recopilación de 25 plantillas para Joomla gratuitas y cupones de descuento para extensiones y servicios premium de Joomla

Pack de plantillas Ayuda Joomla

Mi email es:

Patrocinadores

Axarnet