Cómo incluir imágenes alojadas en Flickr (individuales y en presentación) en tus artículos de Joomla 1.5 con el editor JCE 2.0.7

Tags: CMS | gestor de contenidos | imagen | Joomla | presentaciones

En Internet son muy populares una gran variedad de servicios Web 2.0 de alojamiento de imágenes, que te ofrecen, además de la posibilidad de utilizar el espacio disponible para guardar – salvar tus fotografías, diferentes opciones de visualización de estas fotografías tanto como imágenes individuales como presentaciones multimedia y diferentes opciones también para compartirlas.

Los dos servicios más populares, por su presencia en la red desde hace ya tiempo, son por un lado, Flickr, un servicio de la empresa Yahoo, y Picasa Web, de la empresa Google Inc.

En el campo educativo ambos servicios son ampliamente utilizados. Quizás más el segundo que el primero. Flickr suele ser utilizado sobre todo por fotógrafos profesionales, publicistas, diseñadores gráficos, etc y Picasa Web por docentes y centros educativos. Te recomendamos utilices también ambos servicios para localizar imágenes de calidad que puedas emplear en tus trabajos escolares. Flickr, por ejemplo, te permite filtrar las búsquedas (búsqueda avanzada) para localizar imágenes bajo licencias Creative Commons, que incluso puedas editar – modificar o utilizar en proyectos comerciales.

FLICKR - http://www.flickr.com

PICASA WEB - http://picasaweb.google.com

En este artículo vas a ver cómo puedes integrar imágenes de Flickr en tus artículos de Joomla utilizando el editor JCE 2.0.7, un editor capaz de admitir múltiple código html. Suponemos, por tanto, que eres usuario de este servicio y que ya dispones de imágenes alojadas en él.

Si, en cambio, aún no lo eres y crees que puede ser un servicio con ventajas para ti siga leyendo este artículo: date de alta en el servicio, sube tus fotos al mismo e inclúyelas en tus artículos de Joomla (también presentaciones de fotografías).

Flickr, un servicio Web 2.0 de alojamiento de imágenes

Flickr es un sitio Web donde puedes administrar y compartir tus fotos en línea, es decir, al servicio de alojamiento de imágenes se le une la posibilidad de crear una red social en torno a ellas. Además de mostrar tus imágenes al mundo te relacionarás con los visitantes que podrán comentar las fotografías, verlas geolocalizadas (asignadas a un punto geográfico) o publicarlas en tus propios sitios Web (también en un sitio Joomla) y blogs.

Para usar este servicio primero tendrás que darte de alta en él y podrás hacerlo tanto si dispones de una identidad Yahoo (Yahoo ID) que puedes conseguir en el mismo Flickr, si eres usuario de los servicios Web 2.0 de Google (con tu cuenta de Gmail, por ejemplo) o con tu cuenta de Facebook.

Como darse de alta en el servicio con tu cuenta Gmail de Google: Ver

Cómo cargar fotografías al servicio: Ver

Incluir una imagen de Flickr en tu sitio Joomla

Localiza la imagen de tu interés

Desde tu página inicial haz clic en la imagen de la galería que quieres añadir en un artículo de Joomla.

Una vez en la página de información de Flickr de la imagen seleccionada localiza el botón Compartir y despliega su menú deslizante. Haz clic en el desplegable Obtener el código HTML/BBCode:

Deja la opción seleccionada por defecto HTML y elige el tamaño de la imagen tal y como quieres que se muestre en tu sitio Joomla. Fíjate en el código que aparece en cuadro de texto superior. El código que se muestra en pantalla es el código que vas a utilizar en Joomla para incluir la imagen elegida en el artículo. Un simple copiar y pega. Selecciona todo el código y utiliza el procedimiento habitual para copiarlo al portapapeles del sistema.

Nota.

En realidad, la dirección URL a la imagen se muestra en el código. Puedes también copiar – pegar dicha dirección URL en la ventana Explorador de imágenes de JCE.

Crea el artículo en Joomla

