Imágenes de terceros en los artículos de tu sitio Joomla 2.5

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

No tienes por qué utilizar obligatoriamente imágenes propias en tus artículos para ilustrarlos. Es más, en ocasiones, te puede resultar incluso cómodo utilizar imágenes de terceros, que ya están publicadas en Internet. Eso sí, debes tener en cuenta que las imágenes no son tuyas y que debes usarlas sólo en el caso de que poseas los permisos necesarios para hacerlo.

La utilización de imágenes alojadas en Internet que no te pertenecen es posible en varios casos:

1. Si utilizas imágenes en sitios web educativos, como webs educativas, wikis y blogs, que se encuentran alojadas en sitios que permiten un uso educativo de las imágenes. Es el caso, por ejemplo, de los repositorios institucionales educativos de imágenes como el Banco de imágenes y sonidos del ITE en la dirección URL http://recursostic.educacion.es/bancoimagenes/web/, Picto, página del Ministerio de Educación de Quebec en http://www.picto.qc.ca/ o el Banco de imágenes del Cefire de Elda en http://www.lavirtu.com/ Utiliza estos mismos repositorios web para la descarga directa de las imágenes de tu interés.

2. Si utilizas imágenes alojadas bajo licencias Creative Commons. Dispones de cientos de sitios web que alojan fotografías y dibujos que podrás utilizar si cumples sus restricciones. En la mayoría de los casos bastará con la simple mención de la autoría de la imagen o la mención expresa del lugar donde está alojada. Te recomendamos Flickr Creative Commons, Flickr CC bluemountains, Open Clipart Library, etc... Pero tendrás que leer la licencia de cada sitio y, en concreto, de cada imagen que vayas a utilizar.

3. Si utilizas imágenes de sitios web bajo licencias libres y de dominio público. También hay varias decenas de estos sitios en Internet siendo el más popular de todos ellos la utilización de las imágenes de los artículos que ilustran la Wikipedia.

Te recomendamos utilices imágenes libres y de dominio público. Nuestro artículo ¡130 sitios web donde localizar imágenes libres de derechos y de dominio público... y gratis! te muestra una extensa lista donde puedes hallarlas.

Nota. Los recursos multimedia de la Wikipedia se encuentran alojados en un sitio propio denominado Wikimedia Commons. Son de uso libre, bajo licencias Creative Commons o de dominio público y gratuitas y es el sitio que te recomendamos visites en primer lugar.

Visita Wikimedia Commons

http://commons.wikimedia.org/wiki/Portada

Ventajas e inconvenientes de la utilización de imágenes alojadas en sitios Web

Ventajas

• Si son de tu propiedad y las tienes alojadas en servicios de alojamiento de imágenes como Flickr, Picasa Web, Image Shack, Photobucket, a la rapidez de la configuración del enlace de tus imágenes en diferentes blogs o sitios web que estés construyendo le unes la comodidad de liberar parte de tu espacio en ellos, ya que las imágenes están alojadas en estos sitios, no en tu web, “consumiendo” el espacio de los servidores originales en las que se ubican. Esto es especialmente útil si el espacio disponible por tu servicio de hosting no es demasiado amplio.

• Puedes reutilizar imágenes de aquellos sitios que sabes que te permiten hacerlo. Así, por ejemplo, te ahorras el procedimiento de localizar la imagen, descargarla y guardarla en tu equipo, además de su posible edición. Simplemente realizas un enlace a la imagen y la redimensionas directamente desde Joomla. ¡Cómodo!

Inconvenientes

• Los derechos sobre la imagen. Debes asegurarte de que puedes utilizarla en tu blog o sitio web, por tanto, la lectura obligada de los derechos de cada imagen es un paso previo. Utiliza imágenes libres de derechos, de dominio público o soportadas bajo licencias Creative Commons (en este último caso, no olvides citar la fuente de donde la obtienes: el nombre del autor, un enlace al servicio de alojamiento de imágenes, etc.)

• Si la imagen desaparece del blog o sitio web de referencia también desaparecerá de tu sitio. Recuerda que sólo realizas un enlace a la misma: si la imagen no está, el enlace aún persistirá y lo hará hacia una imagen inexistente. Asegúrate en este caso de utilizar referencias a sitios estables en Internet, que sabes que no dejarán de funcionar: por ejemplo, la Wikimedia es un buen sitio de referencia.

