diumenge, 21 de gener del 2018

6.1.4 Disseny


Una vegada hem creat el blog, hem publicat una primera entrada i hem escollit un tema, la següent passa que farem serà endinsar-nos dins el disseny dels elements del blog, 

Per accedir a aquesta secció, hem de clicar sobre l'element "Disseny" de la consola principal del blog:


Des d'aquesta secció podrem afegir, suprimir i editar els widgets/gadgets del nostre blog: petites eines que se solen afegir en les barres laterals per fer els blogs més atractius, però també útils. Per exemple, podem afegir un comptador de visites, enllaços, àlbum de fotos, vídeos, cites, reproductors de música, els nostres tuits i un llarg etcètera de coses (això sí, és important no abusar d'aquests elements, ja que endarrereixen la càrrega del lloc).

Cada "Tema" implica un disseny propi, per la qual cosa, les captures de pantalla que observaràs a partir d'ara poden variar quant a la forma de les teves, ja que fan referència al disseny d'aquest blog, Tot i això, canvia la forma. No el fons! ;).

Quan hagis accedit a Disseny, veuràs a la part dreta l'estructura del teu blog a mode de "taula", i hi trobaràs els següents elements (recorda que l'estructura pot variar depenent del teu tema i que aquesta s'ajusta només a aquest blog):



A. Icona de web. Des d'aquí podràs incorporar una imatge a mode d'icona del teu blog, la qual es mostrarà a la part superior de la pestanya en la seva versió publicada. Si no poses cap, es mostrarà el logo de Blogger.



Canviar la icona és molt senzill. Només hauràs de clicar sobre EDITA. En fer-ho, s'obrirà una finestra des de la qual podràs pujar l'arxiu d'imatge (ha de ser inferior a 100 Kb).


B. Header. Es correspon amb l'encapçalament del teu blog: títol, descripció (o subtítol) i imatge de capçalera (la qual pot esser pujada des del teu equip o incrustada des d'un altre lloc web).


C. Pages Menú (Menú de pàgines). Com veurem més tard, les pàgines dels blogs són molt útils per introduir contingut poc variable però important i que per tant volem que sigui localitzable d'una manera relativament fàcil. Amb aquest widget el que farem serà determinar quines són les pàgines que voldrem que es mostrin al nostre blog i en quin ordre.

Aquest widget/gadget pot variar la seva ubicació [és a dir, normalment se'ns permet moure'l, el que farà també que canviï la seva aparença: situat a la part superior les pàgines se'ns mostraran a mode de "pestanyes", però si l'ubicam als laterals, aquestes es mostraran a mode d'enllaços).



Segurament, en més d'una ocasió has vist que alguns menús són desplegables (per exemple, el menú de pàgines de la Delegació), permetent crear un menú amb "subpàgines" (tot i que són pàgines en sí mateixes) o enllaços externs:


Aquesta funció ja no és tan senzilla de fer, ja que requereix treballar amb codi HTML, però aquí tens un Tutorial on trobaràs passa a passa com fer-ho: Menú desplegable para Blogger.

D. Mainblogsec. Aquesta secció és on es troba el cos de les entrades (tot i que segons el tema que tinguem també se'ns permetrà incloure altres widgets/gadgets a la part superior i/o inferior de les entrades del blog).

Si accedim al gadget d'Entrades del blog se'ns obrirà una finestra emergent des de la qual podrem configurar alguns aspectes de la configuració i l'aparença de les entrades. A més d'indicar quantes entrades volem que es mostrin a la pàgina principal, podem fer que es mostrin (o no) la data i hora de publicació, l'autor, botons per compartir a les xarxes socials... Durant la sessió presencial ens detindrem un poc en cadascú d'aquests elements, tot i que són fàcils de reconèixer i entendre.



E. Sidebar. És una barra lateral (al meu cas al costat esquerre, però segons el tema escollit pot ubicar-se a la dreta o fins i tot tenir ambdues) dins la qual inclourem la majoria de widgets/gadgets que desitgem incorporar al nostre blog. Com veuràs, a la part superior d'aquesta secció hi figura "Afegeix un gadget".  Si cliquem, s'obrirà una finestra emergent des de la qual Blogger et permetrà afegir tota una sèrie de gadgets/widgets:


1. Bàsic; Podràs accedir als gadgets més habituals (i bàsics), els quals han estat dissenyats per blogger. En aquest moment són 27. Els més emprats:

  • Entrada destacada. Per mostrar aquella entrada que desitgem com a destacada.
  • HTML/Javascript. Per incloure un gadget/widget propi realitzat amb llenguatge HTML, o per incrustar un element extern del qual disposam del codi a incrustar (un mapa de google, un vídeo extern, una presentació Prezi...).
  • Perfil. Per mostrar una descripció teva als visitants del lloc.
  • Arxiu del blog. Permet navegar més fàcilment per antigues entrades del blog.
  • Imatge. Tot i que jo no empro aquest gadget (ho faig amb el gadget HTML/Javascript per ajustar la imatge a les meves preferències), amb ell podrem incrustar una imatge (des del nostre equip o indicant la seva url) i incorporar, si volem, un enllaç extern en fer clic sobre ella).
  • Etiquetes. Per mostrar el llistat d'etiquetes que hem assignat a les nostres publicacions, afavorint la recerca d'e contingut amb temàtica específica. 
  • Pàgines. Per mostrar les pàgines del teu blog. Recorda que abans hem explicat que l'aparença d'aquest gagdet variarà segons la seva ubicació).
  • Llista d'enllaços. Per mostrar una llista d'enllaços a altres webs, blogs...
  • Text. per afegir un quadre amb contingut textual.
  • Entrades polurars: permet mostrar una llista de les entrades més populars del teu blog.
  • Estadístiques del blog. Mostra el nombre total de pàgines vistes al teu blog.
  • Seguiment per correu electrònic. Amb aquesta eina facilitaràs als visitants subscriure's a l'enviament de correu electrònic quan publiquis una entrada.
  • Enquesta. Pots conèixer l'opinió dels visitants afegint una enquesta al teu blog
  • Enllaços de subscripció. Permet que els lectors se subscriguin fàcilment al  blog amb els lectors de feeds més coneguts com Feedly).
  • Tradueix. Permet que els visitants tradueixin el blog a diferents idiomes.
  • Llista. Permet afegir una llista de llibres i pel·lícules, o de qualsevol cosa que ens interessi.
2. Més gadgets de Google. Podràs accedir a altres gadgets que han estat dissenyats per tercers per a Blogger. En aquest moment a la base de dades hi ha 779.

3. Afegeix els vostres. Des d'aquí podràs afegir un gadget teu (o fet per un tercer) indicant la seva adreça web.

Una vegada hagis afegit els gadgets que vulguis, aquests podràs moure'ls a altres llocs on el tema permeti incorporar-los o col·locar-los en l'ordre que desitgis. Només has de clicar sobre ells i moure'ls!

Alguns usuaris amb coneixements de llenguatge HTML solen fer servir el gadget HTML/JavaScript ja que els permet, emprant el llenguatge HTML, incloure un gadget personalitzat i sense les "limitacions" que podrien oferir els gadgets "estandars" (per exemple, com ja hem dit, el gadget bàsic IMATGE et permet afegir una imatge, però no modificar la seva mida o la seva alineació dins la barra, modificacions que sí poden fer-se des del gadget HTML si s'escriuen els comandaments necessaris per fer-ho).