Je hebt een paar blogposts toegevoegd aan je wordpress site. Je wil nu je eigen template maken in php voor deze blogposts? Hieronder leggen we uit hoe.
Single.php in je child theme
Maak een php bestandje aan met de naam single.php en plaats het in je child theme. De naam single.php zorgt er automatisch voor dat wordpress jouw template gaat gebruiken voor je blogs.
Voeg header en footer toe
Geen website is compleet zonder een header en footer. Hier starten we mee bij het maken van elke pagina template. Gebruik de onderstaande code om ze toe te voegen.
<?php get_footer(); ?>
Voeg je blogpost content toe
Onze pagina heeft nu een header en footer. Nu voegen we de titel van de blogpost toe en de inhoud.
<div class=”blog-content”>
<h2><?php the_title(); ?></h2>
<?php the_content();?>
</div>
<?php get_footer(); ?>
Volgende en vorige post knoppen
Wil je naar de volgende en vorige posts kunnen navigeren? In onderstaande code roepen we de thumbnail en de excerp op van de volgende en vorige post. Daaronder voegen we de knop ‘vorige’ of ‘volgende’ op.
<div class=”blog-content”?>
<h2?><?php the_title(); ?></h2?>
<?php the_content();?>
</div?>
/* Naar vorige post gaan */
<?php
if( $prev_post = get_previous_post() ) :?>
<?php $prevpost = get_the_post_thumbnail( $prev_post-?>ID, ‘large’);
echo $prevpost; ?>
<h3?>
<?php echo ‘<a href=”‘ . get_permalink($prev_post->ID) . ‘” title=”‘ . $prev_post->post_title . ‘”>’ . $prev_post->post_title . ‘</a>’; ?>
</h3>
<p>
<?php setup_postdata( $prevpost ); the_excerpt(); ?>
</p>
<div>
<?php echo ‘<a href=”‘ . get_permalink($prev_post->ID) . ‘” title=”‘ . $next_post->post_title . ‘”>’ . ‘<button>’. ‘Vorige Blog’ .'</button>’ . ‘</a>’; ?>
</div>
<?php endif; ?>
/* Naar volgende post gaan */
<?php
if( $next_post = get_next_post() ) :?>
<?php $nextpost = get_the_post_thumbnail( $next_post->ID, ‘large’);
echo $nextpost; ?>
<h3>
<?php echo ‘<a href=”‘ . get_permalink($next_post->ID) . ‘” title=”‘ . $next_post->post_title . ‘”>’ . $next_post->post_title . ‘</a>’; ?>
</h3>
<p>
<?php setup_postdata( $nextpost ); the_excerpt(); ?>
</p>
<div>
<?php echo ‘<a href=”‘ . get_permalink($next_post->ID) . ‘” title=”‘ . $next_post->post_title . ‘”>’ . ‘<button>’. ‘Vorige Blog’ .'</button>’ . ‘</a>’; ?>
</div>
<?php endif; ?>
<?php get_footer(); ?>
