WordPress
Wordpress-thema en kind-thema ontwikkeling
Zoeken…
Invoering
Wordpress is een veelgebruikt CMS voor het maken van eenvoudige informatiewebsites, maar ook voor het maken van meer geavanceerde websites en zelfs kleine webshops.
Wordpress maakt gebruik van thema's. Deze thema's worden gebruikt voor het maken van de lay-out en inhoudfunctionaliteit van een Wordpress-website. De thema's zijn overal op internet te vinden.
Elke thme heeft zijn eigen unieke functionaliteit en lay-out, maar soms is het moeilijk om het juiste thema voor een website te vinden. Gelukkig kunnen we ook ons eigen thema maken.
Je eigen thema ontwikkelen
Een WordPress-thema bestaat uit twee soorten bestanden. De basisbestanden die elk thema heeft en de bestanden die de lay-out en functionaliteit van het thema definiëren. Deze tweede groep ga ik de themaspecifieke bestanden noemen.
De basis themabestanden
De standaard themabestanden zijn de bestanden die worden gebruikt om een thema in te stellen en te registreren. In de onderstaande lijst zal ik kort elk bestand en het gebruik ervan beschrijven. Later zal ik de meest eenvoudige voorbeeldbestanden toevoegen die nodig zijn om uw eigen WordPress-thema in te stellen.
-
functions.php
: het functies.php-bestand wordt gebruikt om alle functies, zijbalken, scripts en insluitingen van het thema te registreren. In dit bestand kunt u bijvoorbeeld CSS-bestanden, JS-bestanden, etc. opnemen. -
Header and footer
: de kop- en voettekstbestanden (header.php en footer.php) zijn de bestanden die worden gebruikt om de kop- en voettekst aan te roepen. Het kop- en voettekstbestand bevat bijvoorbeeld de link naar het WordPress-back-endsysteem. -
index.php
: het bestand index.php is het bestand dat de standaardpaginasjabloon maakt. In dit bestand kunt u delen van deze standaardsjabloonlay-out bekijken, bewerken en verwijderen. -
single.php
: het single.php-bestand is het bestand dat de sjabloonpagina met enkele berichten maakt. Net als de standaardsjabloon voor de pagina's, maar nu voor de enkele berichtpagina's. -
format.php
Het format.php-bestand is het bestand dat de inhoud-tekstsjabloon van een pagina samenstelt. Dus als u een startpagina zou hebben en deze zou bewerken vanuit de back-end door een tekst toe te voegen. Dit bestand maakt de standaardmarkering van deze tekst. -
404.php
Het bestand 404.php maakt de 404-sjabloon. Dit bestand bestaat uit de basislay-out van deze pagina. -
archive.php
Het archive.php-bestand maakt de lay-out van de archiefpagina. -
style.css
Het standaard stylesheet-bestand.
In deze lijst kunt u dus alle vereiste bestanden zien voor het instellen van uw eigen Wordpress-thema. Laten we nu eens kijken naar enkele bestanden die u kunt maken als u wilt, maar niet verplicht bent voor een WordPress-thema. Deze bestanden zijn meestal sjabloonbestanden en andere functionele uitbreidingen.
Aangepaste paginasjablonen
page-<your own name>.php
: In een Wordpress-thema kunt u meerdere paginasjablonen maken. door nieuwe paginasjabloonbestanden te maken. Een standaardpagina-sjabloonbestand bestaat uit de volgende naamkenmerken. page
name of the template
en .php
Als u bijvoorbeeld een nieuwe paginasjabloon voor uw blogpagina wilt maken, kunt u deze page-blog.php
noemen Wordpress leest het bestand automatisch en voegt het bestand toe aan het menu Sjabloon kiezen. Zorg ervoor dat je ten minste de get_header()
en get_footer()
hebt opgenomen. Zorg er ook voor dat u uw sjabloon een naam geeft in een opmerking boven aan het bestand door het volgende voorbeeld toe te voegen.
<?php
/*
* Template Name: Homepage Template
*/
get_header();
?>
Aangepaste paginasjablonen voor één bericht
single-<your own name>.php
: In een Wordpress-thema, net als de hierboven beschreven paginasjabloon, kunt u ook uw eigen paginasjablonen voor enkele berichten maken. Net als de pagina template het bestand bestaat uit drie delen single
voor de verklaring dat het een enkele post pagina <your name of the template>
en het bestand extentie .php
. Net als de minimale paginasjabloonvereisten om ervoor te zorgen dat Wordpress de nieuwe sjabloon leest, voegen de functies get_header()
en get_footer()
. En natuurlijk ook het toevoegen van uw sjabloonnaam zoals in het onderstaande voorbeeld
<?php
/*
* Template Name: Post Portfolio
* Template Post Type: post, page
*/
?>
We geven ook het Template post type:
staat voor het soort sjabloon dat het is, in dit geval post en pagina.
Aangepaste berichttekstsjablonen
format -<your own name>.php
: In een Wordpress-thema kunt u ook post-uitvoersjablonen maken. Deze indelingssjablonen zijn de lay-out en inhoud van een bericht. Als u bijvoorbeeld in sommige gevallen wilt dat het bericht alleen de inhoud of de titel van het bericht weergeeft, kunt u deze sjablonen gebruiken om dat soort aanpassingen te maken. Aangezien dit soort sjablonen alleen de inhoud van de get_header()
die door een gebruiker is gemaakt, hoeven we get_header()
en get_footer()
omdat deze al in de get_footer()
zijn gedefinieerd. Zorg ervoor dat uw sjabloon een bericht kan herkennen aan de hand van het volgende basisvoorbeeld.
<div>
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
</article>
</div>
Dus nu we iets weten over de basisbestanden en enkele van de vele sjabloonspecifieke bestanden, is het tijd om te beginnen praten over zijbalken en widgets. In de toekomst zal dit worden toegevoegd samen met een start van de stap-voor-stap tutorial over het maken van een heel eigen Wordpress-thema.