Añadir una imagen a un artículo

Una vez tengamos una imagen para mostrar en nuestro artículo lo que deberemos hacer será almacenarlas en nuestro servidor añadiendolas una a una y más tarde las iremos insertando en el lugar deseado del artículo. Para ello, desde la sección "Adjuntar archivo" (Ver imagen 1), pulsaremos el botón "Seleccionar archivo", seleccionaremos la imagen (preferiblemente en formato jpeg)  y le daremos al botón "Guardar y continuar editando".

Una vez hayamos seleccionado la imagen deseada nos aparecerá el nombre (con la ruta del fichero) y podremos darle al botón "Guardar y continuar editando" (imagen 2)

Si todo ha ido bien nos aparecerá una sección bajo de "Adjuntar archivo" llamada "Archivos adjuntos". Aquí aparecerá el nombre de la imagen junto con una ruta entre paréntesis (ver imagen 3):

Ahora lo que vamos a hacer es insertar la imagen que acabamos de subir en nuestro artículo. Para ello copiaremos todo lo que se encuentra entre paréntesis (sin excepción). Si nos dejásemos algún carácter sin copiar la imagen no se mostrará correctamente en nuestro artículo. 

Nota: Una forma sencilla de copiar la dirección es, con el ratón, seleccionar todo lo que está entre parénteis (el fondo del texto seleccionado cambiará de color) y pulsaremos las teclas Control + C

Una vez tengamos copiada la dirección/ruta que aparecía entre paréntesis (a partir de ahora esa dirección/ruta la llamaremos URL), nuestro siguiente paso será colocarnos sobre el lugar donde queramos que se muestre la imagen y pulsar sobre el botón "Imagen" que aparece señalado en la imagen siguiente: 

Cuando pulsemos el botón "Imagen" nos aparecerá la siguiente pantalla "Propiedades de Imagen". En esta pantalla lo que más nos interesa es el apartado "URL" en  la pestaña "Información de Imagen". Ahí será donde peguemos la URL copiada anteriormente. Para ello pincharemos el recuadro "URL" y pulsaremos las teclas Control + V y, si todo ha transcurrido bien, cambiará el texto de relleno de "Vista Previa" por la imagen (lo más seguro es que no se vea totalmente y sólo se vea una sección de la misma, esto es normal). 

Ahora ya podemos pulsar el botón "OK" y la imagen se verá reflejada en nuestro artículo una vez le demos al botón "Guardar" o bien "Guardar y continuar editando".

Nota: Por cuestiones de accesibilidad es recomendable rellenar el apartado "Texto alternativo" para personas no videntes que no puedan ver la imagen pero sí puedan saber que contiene. En este apartado describiremos lo más brevemente posible el contenido de la imagen y, si es una imagen no relevante, entonces sí lo dejaremos en blanco. 

Es recomendable ir revisando el artículo a medida que lo vamos editando y también me gustaría recalcar que la imagen que aparezca en el artículo, a parte de las diferentes posibilidades que ofrece la pantalla "Propiedades de imagen", también se pueden pulsar los botones de alineación del texto para que la imagen aparezca a la izquierda, centrada o bien a la derecha.