Handmatig een aangepaste paginasjabloon maken

Als je liever geen plugin gebruikt, kun je handmatig een aangepaste paginasjabloon maken in WordPress.

Het is prima om veel plugins op je WordPress site te hebben draaien. Bekijk onze post over hoeveel WordPress plugins je moet installeren als je je zorgen maakt over het hebben van te veel plugins.

Eerst moet je op je computer een tekstverwerker zoals Kladblok openen. Voeg in het lege bestand bovenaan deze regel code toe:

Deze code vertelt WordPress gewoon dat dit een sjabloonbestand is, en dat het moet worden herkend als CustomPageT1. U kunt uw sjabloon elke naam geven die u wilt, zolang het voor u zinvol is.

Zodra u de code heeft toegevoegd, slaat u het bestand op uw bureaublad op als, custompaget1.php.

U kunt het bestand opslaan onder een willekeurige naam, maar zorg ervoor dat het eindigt met de extensie .php.

Template uploaden met FTP

Voor de volgende stap moet u verbinding maken met uw WordPress hosting account met behulp van een FTP client.

Eenmaal verbonden ga je naar je huidige thema of kindthema map. Die vindt u in de map /wp-content/themes/. Upload vervolgens uw aangepaste paginasjabloonbestand naar uw thema.

Nu moet je inloggen op je WordPress admin gebied om een nieuwe pagina te maken of een bestaande te bewerken.

Uw aangepaste paginasjabloon selecteren

Op het pagina-bewerkingsscherm scrolt u naar beneden naar de sectie ‘Pagina-attributen’. U ziet een Template dropdown menu. Als u daarop klikt, kunt u het sjabloon selecteren dat u zojuist hebt gemaakt.

Als u nu uw nieuwe sjabloon selecteert en deze pagina op uw site bezoekt, ziet u een lege pagina. Dat komt omdat uw sjabloon leeg is en WordPress niet vertelt wat het moet weergeven.

Maak je geen zorgen, we zullen je laten zien hoe je eenvoudig je aangepaste paginasjabloon kunt bewerken.

Uw aangepaste paginasjabloon bewerken

Uw aangepaste paginasjabloon is net als elk ander themabestand in WordPress. Je kunt in dit bestand alle HTML, template tags of PHP code toevoegen.

De eenvoudigste manier om te beginnen met uw aangepaste pagina is door de bestaande paginasjabloon van uw thema te kopiëren.

Downloaden van het page.php bestand voor uw site

Open uw FTP-client en ga naar uw themamap. Daar vindt u een bestand met de naam page.php. U moet dit bestand downloaden naar uw computer.

Open het page.php bestand in een platte tekst editor zoals Notepad, en kopieer alle inhoud behalve de header.

De header is het uitgecommentarieerde deel bovenaan het bestand. We kopiëren het niet, omdat onze aangepaste paginasjabloon er al een heeft.

Nu moet u uw aangepaste paginasjabloon bestand openen en alle code plakken die u aan het einde heeft gekopieerd.

Uw aangepaste paginasjabloon ziet er nu ongeveer zo uit:

<?php /* Template Name: CustomPageT1 */ ?>
 
<?php get_header(); ?>
 
<div id="primary" class="content-area">
    <main id="main" class="site-main" role="main">
        <?php
        // Start the loop.
        while ( have_posts() ) : the_post();
 
            // Include the page content template.
            get_template_part( 'template-parts/content', 'page' );
 
            // If comments are open or we have at least one comment, load up the comment template.
            if ( comments_open() || get_comments_number() ) {
                comments_template();
            }
 
            // End of the loop.
        endwhile;
        ?>
 
    </main><!-- .site-main -->
 
    <?php get_sidebar( 'content-bottom' ); ?>
 
</div><!-- .content-area -->
 
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Sla uw aangepaste paginasjabloon-bestand op en upload het terug naar uw themamap met behulp van FTP.

Je kunt nu de pagina bezoeken die je hebt gemaakt met de aangepaste paginasjabloon. Die zou er precies zo uit moeten zien als je andere pagina’s in WordPress.

Ga vervolgens verder met het bewerken van je aangepaste paginasjabloon bestand. Je kunt het op elke gewenste manier aanpassen. U kunt bijvoorbeeld de zijbalk verwijderen door de regel te verwijderen die begint met <?php get_sidebar.

U kunt ook aangepaste PHP-code of andere HTML toevoegen.

Om de eigenlijke inhoud van uw pagina toe te voegen, bewerkt u de pagina zoals u gewend bent in WordPress.

Je kunt ook het inhoudsgebied in de pagina-editor helemaal leeg laten, en aangepaste inhoud direct aan je paginasjabloon toevoegen. Op die manier verschijnt de inhoud die je toevoegt op alle pagina’s die de aangepaste sjabloon gebruiken.

Links:
www.smashingmagazine.com/2015/06/wordpress-custom-page-templates/

We hopen dat dit artikel je heeft geholpen bij het toevoegen van een aangepaste pagina met een template in WordPress.