Colocar imágenes en un artículo

En éste tutorial vimos como crear nuestro propio artículo. Ahora vamos a ver como colocar las imágenes en los artículos.

En primer lugar subiremos las imágenes que queremos colocar respetando siempre las normas de las imágenes en cuanto a tamaño y peso de las mismas.

Tenemos 2 sistemas de colocar imágenes, el primero es a través del nombre del fichero. Hacemos clic en el botón de insertar imagen y rellenamos los campos del formulario.

Una vez hacemos clic en el botón de OK, el código resultante es el siguiente.

En el caso de que no pusiéramos nada en la descripción de la imagen.

El código resultante sería el siguiente:

El segundo sistema es a través del orden de ficheros subidos. En este caso android.jpg sería el 1 y fuents.jpg sería el 2.

Una vez hacemos clic en el botón de OK, el código resultante es el siguiente.

Una vez tenemos los dos códigos, le damos al botón de Enviar.

Cuando se suben las imágenes, hasta que no le damos a Enviar por primera vez los ficheros no se ubican en la carpeta correspondiente y la Vista previa no funciona.

Una vez visto el resultado de como quedan las imágenes volvemos a editar el tutorial y nos damos cuenta de que el sistema ha cambiado el código donde hemos puesto el numero del fichero por el nombre del fichero.

Una cosa muy importante a tener en cuenta al colocar las imágenes, es que entre el código de la imagen debe tener un espacio superior, inferior y lateral con el resto de contenido del artículo ya sea texto u otra cosa.

En caso de que queramos poner las imágenes en la misma línea no hay problema, siempre y cuando respetemos el espacio entre código y código.

Una vez cambiado el código de orden, haremos clic en Vista previa para ver los cambios en nuestro artículo (recordad que las imágenes ya estaban subidas antes). Al pasar el ratón por encima de las imágenes, podremos observar que se muestra la descripción que hemos puesto en el formulario de insertar imagen.