Hoe maak je zelf WordPress Custom Fields?

WordPress geeft je de mogelijkheid om Custom Fields (ook wel Extra velden genaamd) aan een berichten toe te wijzen. Deze Custom Fields bevatten extra informatie die we meta-data noemen. Hiermee kun je je posts veel uitgebreider maken en je blog veel persoonlijker.

WordPress custom fields en extra velden toevoegen

Maar wat is een Custom Field nu precies?

Custom fields kunnen, wanneer ze op de juiste manier worden toegepast, vrijwel elke denkbare informatie bevatten. Een aantal voorbeelden van Custom Fields:

Hosting en Webhosting bij Combell
  • Status updates
  • Titels, subtitels
  • Informatie over de schrijver
  • Status van het weer
  • Custom data en tijden

Laten we eens bekijken hoe dat werkt.

Als je in het admin gedeelte van WordPress bent, klik je op Posts > Add New (Berichten > Nieuwe toevoegen). Onderaan de pagina zie je dan een veld dat Custom Fields heet. Als dit niet het geval is moet je rechtsboven in je scherm Screen Options (Scherminstellingen) openen en zorgen dat Custom Fields of Extra velden is aangevinkt.

Het Custom Fields gedeelte bevat twee invoervelden: Name en Value. In het Name veld voer je de identificator in, die zodra hij gebruikt wordt de content in het Value veld weergeeft.

Bijvoorbeeld:

Name: contact-link

Value: Neem contact op.

Zodra je een Custom Field hebt aangemaakt, moet je nog zorgen dat hij wordt weergegeven. Dit gebeurd namelijk niet automatisch. Er zijn twee manieren om je Custom Fields op je website weer te geven: handmatig of door gebruik van een plugin.

Handmatig weergeven van Custom Fields

Laten we aannemen dat je een Custom Field wilt maken waar je aangeeft naar welke muziek je op dat moment luistert.

Name: Luistert naar:

Value: Sublime

Met behulp van de the_meta() tag kun je de Custom Fields laten weergeven op je pagina. Deze tag moet worden ingevoerd in je post, of in de Post Meta Data sectie.

In je broncode zou dit er als volgt uit kunnen zien:

<ul class=’post-meta’> <li><span class=’post-meta-key’>Aan het luisteren naar:</span> Sublime</li> </ul> We hebben de data in een <span> tag gezet, zodat je het ook kunt stylen in je CSS bestand.

Weergeven van Custom Fields middels een plugin

Wanneer je nog niet zo ervaren bent met programmeren, kun je e rook voor kiezen om gebruik te maken van een plugin waarmee je Custom Fields op je site kunt weergeven. Bekijk bijvoorbeeld eens Advanced Custom Fields, Pods of Types.

Geef een reactie