Arxiu d'etiquetes: WordPress.com

Ginys: Twitter timeline (amb WordPress.com)

Si volem afegir a la barra lateral del blog el giny “Twitter timeline” perquè apareguin els tuits del nostre perfil de Twitter, hem de seguir els passos següents:

Primer de tot hem d’anar a Twitter a crear el giny. Per fer-ho, un cop dins del nostre compte de Twitter accedim a l’opció “Configuració > Widgets”. En el quadre de diàleg que apareixerà a continuació podrem establir les característiques de personalització del giny:
En fer clic al botó “Crea un giny”, haurem creat el giny que podrà ser inserit en el blog.
Tornem al nostre blog i des de l’opció “Ginys” de l’apartat “Aparença” del tauler de l’administrador, arrosseguem el giny “Twitter timeline” cap a la barra lateral del blog.
Les opcions de configuració del giny ens permetran personalitzar-lo:
- Title : permet pesonalitzar el títol del giny; per exemple podríem escriure “Darrers tuits…”
- Width : podem especificar una amplada específica (en píxels). Si no escrivim res, el giny ocuparà l’amaplada disponible en la nostra barra lateral.
- Height : especifiquem aquí l’alçada del giny. Per defecte són 400 píxels la qual cosa permet mostrar uns 2 o 3 tuits, la resta es poden veure perquè apareix una barra de desplaçament horitzontal.
- Widget ID : és el número que identifica el giny amb Twitter. Per saber quin és aquest número, des del compte de Twitter, opció “Configuració > Widgets”, editem el giny creat i copiem el número que apareix a la URL: https://twitter.com/settings/widgets/ ?????? /edit.
  (En aquest exemple, hem substituït els números per signes d’interrogació.)
