Entwicklung & Design

Das eigene WordPress-Theme erstellen – #14: Einzelansicht einer Seite und das 404-Template

In dieser Artikelreihe geht es darum, ein WordPress-Theme zu erstellen – von Grund auf. Teil 14 beschäftigt sich mit der Einzelansicht einer Seite sowie dem Template, das bei einem 404-Fehler aufgerufen wird.

Von den Standard-Dateien fehlen in unserem Theme noch die page.php und 404.php. Erstere wird für die Anzeige einer Seite genutzt und sieht folgendermaßen aus.

<?php get_header(); ?>
<main role="main">
<?php
while ( have_posts() ) {
the_post(); ?>
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<header class="entry-header">
<?php bornholm_the_post_header( 'h1', $post ) ?>
</header>
<div class="entry-content">
<?php the_content();
bornholm_paginated_posts_navigation(); ?>
</div>
</article>
<?php } ?>
</main>
<?php get_sidebar();
get_footer();

Die Datei gleicht einer Mischung aus index.php und single.php. Der einzige Unterschied ist, dass wir keine Metadaten ausgeben, da bei einer Seite wie dem Impressum meist nicht relevant ist, welcher Nutzer sie wann erstellt hat.

Mit der 404.php-Datei kann ein Template festgelegt werden, das bei 404-Fehlern angezeigt wird – also dann, wenn eine Seite nicht gefunden werden konnte.

<?php get_header(); ?>
<main role="main">
<article id="post-0" class="post no-results not-found">
<header class="entry-header">
<h1 class="entry-title"><?php _e( 'Nothing Found', 'bornholm' ); ?></h1>
</header>
<div class="entry-content">
<p><?php _e( 'Apologies, but no results were found for the requested archive. Perhaps searching will help find a related post.', 'bornholm' ); ?></p>
<?php get_search_form(); ?>
</div>
</article>
</main>
<?php get_sidebar();
get_footer();

In diesem Fall möchten wir einen kleinen Hinweis ausgeben um dem Nutzer mitzuteilen, was Sache ist. Darunter soll das Suchformular eingebunden werden, damit der Nutzer sein Glück erneut versuchen kann. Das lässt sich ganz einfach mit der get_search_form()-Funktion einbinden. Der Rest des Codes ist auch hier wieder bereits aus älteren Teilen der Serie bekannt.

Wenn ich den Überblick behalten habe, müssten nun alle wichtigen Dateien erstellt worden sein. Jetzt fehlen uns noch die alternative Startseite, die die ersten Galerien aus jeder Kategorie anzeigt sowie die Portfolio-Seite, die alle Arbeiten ausgibt. Darüber hinaus werden wir noch den Customizer benutzen, um ein paar kleine Einstellungen zu realisieren, mit denen der Nutzer das Theme anpassen kann.

Der Code

Wie immer findet ihr den Code zum Theme auf GitHub. Den aktuellen Stand nach Teil 14 gibt es beim Tag „v0.12“.

Die weiteren Teile unserer WordPress-Reihe:

Bitte beachte unsere Community-Richtlinien

Wir freuen uns über kontroverse Diskussionen, die gerne auch mal hitzig geführt werden dürfen. Beleidigende, grob anstößige, rassistische und strafrechtlich relevante Äußerungen und Beiträge tolerieren wir nicht. Bitte achte darauf, dass du keine Texte veröffentlichst, für die du keine ausdrückliche Erlaubnis des Urhebers hast. Ebenfalls nicht erlaubt ist der Missbrauch der Webangebote unter t3n.de als Werbeplattform. Die Nennung von Produktnamen, Herstellern, Dienstleistern und Websites ist nur dann zulässig, wenn damit nicht vorrangig der Zweck der Werbung verfolgt wird. Wir behalten uns vor, Beiträge, die diese Regeln verletzen, zu löschen und Accounts zeitweilig oder auf Dauer zu sperren.

Trotz all dieser notwendigen Regeln: Diskutiere kontrovers, sage anderen deine Meinung, trage mit weiterführenden Informationen zum Wissensaustausch bei, aber bleibe dabei fair und respektiere die Meinung anderer. Wir wünschen Dir viel Spaß mit den Webangeboten von t3n und freuen uns auf spannende Beiträge.

Dein t3n-Team

Ein Kommentar
Florian Brinkmann

Hi Adrian,

wenn dir eine konkrete Sicherheitslücke im Theme aufgefallen ist, dann schreib sie einfach in einen Kommentar :)

Viele Grüße
Florian

Antworten

Melde dich mit deinem t3n Account an oder fülle die unteren Felder aus.