t3n News Entwicklung

So machst du die Portfolio-Ansicht für dein WordPress-Theme

Das eigene WordPress-Theme erstellen – #16: Die Portfolio-Ansicht

In dieser Artikelreihe geht es darum, ein WordPress-Theme zu erstellen – von Grund auf. Im 16. Teil kümmern wir uns um das Seiten-Template, das alle Galerien der Website anzeigt.

Das eigene WordPress-Theme erstellen – #16: Die Portfolio-Ansicht
Die Portfolio-Seite des WordPress-Themes. (Screenshot: eigene Installation; Bilder: Dennis Brinkmann)
Die Portfolio-Seite des WordPress-Themes. (Screenshot: eigene Installation; Bilder: Dennis Brinkmann)

Auf der Portfolio-Seite werden alle Galerien angezeigt, die es gibt – standardmäßig sortiert nach Erscheinungsdatum. Später bekommt der Nutzer aber noch die Möglichkeit, auch diese Galerie nach Kategorien zu gruppieren sowie zusätzlich nach Ober-Unterkategorie-Beziehungen. In diesem Teil geht es um die Anzeige aller Galerien, ohne Gruppierung – das sieht dann beispielsweise aus wie im Screenshot oben. Die zuständige portfolio-page.php bekommt den folgenden Inhalt:

<?php
/**
* Template Name: Portfolio page
* Description: Displays all galleries.
*/
get_header(); ?>
<main role="main">
<?php
$args = array(
'posts_per_page' => '-1',
'tax_query' => array(
array(
'taxonomy' => 'post_format',
'field' => 'slug',
'terms' => 'post-format-gallery'
)
)
);
$galleries = get_posts( $args );
if ( $galleries ) {
bornholm_loop_galleries_from_category( $galleries, '', '', '', '' );
}
?>
</main>
<?php get_footer();

Das Einzige, was wir in dieser Datei machen müssen, ist, alle Beiträge zu ermitteln, die vom Post-Format Galerie sind. Das geht einfach mit get_posts(), der wir bestimmte Argumente mit einem Array übergeben müssen. Dieses Array setzen wir vorher zusammen und legen zuerst fest, dass alle Beiträge auf einer Seite angezeigt werden sollen. Über tax_query können wir als nächstes Bedingungen an die Taxonomie-Werte des Beitrags stellen, zum Beispiel, welches Post-Format er haben muss. Um das zu erreichen, geben wir für taxonomy den Wert post_format an, als field den Wert slug und als Wert, der darin enthalten sein soll, post-format-gallery.

Mit tax_query lassen sich auch verschiedene Bedingungen über logische Operatoren verknüpfen, Schachtelungen sind ebenso möglich. Nähere Infos zu dieser recht mächtigen Methode inklusive einiger Beispiele findet ihr auf der Codex-Seite zu WP_Query.

Anschließend wird das Array an die get_posts()-Funktion übergeben und das Ergebnis in der $galleries-Variable gespeichert. Wenn wir ein Ergebnis zurückbekommen, übergeben wir das an die schon bekannte bornholm_loop_galleries_from_category()-Funktion, die sich um die Ausgabe kümmert. Da wir weder die Anzahl, noch die Kategorien beschränken wollen, übergeben wir jetzt den ersten Parameter.

Ab dem nächsten Teil werden wir uns mit dem Customizer auseinandersetzen und unser Theme ein bisschen flexibler machen.

GitHub

Wie jedes Mal der Hinweis: Den Code zum Theme gibt es im Repo auf GitHub. Wenn ihr den Code haben wollt, wie er nach diesem Teil der Serie ist, werdet ihr bei Tag „v0.14“ fündig.

Die weiteren Teile unserer WordPress-Reihe:

Newsletter

Bleibe immer up-to-date. Sichere dir deinen Wissensvorsprung!

Vorheriger Artikel Zurück zur Startseite Nächster Artikel
Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema Templates
30 kostenlose WordPress-Themes für Responsive Design
30 kostenlose WordPress-Themes für Responsive Design

Das Angebot an kostenlosen Templates für die eigene Website wächst stetig. Auch die Auswahl an Wordpress-Themes, die Responsive Webdesign unterstützen, ist inzwischen beachtlich. » weiterlesen

Diese 30 kostenlosen WordPress-Themes für Responsive Design musst du kennen
Diese 30 kostenlosen WordPress-Themes für Responsive Design musst du kennen

Responsive Webdesign wird quasi zum Standard im Web. Wenn du WordPress nutzt, solltest du dir daher die folgenden 30 Themes nicht entgehen lassen. Alle haben ein Responsive Design und sind kostenlos. » weiterlesen

Baukasten für responsive WordPress-Themes: Das kann Cloudpress
Baukasten für responsive WordPress-Themes: Das kann Cloudpress

CloudPress ist ein Theme-Baukasten für WordPress. Wir zeigen euch, was das Tool alles kann. » weiterlesen

Alle Hefte Jetzt abonnieren – für nur 35 €

Kennst Du schon unser t3n Magazin?