- Layout Options : marquem o desmarquem les opcions d’aquest apartat per aconseguir el format que més ens interessi. El millor és desar la configuració del giny marcant i desmarcant fins que trobem l’aspecte que ens sembli més adient per al nostre blog.
- Link Color i Border Color : per canviar el color dels enllaços i la seva vora, podem introduir aquí el codi hexadecimal del color que ens interessi. (Per saber el codi hexadecimal que li correspon a cada color, podeu consultar: http://html-color-codes.info/codigos-de-colores-hexadecimales )
- Timeline Theme : dos temes possibles a escollir: fosc o clar. Escollirem el que millor s’adapti al disseny del nostre blog.
Clic al botó “Desa” per finalitzar el procés.

Fotos de Flickr al blog (amb WordPress.com)

Si tenim fotografies a Flickr , podem compartir-les de dues maneres: mostrant-les com a entrades en el nostre blog, o en les barres laterals del blog.

Per mostrar-les com a entrades en el nostre blog, seguim els passos següents:

Autoritzar a Flickr a accedir al nostre blog de WordPress.
- Des de la configuració del nostre compte de Flickr, accedim a l’opció “ Compartiendo y extendiendo ” i fem clic a “ más sitios ” per veure totes les aplicacions amb què podem compartir i, a cotinuació, clic al botó “ Agregar WordPress ” (la icona amb el logo de WordPress).
- A continuació, s’obrirà una finestra emergent on haurem de substituir el text genèric “your-blog.url” per l’adreça del nostre blog, i el nostre nom d’usuari i contrasenya de WordPress.
- En finalitzar aquest procés ja tenim els dos serveis connectats.
Escriure entrades al blog des de Flickr . A partir d’aquest moment, quan vulguem compartir una fotografia, o un àlbum, podrem fer-ho de manera molt senzilla:
- Fem clic al botó de compartir i seleccionem WordPress:
- Apareix una finestra emergent on escriurem el títol de l’entrada (per defecte, és el nom de la fotografia o de l’àlbum) i el text de l’entrada. En fer clic a “ Publicar “, haurem introduït l’entrada, sense necessitat de treballar des del tauler de l’administrador de WordPress.
  Si escau, accedim al tauler de l’administrador de WordPress per editar-la.

A més de compartir les fotografies del nostre canal de Flickr per aquest mètode, podem fer-ho també afegint el giny de Flickr que pot aparèixer en les barres de navegació lateral.

Per afegir-ho, seleccionem l’opció “Ginys” de l’apartat “Aparença del tauler de l’administrador. Arrosseguem el giny de Flickr cap a la barra lateral i el configurem. En la configuració, podrem establir diversos paràmetres:

Configurar el giny de Flickr

El títol que precedirà les fotografies que es presentin a la barra lateral.
L’URl de l’ RSS de Flickr: el sistema ens ofereix una adreça que condueix a l’ API de Flickr, però que està incompleta ja que hem de substituir el “MyID” al final de l’URL pel nostre identificador a Flickr. Aquest identificador no és el nostre nom d’usuari i, per saberlo hem de fer una consulta en aquesta adreça: http://idgettr.com . En el formulari que apareixerà, escrivint el nom d’usuari de Flickr i l’aplicatiu ens retornarà un identificador que haurem d’enganxar en substitució de “MyID”.
Nombre de fotografies que volem que es mostrin.
Mida de les fotografies: dues mides, petita i la més petita.

Galeries d’imatges (amb WordPress.com)

Podem crear galeries a partir d’imatges penjades al servidor de WordPress o bé compartir en el blog les que tenim penjades en altres serveis de la xarxa com ara Flickr o Instagram.

En aquesta entrada descrivim quins són els diversos tipus de galeries que podem crear a partir d’imatges penjades en el servidor de WordPress.com i com incloure-les en les nostres entrades.

Hi ha cinc tipus de galeries:

Thumbnail Grid : graella de miniatures.
Tiled Mosaic : mosaic d’imatges rectangulars.
Square Tiles : mosaic d’imatges quadrades, totes de la mateixa mida.
Circles : mosaic d’imatges circulars.
Slideshow : presentació de diapositives.

Les passes per fer-ho són:

En la pàgina d’edició d’entrades o pàgines fem clic al botó “Afegeix un mèdia”.
En la finestra que s’obre a continuació, fem clic a l’enllaç “Crea un galeria” ( Create Gallery ) que apareix en el menú de l’esquerra.
En la pantalla que apareixerà a continuació, veure’m dues opcions:
- Upload File : utilitzarem aquesta opció si les imatges encara no estan penjades.
- Mediateca : utilitzarem aquesta opció si la galeria s’ha de construir amb imatges que ja estan al servidor.
Amb les imatges penjades, seleccionem les que formaran la galeria. Cal seleccionar-les, amb un clic del ratolí. Per seleccionar més d’una imatge, caldrà fer-ho mitjançant control+clic (si treballem amb un PC) o command-clic (si treballem amb Mac).
A continuació, clic al boto “Crea nova galeria” que trobem en l’extrem inferior dret de la finestra.
A continuació, s’obrirà una nova finestra que ens permetrà:
- editar cadascuna de les imatges per afegir un títol (caption), el text alternatiu (alt), el title (text que apareix quan situem el cursor del ratolí a sobre de la imatge) i la descripció (description);
- reordenar les imatges, arrossegant-les a la posició que interessi.
En el formulari de la part dreta de la finestra indicarem altres aspectes importants:
- a on ha d’enllaçar la imatge del mosaic: a una pàgina del blog que mostrarà la imatge dins d’una pàgina amb el format preparat pel tema o a la imatge dins de la mediateca.
- el nombre de columnes en què s’han de presentar les miniatures;
- si volem o no que les imatges es mostrin de manera aleatòria, és a dir, independentment de l’ordre que presentin dins de la mediateca (cada cop que es carregui la pàgina, les imatges seran mostrades en un ordre diferent) i
- finalment, podrem especificar el tipus de galeria que ens interessa.
Per finalitzar, clic al botó “Insereix la galeria” que trobem en l’extrem inferior dret de la finestra d’opcions.

Botons per editar i esborrar la galeria Un cop la galeria ha estat inserida, en seleccionar-la, apareixeran dos botons: el primer serveix per editar-la i el segon, per esborrar-la.

En editar-la, entrem en la mateixa finestra descrita en els punts 6 i 7 i que ens permetrà canviar aquells aspectes que convingui.

El botó a la part inferior dreta de la pantalla, ens permetrà desar els canvis que s’hagin fet.

Formularis de contacte (amb WordPress.com)

Si volem que els lectors del nostre blog entrin en contacte directe amb nosaltres sense haver-los de donar la nostra adreça de correu electrònic, podem utilitzar un formulari de contacte que inserirem en una pàgina del lloc. Les dades introduïdes en aquest formulari ens arribaran al compte de correu electrònic indicat i, a més, les podrem trobar a l’apartat Feedbacks del tauler de l’administrador.

Per afegir un formulari a la pàgina fem clic al botó “Afegir formulari de contacte” ( Add Contact Form ) que trobem per sobre de l’editor de text.

Botó afegir formulari

Aquest botó dóna accés al generador de formualris on podrem personalitzar els camps que es creen per defecte. Aquest generador té dues pestanyes: la primera amb les eines d’edició i addició de nous camps ( Form Builder ) i la segona ( Email notifications ) amb dos camps que ens permetran indicar un correu electrònic on rebre el missatge i l’assumpte del missatge enviat; només omplirem la informació d’aquesta segona pestanya si volem rebre els missatges en una adreça de correu diferent a l’especificada en el nostre perfil de WordPress.

En situar el cursor a sobre dels camps existents podrem editar-los i també moure’ls per ordenar-los.

En fer clic a editar podrem canviar:

Edició de camps de formulari

El nom de l’ etiqueta de camp.
El tipus de camp.
I la condició de camp d’ompliment obligatori.

WordPress ens permet la utilització de diversos tipus de camp ( Field type ):

text : crea un control d’entrada de text d’una línia.
textarea : crea un control d’entrada de text en diverses línies.
radio : crea un conjunt de botons. L’usuari podrà seleccionar només una de les opcions disponibles.
checkbox : crea una casella de verificació que l’usuari podrà marcar o desmarcar.
select (drop down) : crea un desplegable amb diverses opcions. L’usuari podrà seleccionar només una de les opcions disponibles.
email : crea un control d’entrada de text d’una línia per a adreces de correu electrònic.
name : crea un control d’entrada de text d’una línia.
url : crea un control d’entrada de text d’una línia per a adreces web.

Si volem afegir un camp, fem clic a l’enllaç “Afegir un nou camp” ( Add a new field). A la dreta s’obrirà la finestra d’edició per tal que especfiquem l’etiqueta del camp, el seu tipus i si serà o no obligatori. En cas que el tipus de camp sigui “select” o “radio” podrem indicar, a més, les diverses opcions fent clic a l’enllaç “Afegir una nova opció” ( Add another option ).

Per esborrar un camp, fem clic a la ratlla que apareix al seu costat. Procedirem de la mateixa manera quan calgui esborrar alguna de les opcions dels camps de tipus “drop down” o “radio”.

Eliminar camps de formulari

Per afegir el formulari a la pàgina, fem clic al botó “Afegir aquest formulari a l’entrada” ( Add this form to my post ).

En inserir el formulari es genera un shortcode (codi abreujat) que apareix en el formulari d’edició:

Per exemple, aquest shortcode indica que hem creat un formulari de tres camps: nom, correu electrònic i comentaris; tots tres camps són obligatoris (required=’1′) i són del tipus text, email i textarea respectivament:
[ contact-form ] [ contact-field label='Nom' type='text' required='1'/ ] [ contact-field label='Correu electrònic' type='email' required='1'/ ] [ contact-field label='Comentaris' type='textarea' required='1'/ ] [ /contact-form]

Podem editar el formulari fent canvis en aquest shortcode o bé, fent clic al botó “Afegir formulari de contacte” ( Add Contact Form ), que és el mateix que utilitzem quan volem afegir el formulari.

Aquí us deixem un video amb el resum visual del que us hem explicat en aquesta entrada.

Eliminar un blog (amb WordPress.com)

Un blog allotjat als servidors de WordPress.com pot ser esborrat. En eliminar un blog definitivament hem de tenir en compte que esborrarem la informació que conté de manera irreversible i que l’URL del blog també es perdrà i no podrà ser novament utilitzat. Considerant això, abans d’esborrar-lo, podem valorar altres possibilitat menys dràstiques:

Canviar el lloc d’adreça i mantenir el contingut.
Esborrar les entrades del blog i mantenir la seva adreça.
Buidar el lloc de tot el seu contingut i començar-lo de nou.
Transferir el lloc web a una altra persona.
Convertir el lloc en privat, per compartir el seu continugt només amb les persones invitades a veure’l.

Si la nostra decisió és esborrar-lo definitivament, procedirem seguint els passos següents:

Accedim a l”opció “Suprimeix el lloc web” de l’apartat “Eines” del tauler de l’administrador.
Seleccionem l’ocpió “Suprimeix el lloc web”.

Eines. Suprimeix el lloc

En el quadre de diàleg que s’obre a continuació, obrim el menú desplegable i seleccionem l’opció que indica que volem esborrar de manera permanent l’adreça del lloc i tot el seu contingut ( permanently delete my address site and all content ).

Surpimeix definitivament el lloc web

Un text ens alertarà sobre l’acció que estem a punt de realitzar: esborrar tot el contingut i també l’adreça web que no podrà ser novament utilitzada. Si no tenim cap dubte que aquesta és l’acció que volem realitzar, seleccionem la casella de verificació i cliquem al botó “Esborra ..elmeublog… definitivament” ( Delete …elmeublog… Permanently ).

Suprimeix definitivament

L’aplicatiu ens enviarà un missatge de correu amb un enllaç de confirmació. Farem clic a l’enllaç i el blog i el seu URL desapareixeran definitivament.

Aparença del blog: els menús (amb WordPress.com)

En el nostre blog, a més de les entrades, probablement haurem creat diverses pàgines a les quals voldrem que els navegants accedeixin de manera ràpida; potser també interessarà donar accés ràpid a les categories del blog, o portar els navegants cap a altres webs relacionats amb el blog…. És per això que tindrem en compte la creació de menús de navegació; normalment, aquests menús se situen en la part superior de les pàgines.

Segons el tema que haurem escollit per al blog, tindrem més o menys opcions de personalització, bàsicament podrem:

canviar l’ordre en què les pàgines han d’aparèixer en el menú;
eliminar pàgines perquè no apareguin en el menú de navegació;
crear enllaços a les categories de les entrades i
afegir enllaços cap a altres llocs web.

Per crear un menú pesonalitzat, accedim a l’opció “Menús” de l’apartat “Aparença” del tauler de l’administrador. Apartat de personalització de menús

En aquesta finestra trobem, a l’esquerra els tres tipus d’elements amb què podem treballar:

Pàgines: apareixeran llistades les pàgines creades.
Enllaços: on podrem escriure l’URL del lloc web amb què volem enllaçar, així com el text àncora que ha d’aparèixer al menú.
Categories: apareixeran llistades les categories del nostre lloc web.

El botó “Afegeix al menú” farà que els elements indicats es mostrin en la part dreta d’aquesta finestra, on podrem indicar altres aspectes de l’organització del menú.

Arrossegant els elements, aconseguirem que es mostrin en un ordre concret i, mitjançant l’apartat “Menú Settings”, podrem:

afegir noves pàgines al menú, a mida que es vagin creant i
canviar la localització dels elements del menú. Hem de tenir en compte, però, que això només serà possible si el tema del blog, permet la creació de més d’un menú; aquesta gestió l’hem de fer des de la pestanya que obre l’apartat gestionar localitzacions (“Manage locations”) que trobem a la part superior d’aquesta finestra de gestió de menús.

Si fem clic en la punta de fletxa a la dreta de cada element del menú podrem canviar algunes de les seves propietats:

Propietats dels elements del menú

Etiqueta de navegació : ens permetrà canviar el text àncora.
Títol de l’atribut : podrem afegir un títol que es llegirà quan se situï el cursor del ratolí a sobre l’element corresponent del menú.
Moure : permetrà reordenar els elements del menú de la mateixa manera que ho aconseguim arrossegant-los directament.
Elimina : permet eliminar un element del menú
Cancel·la : cancel·la qualsevol dels canvis que s’hagin fet en aquest quadre de diàleg.

Aparença del blog: els ginys (amb WordPress.com)

Els ginys (en anglès, widgets ) són elements afegits a la interfície gràfica del blog que ens permeten accedir a alguna funcionalitat específica. Aquests ginys ocupen, normalment, les barres laterals dels blogs.

Amb WordPress, la seva gestió es realitza des de l’opció “Ginys” de l’apartat “Aparença” del tauler de l’administrador.

Gestió dels ginys des del menú Aparença

En accedir a aquest apartat de la gestió, trobem a l’esquerra els ginys disponibles i a la dreta una àrea que representa les barres laterals del blog. Per afegir ginys, arrosseguem el giny que interessi des de l’àrea de l’esquerra a la posició de la barra de la dreta que convingui.

Cadascun dels ginys té unes opcions de configuració diferents que haurem de canviar un cop estigui situat en la barra de la dreta. Per accedir-hi, hem de fer clic al triangle que trobem a la part superior dreta. S’obrirà el quadre de diàleg on indicarem les característiques del giny.

Així, per exemple, en aquest giny que utilitzem perquè els lectors puguin consultar per mesos les entrades del blog, tenim la possibilitat d’indicar:

Giny Arxiu de les entrades

El títol que encapçalarà aquesta opció de navegació
Si volem, o no, que es mostri com a menú desplegable
Si volem, o no, que al costat del nom del mes aparegui el nombre d’entrades escrites cada mes.

D’altra banda, també podem indicar si el giny ha d’aparèixer en totes les pàgines o només en algunes d’elles. Aquest aspecte es controla mitjançant l’opció de visualització a la qual accedim si fem clic al botó “Visibility” que trobem en la part inferior del quadre de diàleg de propietats del giny.

Amb aquest botó podem establir condicions de visualització en funció de 5 aspectes: tipus de pàgina, categoria, etiqueta, data i autor. Hi ha dues possibilitats de visualització: que es mostri el giny (show) o que no es mostri (hide).

Així, per exemple, en aquesta imatge es mostren les opcions seleccionades per indicar que el giny aparegui en les pàgines d’entrades, però no en les estàtiques:

Personalització de ginys. Visualització

Si volem esborrar un giny, fem clic a l’opció “Suprimeix” d’aquest quadre de diàleg.

Si volem eliminar un giny de la barra lateral, però interessa conservar les opcions de configuració perquè pensem reutilitzar-lo més endavant, llavors, en comptes de suprimir-lo, és millor arrossegar-lo a la zona “Ginys inactius” que trobem en la part inferior de la finestra de gestió de ginys.

Aparença del blog: els temes (amb WordPress.com)

Els administradors del blog poden variar l’aparença del blog, canviant el “tema”. Un tema de WordPress està format per una sèrie de fitxers que mostren una interfície gràfica. Tan WordPress.com com WordPress.org tenen una col·lecció de temes entre les quals escollir la que més ens interessi.

Aquesta col·lecció és accessible des de l’opció “Temes” de l’apartat “Aparença” del tauler de l’administrador. Un cop a dins d’aquesta opció, podem cercar els temes disponibles per diversos criteris (per nom, per popularitat, per colors, per nombre de columnes…).

Si estem a WordPress.com, quan trobem el tema que volem aplicar al nostre blog, podem utilitzar els tres enllaços a sota del seu nom:

Un tema de WordPress amb les opcions d'activació

per aplicar aquesta nova gràfica al nostre blog (Activa);
per visualitzar quin serà l’aspecte del blog, sense activar-lo encara (Live Preview) i
per legir una breu descripció de les característiques del tema (Mostra els detalls).

Si volem personalitzar alguns aspectes del tema caldrà accedir a l’opció “Customize” del l’apartat “Aparença”. Aquesta personalització està limitada a unes poques opcions en el cas que estiguem gestionant el blog en el servidor de wordpress.com; en aquest cas per accedir a totes les opcions de personalització caldria ser usuari de les opcions “preminum”.

Si estem treballant al nostre propi servidor procedirem de manera molt semblant, però tindrem accés a altres temes i, a més, podrem accedir a totes les opcions de personalització, la qual cosa ens permetrà canviar color, gràfics de la capçalera, edició dels fulls d’estils, etc. També hem de tenir en compte que cada tema pot oferir més o menys opcions de personalització.

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:

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.
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).
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.
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.
Llegenda : podem escriure el text que apareixerà com a peu de la imatge.
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

Codi font : es refereix a la URL real de la imatge en cas que es desitgi un control total sobre els seus paràmetres.
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”.
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ó.
Styles : amb aquesta opció podem indicar regles CSS pròpies per a la presentació de les imatges.
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)

Títol : text per al títol que es mostrarà en situar el cursor del ratolí a sobre de la imatge.
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ç .
Classe CSS : regles CSS aplicades als enllaços que, si escau, podem eliminar.
Styles : regles CSS pròpies per a canviar el format dels enllaços.
Destinació : indicació de si l’enllaç s’ha d’obrir en la mateixa finestra (o pestanya) o en una de nova.

Inserir imatges en les entrades del blog (amb WordPress.com)

Les imatges que inserirem en les entrades d’un blog poden estar emmagatzemades en el mateix espai que el web o en URL externes. Els tipus d’imatges que poden utilitzar són els següents:

.jpg / .jpeg
.gif
.png

Inserir una imatge que allotjarem al servidor del propi blog

Per inserir una imatge seguim el procediment següent:

Situem el cursor allà on ha de visualitzar-se la imatge i fem clic al botó “Afegeix un mèdia” que trobem a sobre de les barres d’eines de l’editor.
A continuació, apareixerà una pantalla amb diverses opcions. Una d’elles, “Upload Files”, dóna accés a un aplicatiu que ens permet penjar la imatge de dues maneres diferents:
- arrossegant-la des d’un dels dispositius d’emmagatzematge del nostre ordinador, o bé
- fent clic al botó “Selecciona” per seleccionar-la utilitzant el quadre de diàleg que obrià el nostre ordinador per donar-nos accés a les imatges que hi tinguem emmagatzemades.
Un cop penjada la imatge el procés ja s’ha completat.
A l’esquerra de la pantalla apareix un formulari amb informacions diverses (nom de la imatge, data en què ha estat penjada i mida original en píxels) i diversos camps de text amb informació sobre la imatge que haurem de completar:
- Títol : donem un títol a la imatge. Aquest títol, però no és el text que es mostrarà si els navegants situen el cursor a sobre de la imatge, si volem que això passi haurem d’escriure el títol editant la imatge un cop inserida (Vegeu l’entrada “ Edició de les imatges inserides en les entrades del blog (amb WordPress) “).
- Llegenda : text que apareixerà com a peu de la imatge.
- Alt text : si la imatge no està disponible, el text que s’escrigui en aquest camp serà el que es visualitzarà en el seu lloc. Aquest és també el text que utilitzen els lectors de pantalla per interpretar el contingut de la imatge.
- Descripció : podem incloure una descripció més completa de la imatge o fer comentaris sobre ella. En completar aquest apartat estarem creant una pàgina a la qual es podrà accedir en fer clic a sobre d’ella.
- Alineació : indicarem la posició de la imatge en relació al text. Hi ha 4 alineaments possibles:
  - Esquerra : la imatge flota a l’esquerra del text, el text flueix a la seva dreta.
  - Centrat : la imatge se situa en el centre de l’entrada i el text queda a dalt i a baix de la imatge.
  - Dreta : la imatge flota a la dreta del text, el text flueix a la seva esquerra.
  - Cap : la imatge se situa en línia amb el text.
