Farem servir un petit pluging que el tenim a la part inferior de l'editor, anomenat Lightbox
Primer de tot, amb el Photoshop o Gimp, reduirem les imatge, a dues mides: una a 600 pixels (ja està be aquest tamany) i l'alta, li faré una miniatura. També recomanable canviar-li el nom de la imatge. 100_0250.JPG es un nom que no ens diu res. En canvi, si li canvio per educacio_social1_thumb.jpg, a part ja se que es la foto, se que es una miniatura (el prefix thumb).
Si publico les imatges per la part pública (frontend), ja em permet pujar-ho directament quan edito un article. Si ho fem per la part administrativa, cal anar, primer al gestor de suports per publicar la imatge. Per no se caòtics, ho deixarem al directori content i el número IDENTIFICADOR del article. D'aquesta manera, tenim agrupat cada article amb les seves imatges.
Per tant, deixarem les imatges, per exemple, a content/6, que es el directori de l'article Educació social
En el moment d'inserir la imatge, ens situarem en el lloc de l'article que volem la imatge. Fem click a l'editor Lightbox i ens inserirà una línia de codi. Aquesta línia es similar als wikis.
{lightbox:URL_THUMB|URL_IMAGE|TITLE}
on podem veure 3 apartats:
ens quedaria, per tant, aquesta línia:
{lightbox:media/content/6/educacio_social1_thumb.jpg|media/content/6/educacio_social1.jpg|Educació social}
Totes les imatges penjen del directori media. Per això, s'ha inserir la ruta:
media/content/directoriIDcontent/nomimatge.jpg
si volguéssim una URL, faríem
http://domini.com/media/content/directoriIDcontent/nomimatge.jpg
Quan visualitzem la pàgina, el codi que hem introduït ens crearà ell mateix ja crea la imatge, el zoom i col·loca el text