WordPress Zelfstudie
Aan de slag met WordPress

Opmerkingen

versies

Inleiding tot WordPress

WordPress [WP] is een open source Content Management Systeem voor het bouwen van apps, websites en blogs. WP is geschreven in PHP en gebruikt MySQL als gegevensopslag voor de gebruikersinhoud en -configuratie. Het heeft een rijk ecosysteem van plug-ins en thema's en geniet van een levendige open source-gemeenschap, goede documentatie en lage toegangsdrempels. Bruikbaarheid en ontwikkelaarsdocumentatie zijn te vinden in de WP Codex .

Een onderdeel van WordPress dat het anders maakt dan de meeste andere CMS-producten is de Event Driven Programming . Dit is een andere manier van programmeren en logische weergave dan de MVC-architectuur (Model View Controller) die door de meeste CMS-systemen wordt gebruikt. WordPress gebruikt de concepten Acties en Filters. Ze vormen een wachtrij met gebeurtenissen waarmee plug-ins en thema's delen van de uiteindelijke webtoepassingspagina en / of delen kunnen invoegen, wijzigen of zelfs verwijderen. Een soortgelijk concept is JIT of Just-In-Time compileren.

Hoewel WordPress historisch bekend staat als een blogplatform, en dit stigma misschien nooit verliest, is de focus van het kernteam van WordPress duidelijk veranderd. Met de State of the Word 2016 , door oprichter Matthew Mullenweg , zien we een duidelijke verschuiving in doelen, visie en inspanningen. In 2016 zagen we verbazingwekkende vooruitgang toen de WordPress-kern het grootste deel van de zeer populaire REST API-plug-in overnam . Dit was duidelijk de bedoeling van het kernteam in het begin toen ze een gedurfde poging begonnen om een front-end JavaScript CMS-beheerpaneel te bouwen, dat breekt met de gouden standaard die we al zoveel jaren hebben gezien; ze noemden het Calpyso .

WordPress-thema's

URL's toewijzen aan specifieke sjablonen

Om WordPress-thema's volledig te begrijpen, moet u twee primaire concepten begrijpen:

1. Permalinks
2. De sjabloonhiërarchie

Een permalink is een permanente, niet-veranderende URL (of link naar een specifieke bron. Bijvoorbeeld:

• voorbeeld.com/about-us/ (een pagina in WP)
• example.com/services/ (een lijst met meerdere items, ook wel een "archief" genoemd in WP-lingo)
• example.com/services/we-can-do-that-for-you/ (een afzonderlijk item)

Wanneer een gebruiker om een URL vraagt, maakt WordPress een reverse-engineering van de permalink om erachter te komen welke sjabloon de lay-out moet besturen. WordPress zoekt naar de verschillende sjabloonbestanden die dit specifieke stuk inhoud kunnen besturen, en geeft uiteindelijk de voorkeur aan de meest specifieke die het vindt. Dit staat bekend als de sjabloonhiërarchie.

Zodra WP de overeenkomende weergavesjabloon in de hiërarchie vindt, gebruikt het dat bestand om de pagina te verwerken en weer te geven.

Bijvoorbeeld: index.php (de standaardsjabloon 'catch-all') wordt overschreven door archive.php (de standaardsjabloon voor op inhoud gebaseerde lijst), die op zijn beurt wordt overschreven door archive-services.php (een sjabloon bestand specifiek voor het archief genaamd "services").

Hier is een geweldige visuele referentie voor de sjabloonhiërarchie

Basisthema Directorystructuur

Een eenvoudig thema ziet er ongeveer zo uit:

    // Theme CSS
    style.css

    // Custom functionality for your theme
    functions.php

    // Partials to include in subsequent theme files
    header.php
    footer.php
    sidebar.php
    comments.php

    // "Archives", (listing views that contain multiple posts)
    archive.php
    author.php
    date.php
    taxonomy.php
    tag.php
    category.php

    // Individual content pages
    // Note that home and frontpage templates are not recommended
    // and they should be replaced by page templates
    singular.php
    single.php
    page.php
    front-page.php
    home.php

    // Misc. Utility Pages
    index.php (a catch-all if nothing else matches)
    search.php
    attachment.php
    image.php
    404.php

Voorbeeld van een "Single" (sjabloon voor een afzonderlijke post)

<?php get_header(); ?>

<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
    <h1><?php the_title(); ?></h1>
    <?php the_content(); ?>
    <?php comments_template( '', true ); ?>
<?php endwhile; ?>

<?php get_sidebar(); ?>
<?php get_footer(); ?>

Wat gebeurt er hier? Eerst laadt het header.php (vergelijkbaar met een PHP include of nodig), stelt The Loop in, toont the_title en the_content en bevat vervolgens comments.php , sidebar.php en footer.php . De Loop doet het zware werk, het opzetten van een Post object, dat alle informatie voor de momenteel bekeken inhoud bevat.

Voorbeeld van een "archief" (sjabloon voor een lijst met meerdere berichten)

<?php get_header(); ?>

<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
    <a href="<?php the_permalink(); ?>"<?php the_title(); ?></a>
    <?php the_excerpt(); ?>
<?php endwhile; ?>

<?php
    next_posts_link( 'Older Entries', $the_query->max_num_pages );
    previous_posts_link( 'Newer Entries' );
?>

<?php get_sidebar(); ?>
<?php get_footer(); ?>

Ten eerste bevat het header.php , stelt The Loop in en bevat sidebar.php en footer.php . Maar in dit geval zijn er meerdere berichten in de lus, dus in plaats daarvan wordt een fragment getoond met een link naar het individuele bericht. next_posts_link en previous_posts_link zijn ook opgenomen zodat het archief resultaten kan pagineren.

Berichten, pagina's, aangepaste berichttypen en aangepaste velden

Out of the box ondersteunt WordPress twee soorten inhoud: Posts en Pages . Berichten worden meestal gebruikt voor niet-hiërarchische inhoud zoals blogberichten. Pagina's worden gebruikt voor statische, zelfstandige inhoud, zoals een pagina Over ons of de pagina Services van een bedrijf met daaronder geneste subpagina's.

Vanaf versie 3.0 kunnen ontwikkelaars hun eigen aangepaste berichttypen definiëren om de functionaliteit van WordPress verder te brengen dan alleen de basis. Naast aangepaste berichttypen, kunt u ook uw eigen aangepaste velden maken om toe te voegen aan uw berichten / pagina's / aangepaste berichttypen, zodat u een gestructureerde manier kunt bieden voor het toevoegen en openen van metagegevens binnen uw sjablonen. Zie: Geavanceerde aangepaste velden .