Seguir los pasos siguientes:

1. Ir a la página de Flickr y posicionarse en la imagen deseada, hacer clic en este enlace para ver ejemplo.
2. Hacer clic en el icono Más formas para compartir (imagen inferior flecha 1) que hay a la derecha bajo la imagen.

   

3. Hacer clic en las palabras Obtener el código HTML/BBCode (imagen inferior flecha 2).
4. Seleccionar el tamaño que la imagen tendrá en nuestro artículo, por ejemplo Mediano 500 (479 x 339).
5. Copiar el texto contenido en la caja que está encima.

   

6. Es necesario pegar el código en forma de código, no se puede pegar directamente, para lo cual se debe: posicionar el cursor en el lugar en que se va a insertar la imagen y escribir una carácter especial y único que se usará como referencia, por ejemplo, el del euro: €. Si se desea que la imagen esté centrada en la página se debe centrar el carácter especial mediante el icono Centrar que representa varias líneas centradas.
7. Hacer clic en las palabras [Toggle Editor] que hay sobre las barras de iconos del editor. Los iconos y la maquetación desaparecen y se ve el código HTML del artículo.
8. 
9. Buscar el carácter especial, en el ejemplo el símbolo del euro €. Pulsar la combinación de teclas Control+F (F de Find=buscar) e introducir el carácter en cuestión (€).
10. Una vez hallado, eliminar el carácter especial que se ha usado como refrencia y pegar el código de Flickr.
11. Volver a hacer clic en las palabras [Toggle Editor] que hay sobre las barras de iconos del editor. Los iconos y la maquetación aparecerán y con ellos la imagen.
12. Para editar la imagen, hacer clic en el icono Insertar/Editar imagen de la barra de iconos.
13. Escribir el texto alternativo en el campo homónimo. Nota: es de gran importancia NO dejar este campo en blanco.
14. Indicar las dimensiones si procede: no se recomienda variarlas mucho ya que la imagen se pixelará cuando de amplíe, ver ejemplo más abajo.
15. Indicar la alineación si procede. De manera predeterminada, la imagen se alinea a la izquierda.
16. Insertar un margen en píxeles, si el texto queda pegado a la imagen o se desea darle aire. Pueden asignarse márgenes diferentes a cada lado.
17. Tras repasar los valores de todos los campos, pulsar el botón Insertar.

Imagen insertada sin retoque alguno:

Imagen editada:

Si se hace clic sobre cualquiera de las dos imágenes de arriba, ser verá que el código insertado, además de la propia imagen, contiene un enlace al original en Flickr. Aproveharemos esta característica ya que permite al visitante ver el nuestras imágenes, pero habrá que introducir un par de cambios:

1. Al hacer clic en la imagen se ha sustituido nuestra página por la de Flickr, sin embargo, interesa mantener al visitante en nuestra web.
2. El título del enlace será el que tuviera la imagen en Flickr y puede que sea necesario editarlo para añadir el nombre del autor o alguna otra información.

Para editar el enlace léase el tutorial acerca de enlaces, en resumen:

1. Seleccionar la image.
2. Hacer clic en el icono Insertar/Editar enlace que representa tres eslabones de una cadena y un signo + blanco sobre un circulito verde.
3. Seleccionar la opción Abrir en nueva ventana en el campo Destino sólo si se desea mantener la ventana actual de la web y abrir una nueva con el enlace.
4. Isertar en el campo Título la misma información que se introdujo en el texto alternativo de la imagen.
5. Hacer clic en el botón Insertar para finalizar.

Recursos

• Índice de tutoriales