Afegir i maquetar imatges als misatges dels vostres blocs

Vist certs problemes amb la incrustació d’imatges dins dels posts dels blocs us explicarem con insertar imatges a les vostres notícies i com integrar-les amb el text.

En aquest article aprendreu a possar imatges als vostres artícles i a permetre que el text ocupi els espais al voltant de la imatge, apendreu a fer-vos una idea de com maquetar els vostres posts.

Com afegir una imatge

Per poder afegir una imatge en una noticia cal que estigui a la xarxa, necessitarem la seva direcció (URL). El més recomanable és que la imatge estigui a l’àlbum d’imatges del nostre bloc. Si linkem una imatge d’un altre lloc, si els administradors de l’altre lloc decideixen borrar la seva imatge o canviar-la de lloc o de nom ens sortirà a nosaltres una “X” enlloc de la imatge. El més segur i adient és que el nostre bloc contingui tots els elements, tant etxtos com imatges.

Com he pujar una imatge a l’Àlbum d’imatges del meu bloc?

Per pujar una imatge nova primer tindrem que tenir la imatge al nostre disc dur, ja sigui perquè l’hem desat d’un altre pàgina d’internet, de la camera de fotos o d’on sigui.

Per pujar una imatge anirem al menú “fitxers”. Allí podrem pujar una imatge clicant a “Nou recurs” o crear una nova carpeta epr classificar les nostres imatges amb “Nou àlbum”.

A dins de Nou recurs clicarem a examinar i bucarem la nostre imatge del disc dur del nostre ordinador. I a àlbum introduirem en quin àlbum volem classificar l’imatge (si no hem creat cap àlbum haurem de crear-ne almenys un a “Nou àlbum”).

Un cop clikem a afegir, si hem seguir tots els passos correctament, ja tindrem la nostre imatge pujada al bloc.

Un cop fet això per agregar la vostre imatge a les notícies només necessitareu la seva URL

Quina és la URL de la meva imatge?

Per saber la URL d’una imatge del vostre àlbum teniu varies maneres d’esbrinar-ho.

a) Una manera de fer-ho és anar a l’apartat de recursos, allí naveguem per les carpetes dels diferents àlbums i clikem sobre la imatge que volem conèixer la seva URL.

Anirem a parar en una pantalla de descripció de els característiques de la imatge seleccionada imatge.

Un cop aquí, cliquem sobre el nom de l’arxiu (en el nostre cas “roc2.jpg”) i veurem l’imatge en gran i un enllaç que diu “download”.

Si cliquem a “download” o “descarregar” en alguns casos. S’ens obrira una finestra amb la nostre imatge i la seva direcció URL a la ruta del navegador (en el nostre cas http://blocs.gracianet.org/get/16/roc2.jpg)

b) Un altre manera és recordar que l URL de qualsevol imatge de l’àlbum del nostre bloc sempre serà de la forma:
http://blocs.gracianet.org/get/{numero del nostre bloc}/{nom de l’imatge}

Com puc posar la imatge dins d’un missatge del nostre bloc?

Per posar una imatge dins d’un missatge només haurem d’anar a Gestionar >> Nous misatges per introduir un nou text i quan ho desitgem clicar a l’icona d’un quadre d’insertar/modificar imatge (el tercer començant per la dreta) i s’us obrirar un finestra nova que es dirà “Insert Image”.

A “Image URL” heu d’introduir la URL de la vostre imatge i al final donar OK per insertar la vostre Imatge.

Com puc fer que el text se situï al voltant de la imatge i no semrpe a sota?

Per determinar com voleu que s’integri l’imatge amb el text ho haureu de fer modificant les propietats de la imatge. Per exemple, si vole que la imatge se situi a la dreta i a l’espai que sobra es vagi situant el text, posarem a Layout – Aligment: “Right”, si a més a més, volem que hi hagi un marge horitzontal de 5 píxels entre el text i la imatge, possarem a Spacing – Horitzontal: 5.

Quedant de la següent forma:

Al final jugant amb tots aquests elements podem aconseguir una correcta maquetació i integració de les imatges en els vostre articles. Com es pot veure en aquest article del Bastonàrium.