Hoe maak je een WordPress aangepaste pagina Template [UPDATE 2021]

Cutsom WordPress templates

WordPress thema ‘ s zijn gewoon geweldig. Ze maken WordPress Webdesign zo eenvoudig.

maar wat gebeurt er als u verder wilt gaan dan uw gekozen thema?

wat als u een aangepaste WordPress-lay-out op een bepaalde pagina wilt gebruiken?

sommige thema ‘ s staan niet toe om hun lay-outs te wijzigen.

Afbeeldingsresultaat voor mijn meme

maar er zijn enkele oplossingen hiervoor.

Volg mij om erachter te komen.

Wat is een aangepaste paginasjabloon en hoe er een toe te wijzen?

WordPress pagina ‘ s en berichten lay-out worden beheerd door een template bestand met de naam “page.php”. Templates zijn bestanden die WordPress vertellen hoe u verschillende soorten inhoud weer te geven.

nu wilt u misschien niet dat alle pagina ‘ s en berichten er hetzelfde uitzien. Dit is wanneer u een aangepaste pagina sjabloon nodig.

welke WordPress-paginasjablonen gebruikt u?

wilt u weten welke paginasjabloon u gebruikt, of hoe u tussen sjablonen kunt wisselen?

het is makkelijk, je moet:

  1. Ga naar uw WordPress Admin Dashboard,
  2. in het menu aan de linkerkant, selecteer “Pages”,
  3. ga met de muis over de titel van een pagina,alle pagina 's in WordPress
  4. in het menu onder de titel, selecteer”Quick Edit”,
  5. in het venster” Quick Edit”, ga naar de” Template ” dropdown.

WordPress templates

Hier kunt u alle beschikbare thema templates zien, en u kunt een andere sjabloon toewijzen aan uw huidige pagina.

bijvoorbeeld, er is een optie om uw pagina te veranderen naar volledige breedte, als u wilt. Maar er is geen optie voor een sjabloon dat een Tweede zijbalk toevoegt.

dit is de reden waarom aangepaste WordPress templates van pas kunnen komen. Wanneer u een nieuwe sjabloon opslaat, zal het ook beschikbaar zijn naast de oude.

nu kunt u deze toewijzing ook binnen de pagina toewijzen. Wanneer u ervoor kiest om een pagina te bewerken, gaat u aan de rechterkant naar “Page attributen”-> sjabloon.

het toewijzen van een paginasjabloon

Hoe maak je een kindthema

voordat we onze handen vuil maken met het maken van een WordPress aangepaste paginasjabloon, is er één ding om in gedachten te houden: breng de wijzigingen aan op een kindthema. U zou geen onomkeerbare veranderingen aan het bovenliggende thema willen veroorzaken.

een WordPress kind thema is een sub-thema dat alle functies en stijlen van het ouder thema erft. Nu, als het ouder thema krijgt een update, uw kind thema zal niet worden beïnvloed en uw wijzigingen zullen niet worden overschreven.

nu, Hoe maak je een dochterthema aan? Hier zijn de stappen:

  1. Log in op uw cPanel,
  2. Ga naar Bestandsbeheer,toegang tot Bestandsbeheer in cPanel
  3. Ga naar public_html – > wp-content – > thema ‘SMAP,toegang tot de map Thema' s in cPanel
  4. voeg in de map “Thema ‘ s” een nieuwe map toe uit “+Folder” in het bovenste menu. Geef het een naam. Een best-case praktijk is om de naam van het thema te gebruiken, waaraan u “-kind”toevoegt. Gebruik ook koppeltekens, in plaats van ruimte. In mijn geval gebruik ik mesmerize-child, omdat ik het Mesmerize thema gebruik,
  5. in de map, Maak een nieuw bestand aan en noem het “style.css”,stijl aanmaken.css in cPanel
  6. . Klik met de rechtermuisknop op het bestand en selecteer de “Bewerken” keuze.
    /* Theme Name: Your Theme Child Theme URL: http://yourdomain.comDescription: Your Theme Child Theme Author: Your NameAuthor URL: http://yourdomain.comTemplate: yourtheme Version: 1.0.0 Text Domain: yourtheme-child */

    hier kunt u een deel van de code in het bovenliggende CSS-bestand plakken, of uw eigen styling toevoegen.

  7. Wijzig het thema en de domeinnamen, druk vervolgens op “Opslaan”,
  8. Maak een ander bestand aan in dezelfde map. Deze keer noem het ” functies.php”. Plak de volgende code:
    <?phpadd_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );function enqueue_parent_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );}?>
  9. Ga naar het WordPress Dashboard, uiterlijk -> thema. Uw kind thema zal er zijn, je hoeft alleen maar om het te activeren.

en je bent klaar.

volgende, laten we een nieuwe sjabloon maken, zullen we?

Hoe maak ik een WordPress aangepaste pagina Template?

u kunt beginnen met de bestaande themacode en de nodige aanpassingen uitvoeren.

hier zijn de stappen:

  1. Ga naar cPanel – > Bestandsbeheer,
  2. Navigeer naar public_html -> wp-content -> thema ‘ s map,
  3. Open uw hoofdthema map,
  4. Identificeer de pagina.php bestand. Het zal er zo uitzien:
    <?php mesmerize_get_header(); ?> <div class="page-content"> <div class="<?php mesmerize_page_content_wrapper_class(); ?>"> <?php while (have_posts()) : the_post(); get_template_part('template-parts/content', 'page'); endwhile; ?> </div> </div><?php get_footer(); ?>
  5. Selecteer het bestand en kies “Copy”,
  6. in het venster dat verschijnt, verander het pad van het bestand, naar degene in uw thema dochter map,kopieer pagina.php naar nieuwe bestandslocatie
  7. hernoem het nieuwe bestand zodat u gemakkelijk kunt identificeren wat het doet.
  8. voeg een commentaar toe in het bestand zodat u WordPress kunt vertellen dat dit een nieuw aangepast sjabloon is. Doe dit door “Bewerken” te selecteren en deze tekst in te voegen:
    /* * Template Name: Your custom TEmplate's name * description: >- Explain what your new templates does */

    uw nieuwe bestand ziet er zo uit:

    <?php /* * Template Name: Custom Full Width * description: >- Page template without sidebar */mesmerize_get_header(); ?> <div class="page-content"> <div class="<?php mesmerize_page_content_wrapper_class(); ?>"> <?php while (have_posts()) : the_post(); get_template_part('template-parts/content', 'page'); endwhile; ?> </div> </div><?php get_footer(); ?>

u kunt hier ook kopieën van andere bestanden toevoegen. U kunt bijvoorbeeld de single aanpassen.php-bestand, dat de look en feel van blogberichten zal veranderen.

vervolgens moet u uw mouwen oprollen en wat code schrijven.

en als u de CSS-styling wilt wijzigen, kunt u dit doen in de child theme Customizer, in extra CSS of in de stijl.css-bestand.

echter, er is een eenvoudiger oplossing…

met een site builder zoals Colibri, alle code “staat” achter, en blokkeert geen niet-technische Site creator. Elke toevoeging of wijziging van een aangepaste pagina wordt visueel weergegeven in de Customizer. Zo heeft de site maker meer controle over het ontwerp. De mooie aangepaste pagina zal klaar zijn in een oogwenk, zonder de moeite voor de code achter de pagina.

Leave a Reply

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd.