Templates aanpassen en gebruiken als sjabloon

Je kunt in WordPress relatief eenvoudig pagina’s iets unieks meegeven, b.v.: je wilt op de homepage geen sidebars en een full width voor de content. Als je thema’s inkoopt zijn die sjablonen vaak al bij het thema geleverd, maar als dat niet zo is of als je zelf thema’s bouwt zul je het zelf moeten doen.

  • Maak een kopie van page.php en hernoem deze naar: front-page.php
  • open ‘front-page.php’ en plaats het volgende bovenin bij de comments:

<?php
/**
* Template Name: front-page
* The template for displaying all pages.
*
* This is the template that displays all pages by default.
* Please note that this is the WordPress construct of pages
* and that other ‘pages’ on your WordPress site may use a
* different template.
*
* @link https://codex.wordpress.org/Template_Hierarchy
*
* @package TCZ
*/

Het relevante gedeelte is * Template Name: front-page 

  • Zoek in front-page.php naar het stukje waar de sidebar wordt aangeroepen en verwijder deze
  • Geef je content div de huidige class/id maar voeg bv -fp er achter. Dan zou de selector bv content-fp gaan worden dus.
  • Geef in je stylesheet ‘content-fp’ een width:100% 
  • Ga in het WordPress admin paneel naar ‘Pagina’s’
  • Edit de ‘home’ pagina en kijk rechts: onder ‘Pagina attributen’ kun je een template instellen
  • Zoek daar naar ‘front-page’ en klik op Bijwerken

Je home pagina zou nu geen sidebars meer moeten hebben en een content area met full width.

 

Succes!

3 berichten op “Templates aanpassen en gebruiken als sjabloon

  1. Wonderful blog! Do you have any suggestions for aspiring writers?

    I’m planning to start my own blog soon but I’m a
    little lost on everything. Would you advise starting
    with a free platform like WordPress or go for a paid option? There are so many choices
    out there that I’m totally overwhelmed .. Any ideas? Thanks a
    lot!

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *