(Català) Personalitzant el tema Underscores

Underscores és un tema «starter», a diferència dels temes «base» que estan pensats per ser personalitzats, els temes «starter» només tenen l’estructura bàsica, tant a nivell de plantilles com de css.

És un punt de partida a partir del qual podem acabar de crear el tema. Per tant a nivell de disseny és cert que dóna més feina de personalització però per un altre banda tenim més llibertat.

Amb els temes starter no es crea mai un tema derivat, sinó que es modifiquen els arxius directament, encara que és cert que llavors perdem la possibilitat d’actualitzar-ho a una nova versió, però en principi no hauria de ser un problema.

Un  tema starter és un «esquelet» de partida del tema que ens facilita la feina i estalvia temps de desenvolupament.

Si heu provat d’activar el tema underscores veureu que no hi ha cap mena de layout, marges, personalització de tipografies ni colors, pràcticament res. Això està fet expressament així.

El procediment per personalitzar el tema és el següent:

  • A la fulla d’estils style.css veureu molts elements css definits, però sense estils, organitzats per apartats, tipografia,layout, navegació etc etc. Aquí és on heu de personalitzar el css per donar-li forma al tema
  • El tema té 2 layouts bàsics predefinits que podeu activar si al principi de style.css importeu on o l’altreper exemple @import url(‘layouts/content-sidebar.css’);
  • El color de fons el podeu canviar fàcilment a través de l’eina per personalització del tauler de WP a (Apariencia/personalitzar/color de fons)
  • En general hi ha llibertat total per definir els estils com vulguem, a continuació una definició d’estils molt senzilla que dóna una mica més de cara i ulls al tema:

#page{

width:90%;

margin: 0 auto;

}

#content{

width:100%;

}

#primary{

width:70%;

float:left;

}

#secondary{

width:30%;

float:right;

}

h1.site-title{

font-size: 3em;

}

h1{

font-size: 2em;

}

.menu li a{

padding: 5px 12px;

background-color:#333;

color:#fff;

}