WordPress
Een aangepaste sjabloon maken

Basis leeg sjabloon maken

Om een aangepaste sjabloon te maken, moeten we eerst een php-bestand in een themamap maken. Je kunt het bijna elke naam geven die je wilt. Voor dit voorbeeld maken we voorbeeld.php

Het enige dat we in ons voorbeeld.php moeten definiëren, om door WordPress als sjabloon te worden herkend, is de sjabloonnaam. We doen dat door speciale opmerkingen bovenaan een bestand te plaatsen, zoals hier:

<?php
/*
Template Name: Example
*/
?>

En nu wanneer we onze sjabloon moeten zien in de vervolgkeuzelijst Sjabloon in het vak Paginakenmerken

Kop- en voettekst opnemen in onze sjabloon

Laten we onze sjabloon van boven uitbreiden en inhoud opnemen uit header.php en footer.php

Inclusief koptekst:

We zullen de koptekst direct na het commentaar van de sjabloonnaam opnemen

Er zijn twee veel voorkomende manieren om dit te doen. Beide hebben gelijk en werken hetzelfde, het gaat gewoon om jouw stijl en hoe code eruit ziet

Eerste manier:

<?php
/*
Template Name: Example
*/
get_header();
?>

Tweede manier:

<?php
/*
Template Name: Example
*/
?>
<?php get_header(); ?>

Inclusief voettekst:

Het opnemen van voettekst werkt op dezelfde manier, er is maar één ding waar we om moeten geven, en dat is dat we voettekst opnemen nadat we koptekst hebben opgenomen. Dus het uiteindelijke sjabloon zou er ongeveer zo uit moeten zien.

<?php
/*
Template Name: Example
*/
get_header();
?>

<?php get_footer(); ?>

Aangepaste sjabloon met inhoud

We zullen onze sjabloon verder uitbreiden en de titel van de pagina en een inhoud opnemen

<?php
/*
Template Name: Example
*/
get_header();
    
the_title();
the_content();
    
get_footer();

En als je wilt kun je ze omwikkelen met HTML-elementen zoals deze

<?php
/*
Template Name: Example
*/
get_header();

echo '<h1>' . the_title() . '</h1>';
echo '<section> . 'the_content() . '</section>';

get_footer();

Of als u liever werkt als een normaal HTML-bestand, zonder echo te gebruiken

<?php
/*
Template Name: Example
*/
get_header();
?>

<h1><?php the_title(); ?></h1>
<section><?php the_content(); ?></section>

<?php get_footer(); ?>