Arxiu de l'etiqueta: Ginys

Ginys: Twitter timeline (amb WordPress.com)

Publicat el per

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:

  1. 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:

    Configuració del giny de Twitter

  2. En fer clic al botó “Crea un giny”, haurem creat el giny que podrà ser inserit en el blog.
  3. 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.
  4. Les opcions de configuració del giny ens permetran personalitzar-lo:

    Configuració del giny de Twitter

    • 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.
  5. Clic al botó “Desa” per finalitzar el procés.

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

Publicat el per

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

  1. El títol que encapçalarà aquesta opció de navegació
  2. Si volem, o no, que es mostri com a menú desplegable
  3. 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.