Crea un artículo e ilústralo con una imagen de Wikimedia Commons

Supongamos que quieres crear un nuevo artículo en Joomla 2.5 y que las imágenes que lo van a ilustrar serán tomadas de la enciclopedia libre Wikipedia. Tu forma habitual de proceder sería acudir a la Wikipedia, localizar la imagen a utilizar y, después, descargarla y guardarla en tu equipo. Luego tendrías que subirla a tu sitio Joomla y finalmente, incluirla desde el editor.

Sin embargo existe un procedimiento mucho más rápido y efectivo. Te lo mostramos a continuación. Para seguirlo debes disponer de la administración de Joomla 2.5 en una ventana o pestaña de tu navegador, mientras que en otra tienes que acudir a Wikimedia Commons.

Para comenzar accede a a administración de tu sitio Joomla 2.5. Introduce tus credenciales de acceso como administrador del sistema, tal y como has hecho hasta ahora.

Ya en el Panel de control haz clic sobre el icono Añadir un nuevo artículo para acceder a la página de creación de un nuevo artículo en tu sitio Joomla (también puedes acudir al menú Contenido – Gestor de artículos – Añadir nuevo artículo).

Una vez en la página de edición y configuración del artículo rellena el formulario con los datos adecuados. En nuestro caso:

• Título. La célula vegetal

• Categoría. En el desplegable selecciona 1º E.S.O – apuntes. Recuerda nuestra estructura de categorías establecida en el artículo Organiza los artículos con las categorías de Joomla 2.5

• Estatus: Publicado, el artículo será visible en tu sitio

• Acceso: público. El artículo será público, es decir, cualquier usuario – visitante de tu sitio puede acceder a él, no se necesitan privilegios o permisos especiales para hacerlo.

• Destacados: asegúrate de que se muestra seleccionada la opción Si. De esta forma estás garantizando que el artículo se muestre directamente en la página inicial del sitio. De momento, esto es obligado ya que aún no disponemos de ningún menú de navegación que nos permite acceder a artículos situados en cualquier otro lugar o sección de tu sitio Joomla.

• En el editor de textos teclea el texto que desees. Por ejemplo, A diferencia de la célula animal, la célula vegetal tiene otra membrana exterior más rígida y dura llamada pared celular. Entre sus orgánulos se encuentran los cloroplastos, que sirven para fabricar las sustancias que necesita la planta para alimentarse, y las vacuolas, que son grandes cavidades llenas de agua. Edítalo según tus preferencias y no olvides realizar un Intro al final del párrafo ya que ahí colocarás la imagen.

Ahora abre una nueva pestaña en el navegador. Tanto si utilizas Firefox como Chrome dispondrás de un pequeño icono a la derecha de la pestaña abierta en el navegador para abrir una nueva (también puedes acudir en Firefox al menú Archivo – Nueva pestaña

Observa como, en efecto, ahora se muestran dos pestañas: en la primera accedes a la administración de tu sitio Joomla 2.5 y la segunda muestra un ilustrativo título “Nueva pestaña” que lógicamente presenta una página vacía.

Puedes activar una u otra simplemente haciendo clic sobre su nombre.

Haz clic sobre la segunda pestaña, la llamada Nueva pestaña y en el campo de texto dirección URL teclea la que corresponde a la Wikimedia:

http://commons.wikimedia.org/wiki/Portada

Localiza en la parte superior derecha de la pantalla el campo de texto que te permite introducir palabras o términos de búsqueda. Teclea, célula vegetal y observa que, en segundos, Wikimedia te muestra varias miniaturas con imágenes que hacen referencia al término buscado:

Haz clic sobre la miniatura que deseas elegir. En este tutorial utilizamos la imagen correspondiente a Estructura célula vegetal.png

Observa cómo Wikimedia te lleva a la página específica en la que se aloja la imagen:

http://commons.wikimedia.org/wiki/File:Estructura_celula_vegetal.png

Fíjate en los datos que se muestran justo debajo de la imagen. Se refieren a su tamaño. Como puedes observar Wikimedia te permite seleccionar entre distintos tamaños disponibles. Sólo tienes que hacer clic en el que precises.

Lo verdaderamente importante en el caso que nos ocupa es la dirección URL de la imagen que hayas seleccionado. Observa, pues, el campo Dirección del navegador. Nosotros hemos seleccionado el tamaño 603 x 480 y así su dirección URL es la siguiente:

http://upload.wikimedia.org/wikipedia/commons/thumb/7/73/Estructura_celula_vegetal.png/603px-Estructura_celula_vegetal.png

Esta es la dirección URL que necesitas para tu sitio Joomla. El procedimiento aquí es muy sencillo: selecciona toda la URL y utiliza el menú contextual del botón derecho del ratón – Copiar, así la URL a la imagen se copia en el portapapeles del sistema (también en Ubuntu, ¡que te creías... que esto sólo era cosa de windows...!).

Ahora llega el momento de incluir nuestra imagen en el artículo que estás creando / editando en Joomla. Para ello en primer lugar haz clic sobre la pestaña con la administración del sitio.

La página se muestra ahora activa en el navegador.

Asegúrate de que, en efecto, el cursor del ratón se localiza en el sitio exacto en el que quieres ubicar la nueva imagen. Nosotros la pondremos justo al final del párrafo, en una nueva línea.

Localiza el icono Insertar/editar imagen en el editor y haz clic sobre él:

Verás que se muestra en pantalla la ventana Insertar/editar imagen. Observa el campo URL de la imagen, haz clic sobre la caja de texto y pega el código que copiaste de la imagen (botón derecho del ratón – pegar o combinación de teclas Ctrl + V).

Si lo has hecho correctamente haz clic en el campo Descripción de la imagen y aprovecha para escribir una descripción adecuada a la imagen. Verás que el campo Dimensión incluye las dimensiones de la imagen original alojada en Wikimedia Commons. Añade también, por ejemplo, un borde 2 en el campo correspondiente:

Nota

No estás obligado a utilizar las dimensiones de la imagen en la Wikimedia. Puedes modificarlas según tus necesidades. Para ello teclea el tamaño en píxeles en uno de los campos y deja el otro en blanco, para que el redimensionado sea así proporcional.

Finalmente, cuando rellenes los campos de la ventana, haz clic en el botón Insertar. La imagen se mostrará en el artículo... ¡y no es tuya!

Acude ahora a la parte derecha de la pantalla. Si lo deseas escribe el nombre del autor del artículo en el campo Creado por: Alias de la sección Opciones de publicación y, sobre todo, dedica un poco de tu tiempo a rellenar los datos relativos a la sección Metadatos (las búsquedas en motores de búsqueda te lo agradecerán).

Finalmente haz clic en el botón Guardar y Cerrar. La edición del artículo ha finalizado... de momento (ya sabes que siempre puedes volver a él con un simple doble clic en el listado del Gestor de artículos).

Ahora visualiza el Frontend de tu sitio para comprobar que todo ha sido realizado a la perfección y que la imagen se muestra en el artículo con el tamaño que indicaste:

Es evidente que aún nos faltan algunas cosas por hacer (modificar esa apariencia en columnas de la página de inicio, por ejemplo), pero, al menos has comprobado qué sencillo es incluir en tu sitio artículos con enlaces a imágenes ya existentes en la red.

Nota. Es recomendable que sólo utilices este procedimiento, rápido y cómodo, con imágenes de sitios estables en el tiempo ya que no tienes ningún control sobre la imagen enlazada. Por ejemplo, si, por cualquier motivo, la imagen desaparece del servidor en el que se aloja, también desaparecerá de tu sitio.

Pero creo que ya vas intuyendo cuán práctica resulta esta opción si alojas tus propias imágenes en servicios externos, como PicasaWeb o Flickr, por ejemplo, y luego las enlazas en tus artículos.

¡¡¡Truco!!!

Tanto en Chrome como en Firefox puedes conocer la dirección URL de la imagen alojada en Internet con un procedimiento sencillísimo: botón derecho del ratón sobre la imagen – Copiar URL de la imagen en el menú contextual emergente.

Por ejemplo, navega a http://www.profesorenlinea.cl/Ciencias/celula_vegetal.htm y observa las imágenes que ilustran el artículo. Utilizando este procedimiento del botón derecho del ratón sobre las imágenes puedes añadir directamente en el artículo que estás creando.

Descarga nuestro tutorial en formato PDF - 350 kb - Descargar

Joomla 2.5 - Tutoriales Joomla!