En una nueva pestaña de tu navegador accede a la administración de Joomla y en el Panel de Control haz clic sobre el botón Crear un nuevo artículo. Confíguralo así:

Título: Imagen y presentación de Flickr

Alias: deja de Joomla escriba este campo por sí mismo

Publicado: Sí, o si no no verás el artículo en el Frontend de tu sitio

Página principal: Sí, sólo queremos ver cómo queda el artículo, colocarlo en la página de inicio del sitio es tan válido como cualquier otro lugar de tu sitio.

Sección – Categoría. Sin clasificar, nuestra única pretensión es practicar con las opciones que JCE incluye para las imágenes. No necesitamos ubicarlo en ninguna sección ni categoría específica de nuestro sitio.

Escribe el artículo utilizando las opciones disponibles en el editor. Simplemente escribimos un "Imagen de Flickr" y hacemos un intro ya que colocaremos la imagen justo debajo del texto.

Ahora haz clic sobre el texto [show/hide] que se muestra justo encima de los iconos del editor. Esto oculta completamente el editor y accedes al código html del artículo (no tienes necesariamente que conocerlo, pero saber código HTML es una ventaja a la hora de editar cualquier artículo).

Recuerda que copiaste el código ofrecido por Flickr, ahora pégalo a continuación del texto html escrito:

Vuelve a hacer clic en el enlace [show/hide]. La imagen aparece en tu artículo.

Por cierto, puedes tratarla tal y como ya conoces sobre la utilización de imágenes en JCE. Si haces clic en ella y seleccionas el icono Insertar/Editar imagen de JCE podrás cambiar sus dimensiones, añadir un borde, modificar su alineación, etc. todas las opciones disponibles en el editor.

Haz clic en el botón Aplicar de la barra de herramientas para guardar el artículo (vas a seguir editándolo a continuación) y visualiza su aspecto en tu sitio. ¡Todo correcto!

Incluir una presentación Flickr de imágenes

Flickr también te ofrece la opción de visualizar en pantalla una presentación con todas las imágenes incluidas en un álbum de Flickr. Y como en el caso anterior puedes añadir un reproductor flash en tu sitio con tu presentación de fotografías de Flickr preferida directamente en un artículo de Joomla.

En primer lugar, localiza el álbum con las imágenes deseadas desde la página de inicio de Flickr. Haz clic para ello en el enlace Tu galería:

En la parte derecha de la pantalla puedes ver tus álbumes configurados. Haz clic sobre el nombre del álbum cuyas imágenes quieres mostrar en tu sitio Joomla.

Enlace al álbum personal público por si quieres seguir la práctica y no eres usuario de Flickr: http://www.flickr.com/photos/58662532@N04/sets/72157627321258775/

En la nueva página de Flickr dedicada al álbum localiza el botón Presentación en la parte superior derecha de la pantalla y haz clic sobre él:

Puedes ver la presentación de las fotografías en el servicio. Haz clic en el enlace Compartir de la parte superior derecha de la página para desplegar las opciones disponibles:

El código que vas a utilizar en tu sitio Joomla es el disponible en el apartado Seleccionar el código HTML. Haz clic sobre él para seleccionarlo y, a continuación, en el botón Copiar en el portapapeles.

Ya tienes el código pegado. Ahora acude al artículo de Joomla que estábamos editando. Escribe "Presentación de imágenes Flickr". La presentación irá a continuación del texto.

Pulsa sobre el enlace [show/hide] para ocultar el editor. Pega el código al final del código HTML que se muestra en la ventana.

Vuelve a hacer clic en [show/hide] y verás el espacio ocupado por la presentación de imágenes. No te preocupes, una vez publicado el artículo, se verá correctamente:

Guarda finalmente el artículo. Acude al Frontend de tu sitio, recárgalo y visualiza el aspecto final del mismo.

Descarga nuestro tutorial en formato PDF - 522 kb - Descargar

 

Mostrar este artículo en su sitio web

< Prev		Próximo >

Joomla - Componentes