Thema van nul: pagina templates

De pagina template index.php, home.php, single.php, …

Belangrijk hier zijn de get_header() an get_footer() functies. Ze laden het script header.php en footer.php in.

Vervolgens bouw je de HTML op volgens de wensen en noden.

<?php
get_header();
?>
<div class="site-content">
    <?php
    // Inhoud komt hier.
    ?>
</div>
<?php
get_footer();
?>

archive-post_type.php

<?php
get_header();
?>


    <?php 
    // Overzicht van posts komt hier.
    ?>


<?php
get_footer();
?>

header.php en footer.php

header.php

<!doctype html>
<html <?php language_attributes(); ?>>
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>
<?php 
wp_body_open();
// Header inhoud komt hier.
?>

wp_head(): Laadt de code in de template die binnen de <head> hoort, zoals de stylesheets and javascripts. Deze functie zorgt er ook voor dat de Wordpress admin rondom de website wordt getoond.

wp_body_open(): Laadt (eventuele) code in de template die specifiek bij de start van de <body> hoort.

body_class(): Deze functie geeft een aantal nuttige classes voor CSS doeleinden. Bijvoorbeeld krijg je een class terug met de post type, maar ook een class met post type en ID.

footer.php

	<footer class="site-footer">
	<?php 
    // Footer inhoud komt hier. 
    ?>
	</footer>
<?php wp_footer(); ?>
</body>
</html>

wp_footer(): Laadt de code in de template die specifiek op het eiden van de <body> hoort.

Klik hier verder: