Saltar al contenido

Añadir imágenes desde una URL externa al blog

Dado que la capacidad de almacenamiento de archivos multimedia en UPM[Blogs] es limitada, se recomienda usar otros servicios externos para almacenar y gestionar este tipo de archivos ya que ofrecen un servicio especializado y permiten liberar espacio del blog.

A continuación, se explican los pasos a seguir para insertar imágenes en el blog mediante una URL desde herramientas para el almacenamiento de la información como UPMDrive y repositorios de imágenes como Flickr y Pinterest.

Pasos para enlazar una imagen desde Flickr o Pinterest al blog:

En primer lugar, hay que subir todas las imágenes a estas aplicaciones. La ventaja de Flickr frente a Pinterest es que permite subir varias imágenes a la vez. Con Pinterest solo se pueden ir añadiendo de una en una.

Otro dato a tener en cuenta es que Pinterest es una herramienta completamente gratuita que no tiene límite en la cantidad de imágenes almacenadas. Sin embargo, Flickr es gratuita para subir 1.000 fotos de resolución completa, para mayor capacidad habría que realizar una suscripción de pago a la versión Pro.

Por otro lado, ambas herramientas permiten añadir las imágenes en álbumes o tableros privados (por si no se desea tener las imágenes públicas).

Una vez subidas todas las imágenes en la herramienta elegida, hay que insertarlas en el blog del siguiente modo:

Con Pinterest:

1º) En Pinterest se elige la imagen que se desea insertar a una entrada/página del blog y, sobre la imagen con el botón derecho del ratón, se copia la dirección de la imagen.

Captura de la página de una imagen en Pinterest donde aparece el menú al dar clic derecho sobre la imagen para pulsar sobre la opción de copiar dirección de la imagen

2º) En la entrada/página se añade un bloque “Imagen”, se elige “Insertar desde una URL” y se pega la dirección de la imagen de Pinterest.

Página para editar una entrada o página con el bloque de imagen desde donde insertamos la dirección de la imagen en el botón de incluir sobre una url

3º) Al pulsar “Intro” la imagen aparece en la entrada/página.

Resultado final al incluir una imagen a través de una URL de Pinterest con una imagen de ejemplo de un árbol curvado.

Con Flickr:

1º) En Flickr se elige la imagen que se desea insertar a una entrada/página y se pulsa sobre el icono de la flecha “Compartir foto”.

Ejemplo de imagen de la web de flickr donde aparece una cámara de vídeo y un hombre manejandola.

2º) Se selecciona “Compartir” y se copia el enlace.

Ventana emergente desde donde podemos copiar la URL de la imagen. Aparecen también los enlaces para compartir la imagen en diferentes redes sociales.

3º) Una vez copiada la url se puede llevar a la entrada/página del blog donde se desea insertar con un bloque ”Imagen” del mismo modo que con Pinterest.

También es posible insertar desde una URL una imagen de Pinterest o Flickr en una entrada/página eligiendo un bloque “Pinterest” o “Flickr”.

Opciones de bloque para añadir una imagen directamente desde las aplicaciones de flickr y pinterest

Pasos para enlazar una imagen desde UPMdrive al blog:

1º) En UPMdrive se elige la imagen que se desea añadir al blog y se pulsa sobre el icono de compartir y, a continuación, a “Compartiendo” > “Enlaces Públicos” > “Crear un link público”.

Página principal de una carpeta de upmdrive con diferentes imágenes subidas

2º) Se asigna un nombre al enlace público y se pulsa sobre “Compartir”.

Ventana emergente con las opciones a la hora de compartir una imagen donde podemos permitir editar o no, descargar y ver.

3º) A continuación, se copia el enlace pulsando sobre el icono “Copiar al portapapeles”.

Página principal de una carpeta de upmdrive con diferentes imágenes subidas con la opción de copiar al portapapeles marcado

4º) Se puede salir de UPMdrive para asegurarse de que el enlace copiado es público.
A continuación, el enlace copiado se abre en un navegador y, cuando aparezca la imagen, se pulsa sobre ella con el botón derecho del ratón y se copia la dirección de la imagen.

Menú que aparece al dar un clic derecho sobre una imagen donde está seleccionada la opción de copiar el enlace de la imagen

5º) Ese enlace copiado es el que se debe llevar al blog e insertarlo en un bloque “Imagen” en la entrada/página que se desee, eligiendo la opción “Insertar desde una URL”.

Página del editor de entradas/páginas con el bloque de imagen donde se incluye la URL de la imagen en el campo de insertar imagen mediante URL

6) Al pulsar Intro, la imagen aparecerá en la entrada/página.

© GATE UPM. Sección EduTIC

El presente manual ha sido desarrollado por la sección de EduTIC del Gabinete de Tele-Educación (GATE) perteneciente al Vicerrectorado de Estrategia y Transformación Digital de la Universidad Politécnica de Madrid (UPM).

No se permite la reproducción total o parcial de este documento, ni su incorporación a un sistema informático, ni su transmisión en cualquier forma o por cualquier medio, sea éste una reunión presencial, un medio electrónico, mecánico, mediante fotocopia, grabación ni cualquier otro método sin el permiso previo y por escrito del titular de copyright.

La infracción de los derechos mencionados puede ser constitutiva un delito contra la propiedad intelectual (artículo 270 y siguientes del Código de Penal).

Bajo Licencia de uso CC, exclusiva para ámbito docente de la UPM, se exige la mención expresa de la autoría y Copyright de GATE UPM.

Licencias Creative Commons: Reconocimiento – Sin obra derivada – No comercial.

Imagen de la licencia del manual
Share