- Link to : és la URL amb la qual ha d’enllaçar la imatge. Hi ha quatre opcions:
  - Custom URL : podem indicar una URL, dins o fora del nostre blog.
  - Media File : les imatges poden inserir-se en la seva mida original o més petites. Si les hem inserit en una mida reduïda i volem que els navegants puguin veure la imatge amb la seva mida original, llavors utilitzarem aquesta opció, ja que la imatge queda emmagatzemada amb la seva mida real en un enllaç permanent del lloc web on tenim el blog.
  - Pàgina adjunta : si hem afegit una descripció a la imatge, en fer clic a sobre de la imatge, hi accedirem.
  - Cap : la imatge no enllaçarà amb cap recurs.
- Mida : quan pengem una imatge, aquesta tindrà una mida que pot excedir l’espai disponible en la nostra entrada. És per això que l’aplicatiu realitza un redimensionament. En aquest cas ens pots oferir diverses mides que escollirem en funció de les nostres intencions de disseny. Segons de la grandària del fitxer penjat, les mides que ens pot arribar a oferir seran “miniatura”, “mitjana”, “gran” o “mida original”.
Per finalitzar fem clic al botó “ Insert into post “.

La imatge ha quedat inserida. Si volem modificar algun dels paràmetres introduïts, haurem d’editarla (Vegeu l’entrada “ Edició de les imatges inserides en les entrades del blog (amb WordPress) “).

Un cop les imatges ja han estat penjades en el servidor, les tindrem disponibles per inserir-les en qualsevol entrada del blog ja que estaran emmagatzemades a la nostra mediateca.

Inserir una imatge del web

Si la imatge que volem penjar està en una ubicació fora del nostre lloc web, seguirem el procediment següent:

Situem el cursor allà on ha de visualitzar-se la imatge i fem clic al botó “Afegeix un mèdia” que trobem a sobre de les barres d’eines de l’editor.
En la pantalla que apareixerà a continuació, fem clic a l’opció “ Insert from URL “.
Un formulari ens permetrà establir els paràmetres de la imatge:
- URL de la imatge (adreça completa de la imatge que es troba en un altre servidor d’Internet).
- Llegenda : text que apareixerà al peu de la imatge.
- Alt text : text alternatiu que es llegirà si la imatge no està disponible i que serà utilitzat pels lectors de pantalla.
- Alineació : posició de la imatge respecte del text (esquerra, centrat, dreta, cap).
- Link to : crearà l’enllaç al recurs que indiquem (l’adreça URL on està la imatge, una URL diferent a la que conté la imatge i que pot apuntar a qualsevol altre recurs d’Internet o, finalment, cap).