Edició de les imatges inserides en les entrades del blog (amb WordPress.com)

Un cop inserida una imatge en una entrada del blog, podrem editar-la en qualsevol moment per canviar els paràmetres establerts en inserir-la.

Per fer-ho, fem clic a sobre de la imatge. Apareixeran dos botons:

Els botons d'edició i esborrat

El primer ens permet editar-la, el segon esborrar-la.

En fer clic en el primer botó, “Edita la imatge”, accedim a una finestra on establirem els paràmetres que interessin. La finestra d’edició té dues pestanyes: “ Edita la imatge ” i “ Opcions avançades “.

Les opcions de la primera pestanya són les següents:

  1. Mida :  en fer clic en l’escala de percentatges, podrem canviar la mida de la imatge. A la dreta, una vissualització prèvia mostrarà els efectes que produeix el redimensionament.
  2. Alineació :  podrem indicar una nova posició per a la imatge. La visualització prèvia ens indicarà quin efecte provoca cadascun dels alineaments possibles (cap, esquerra, centrat i dret).
  3. Títol : podem escriure el títol de la imatge. Aquest és el text que es mostrarà als navegants quan situïn el cursor del ratolí a sobre.
  4. Text alternatiu :  podem escriure el text que es llegirà si la imatge no està disponible, o que utilitzaran els lectors de pantalla per interpretrar el contingut de la imatge.
  5. Llegenda : podem escriure el text que apareixerà com a peu de la imatge.
  6. URL : podem escriure la URL amb la qual ha d’enllaçar la imatge.

Les opcions de la pestanya “ Opcions avançades ” són les següents:

Relatives a la imatge

  1. Codi font :  es refereix a la URL real de la imatge en cas que es desitgi un control total sobre els seus paràmetres.
  2. Mida : control de l’amplada i l’alçada de la imatge, amb l’opció de restablir els valors originals de la imatge fent clic al botó “Mida original”.
  3. Classe CSS : el control del format de les imatges es fa mitjançant el llenguatge CSS. Segons el tema escollit, les imatges tindran aplicades unes regles CSS que podríem anul·lar des d’aquesta opció.
  4. Styles : amb aquesta opció podem indicar regles CSS pròpies per a la presentació de les imatges.
  5. Propietats de la imatge : amb aquesta opció podem proporcionar algunes opcions de format a les imatges. Podem indicar que la imatge tingui una vora (donarem un valor que serà interpretat en píxels), que se separi verticalment (en píxels) o horitzontalment (també en píxels) dels elements que tingui al seu voltant. Els canvis que farem en aquest apartat es visualitzaran automàticament com a regles CSS en l’apartat “Styles”.

Relatives a l’enllaç (si la imatge és un àncora que ha de portar a alguna destinació web)

  1. Títol : text per al títol que es mostrarà en situar el cursor del ratolí a sobre de la imatge.
  2. Relatiu a l’enllaç : els enllaços poden tenir diversos atributs que podem especificar en aquest apartat. Per exemple podríem afegir l’atribut “nofollow”, per evitar que els robots de Google segueixin l’enllaç. Llegiu-ne més sobre aquest atribut en aquest enllaç .
  3. Classe CSS : regles CSS aplicades als enllaços que, si escau, podem eliminar.
  4. Styles : regles CSS pròpies per a canviar el format dels enllaços.
  5. Destinació : indicació de si l’enllaç s’ha d’obrir en la mateixa finestra (o pestanya) o en una de nova.