Creació d’un theme en WordPress (I)

Existeixen molts themes disponibles per wordpress. Els themesés un directori d’arxius que modificquen l’aspecte del weblog i que permet personalitzar la manera com es mostra i estructura el contingut. Canvia aspectes com els colors, la capçalera, la pàgina principal, el format de les dades, etc.

Molts d’aquests themes són gratuïts i lliures, d’altres, sovint els més atractius i complets, són de pagament i amb drets de reproducció limitats.

En aquesta entrada comencem una lliçó que ocuparà diferents articles destinats a aprendre a crear un theme de wordpress, original i des de zero.

El framework bàsic

Les plantilles de WordPress estan composades per llarga corrua d’arxius PHP que inclouen diversos llenguatges, d’arxius CSS i JavaScript, entre altres. En aquest primer post plantegem la creació d’un framework (marc de treball) que permeti visualitzar els continguts que s’editen i publiquen des de la interfície d’administrador de WordPress (dashboard).

Per realitzar aquest framework més bàsic, necessitarem dos arxius, a tot estirar tres:

  • index.php Aquest arxiu allotjarà el document HTML i les instruccions més bàsiques en PHP perquè es mostrin els continguts de wordpress.
  • style.css Aquest arxiu allotja el codi CSS, que permet modificar la forma en que es mostra la pàgina, i una capçalera dins d’un comentari que dona nom i descriu la plantilla per a wordpress.
  • screenshot.png Aquest arxiu és la imatge que identifica la plantilla des de l’apartat themes de wordpress. Aquesta imatge cal que sigui de 1200X900 píxels, com a mínim, per no perdre resolució i que es vegi correctament des del perfil d’administrador de WordPress.