Integratie WordPress


Ik heb het plan opgevat om het weblog meer te integreren in de rest van de site. De standaardlay-out is weliswaar mooi, maar sluit niet echt aan bij de rest van de site. Voor het aanpassen van de lay-out zijn een aantal bestanden aangepast, waaronder:

  • header.php
  • footer.php
  • index.php

Aanpassing in header.php

Om de weblog zoveel mogelijk te laten aansluiten bij de lay-out van de site, heb ik besloten om de stylesheet van WordPress volledig uit te schakelen. Hiervoor is de volgende code verwijderd:


Hiervoor in de plaats heb ik een regel toegevoegd voor mijn eigen stylesheet:

Verder is nog de volgende regel verwijderd:

Deze regel is verwijderd omdat ik voor het volledige weblog mijn eigen div aanroep en de div page dus niet meer nodig heb. Wel zijn er een aantal specifieke zaken uit de stylesheet van WordPress overgenomen in mijn eigen stylesheet.

Vervolgens verwijderen we alles wat na de body-tag staat en dit vervangen we door:



Aanpassingen in footer.php

De footer is niet ingrijpend gewijzigd, enkel onderstaande regels zijn weggehaald:


Entries (RSS) and Comments (RSS).

Aanpassing in index.php

Op regel 3 is verwijderd:

En op regel 35 is de bijbehorende div-afsluiting ook verwijderd.

Immers, de weblog is opgenomen in de div main en deze heeft een breedte van 75% van het scherm. De sidebar heb ik in de div main niet meer nodig, deze heeft zijn eigen div.

Aanpassing voor eigen navigatie

Aangezien we onze eigen navigate in de div menu hebben, kan de sidebar die op elke pagina wordt bijgesloten verwijderd worden. De volgende bestanden zijn aangepast:

  • page.php
  • archive.php
  • guestbook (dit is een eigen pagina-template in WordPress)
  • index.php

In deze bestanden heb ik de volgende regel verwijderd:

Aanpassing in single.php

Rest ons nog een kleine wijziging om te zorgen dat op alle pagina’s onze eigen div’s gebruikt worden.

Op regel 3 is verwijderd:

En op regel 53:

Ook in guestbook.php en archive.php is bovenstaande code verwijderd.

Als we nu een aanpassing in de header of de navigatie willen, dan volstaat het om slechts 1 bestand aan te passen voor de gehele site!


Leave a Reply

Your email address will not be published. Required fields are marked *