So fügen Sie Unterstützung für Beitragsformate zu Ihrem Theme hinzu

Beschreibung

Was sind Beitragsformate, wie kann man sie verwenden und wie entwickelt man Beitragsformate? Diese Schritt-für-Schritt-Anleitung vermittelt Ihnen ein Verständnis dafür, was Beitragsformate sind und wie Sie eigene erstellen.

Vorausgesetzte Kenntnisse

• Grundlegende Kenntnisse in HTML/CSS/PHP
• Grundkenntnisse über die Installation und Aktivierung von WordPress-Themes
• Verständnis dafür, wie Ordner und Dateien strukturiert sind
• Fähigkeit, Dateien mit einem Texteditor zu bearbeiten

Lernziele

• Die Teilnehmer erstellen jedes Beitragsformat mit einem Standard-WordPress-Theme
• Die Teilnehmer aktivieren die Unterstützung für Beitragsformate in einem Theme, in dem Beitragsformate bisher nicht aktiviert sind
• Die Teilnehmer gestalten jeden Typ von Beitragsformat

Materialien

• Lokal installierte WordPress-Installation
• Twenty Thirteen-Theme installiert (alle Beitragsformate fertiggestellt und gestaltet)
• Twenty Twelve-Theme installiert (um zu zeigen, wie man Beitragsformate aktiviert und gestaltet, wenn sie vom ausgewählten Theme noch nicht unterstützt werden)
• Child-Theme zur Aktivierung von Beitragsformaten
• Füllinhalte aus den Theme Unit Test Data

Fragen zur Vorbereitung

• Sind Sie mit der Installation und Aktivierung von Themes über das WordPress-Dashboard vertraut?
• Verfügen Sie über grundlegende Kenntnisse in HTML/CSS/PHP?
• Fühlen Sie sich sicher im Umgang mit einem Texteditor zum Bearbeiten von Code?
• Werden Sie während des Kurses eine lokal oder remote gehostete WordPress-Sandbox-Website zur Verfügung haben?

Hinweise für Lehrkräfte

• Eine Live-Demonstration der Schritte zur Erstellung eines Child-Themes während des Unterrichts ist entscheidend dafür, dass die Inhalte für die Teilnehmer verständlich werden.
• Für die Teilnehmer ist es am einfachsten, mit einer lokal installierten WordPress-Kopie zu arbeiten. Planen Sie vor dem Kurs etwas Zeit ein, um Teilnehmern bei Bedarf bei der lokalen Installation von WordPress zu helfen. Weitere Informationen zur lokalen Installation von WordPress finden Sie unter Installation auf einem lokalen Server.
• Die gewünschten Antworten auf die Vorbereitungsfragen lauten „Ja“. Teilnehmer, die alle 4 Fragen mit „Nein“ beantworten, sind möglicherweise noch nicht bereit für diese Lektion.

Praktische Anleitung

Einführung: Was sind Beitragsformate?

Beitragsformate gibt es in WordPress seit Version 3.1. Allerdings unterstützen nur wenige Themes sie nativ, und noch weniger Benutzer setzen sie ein. Ein Beitragsformat ist eine Metainformation, die von einem Theme verwendet werden kann, um die Darstellung eines Beitrags anzupassen. Die Funktion für Beitragsformate stellt eine standardisierte Liste von Formaten bereit, die für alle Themes verfügbar sind, welche diese Funktion unterstützen. Themes müssen nicht jedes Format der Liste unterstützen. Neue Formate können weder durch Themes noch durch Plugins eingeführt werden. Die Standardisierung dieser Liste ermöglicht sowohl die Kompatibilität zwischen zahlreichen Themes als auch externen Blogging-Tools den konsistenten Zugriff auf diese Funktion. Kurz gesagt: Mit einem Theme, das Beitragsformate unterstützt, kann ein Blogger das Aussehen jedes Beitrags ändern, indem er ein Beitragsformat aus einer Optionsfeldliste auswählt. Zu den Arten von Beitragsformaten gehören:

Aside – Wird normalerweise ohne Titel gestaltet. Ähnlich wie ein Notiz-Update auf Facebook.

Galerie – Eine Bildergalerie. Der Beitrag enthält wahrscheinlich einen Galerie-Shortcode und Bildanhänge.

Link – Ein Link zu einer anderen Website. Themes können das erste Tag im Beitragsinhalt als externen Link für diesen Beitrag verwenden. Alternativ kann, wenn der Beitrag nur aus einer URL besteht, diese URL verwendet werden; der Titel (post_title) ist dann der an den Anker angehängte Name.

Bild – Ein einzelnes Bild, mit oder ohne Bildunterschrift. Das erste Tag im Beitrag könnte als Bild betrachtet werden. Alternativ ist, wenn der Beitrag nur aus einer URL besteht, diese die Bild-URL, und der Beitragstitel (post_title) wird zum title-Attribut des Bildes.

Zitat – Ein Zitat. Enthält wahrscheinlich ein Blockquote-Element mit dem Zitatinhalt. Alternativ kann das Zitat einfach der Inhalt sein, während die Quelle bzw. der Autor als Titel verwendet wird.

Video – Ein einzelnes Video oder eine Video-Playlist.

Warum Beitragsformate verwenden?

Durch die Verwendung von Beitragsformaten wissen Ihre Blogbesucher genau, welche Art von Inhalt sie ansehen.  Unterschiedliche Stile für jedes Beitragsformat machen Ihren Blog visuell interessanter. Früher versuchten Entwickler, diese einzigartigen Inhaltsstile durch das Ändern von Kategorien oder die Verwendung benutzerdefinierter Beitragstypen zu erreichen.  Diese benutzerdefinierten Typen waren für etwas anderes als Bloginhalte gedacht. Durch die Verwendung von Beitragsformaten bleiben alle Ihre Inhalte im Blogbereich Ihrer Website, und nach der Konfiguration müssen Sie lediglich das verwendete Format auswählen. Beitragsformate erscheinen in Ihrem RSS-Feed und können im Bereich „Beiträge“ Ihrer Website bearbeitet werden.

So funktionieren Beitragsformate

Wenn Sie einen einzelnen Beitrag bearbeiten, sehen Sie ein Modul Format:

Nachdem Sie Beiträge einem bestimmten Beitragsformat zugewiesen haben, sehen Sie im Dashboard Symbole, die angeben, welches Format jeder Beitrag hat.  Gehen Sie zu Beiträge > Alle Beiträge:

Beim Aufrufen Ihres Blogs wird der Inhalt für jedes Format einzigartig dargestellt.

Theme-Unterstützung hinzufügen

Themes müssen in der Datei functions.php add_theme_support() verwenden, um WordPress mitzuteilen, welche Beitragsformate unterstützt werden sollen, indem ein Array mit Formaten übergeben wird, etwa so:

add_theme_support( 'post-formats', array( 'aside', 'quote', 'status', 'image', 'gallery', 'chat', 'link', 'audio', 'video' ) );

Unterstützung für Beitragstypen hinzufügen

Wenn Sie die Gestaltung von Beitragsformaten auf Seiten oder benutzerdefinierten Beitragstypen verwenden möchten, ist dies möglich. Beitragstypen müssen in der Datei functions.php add_post_type_support() verwenden, um WordPress mitzuteilen, welche Beitragsformate unterstützt werden sollen:

// add post-formats to post_type 'page'
add_post_type_support( 'page', 'post-formats' );

// add post-formats to post_type 'my_custom_post_type'
add_post_type_support( 'my_custom_post_type', 'post-formats' );

Beitragsformate verwenden

Verwenden Sie im Theme get_post_format(), um das Format eines Beitrags zu überprüfen und seine Darstellung entsprechend zu ändern. Beachten Sie, dass Beiträge mit dem Standardformat den Wert FALSE zurückgeben. Alternativ können Sie das has_post_format()–Bedingungstag verwenden:

if ( has_post_format( 'video' )) {
  echo 'this is the video format';
}

Eine alternative Möglichkeit, Formate zu verwenden, besteht in der Nutzung von Gestaltungsregeln. Themes sollten die Funktion post_class() im umgebenden Code verwenden, der den Beitrag einschließt, um dynamische Gestaltungsklassen hinzuzufügen. Beitragsformate führen dazu, dass auf diese Weise zusätzliche Klassen hinzugefügt werden, die den Namen „format-foo“ verwenden. Beispielsweise könnte man Beitragstitel von Beiträgen im Statusformat ausblenden, indem man dies in das Stylesheet des Themes einfügt:

.format-status .post-title {
display:none;
}

Beitragsformate gestalten

Obwohl Sie Ihre Formate nach Belieben gestalten und darstellen können, eignet sich jedes Format aufgrund der modernen Verwendung für eine bestimmte Art von „Stil“. Es ist sinnvoll, die vorgesehene Verwendung jedes Formats im Hinterkopf zu behalten, da Leser dadurch visuell leichter erkennen können, um welche Art von Inhalt es sich handelt. Die Formate Aside, Link und Status werden beispielsweise normalerweise ohne Titel- oder Autoreninformationen angezeigt. Sie sind einfach, kurz und nebensächlich. Ein Aside könnte vielleicht einen oder zwei Absätze enthalten, während ein Link wahrscheinlich nur aus einem Satz mit einem Link zu einer URL besteht. Sowohl Link als auch Aside könnten einen Link zur Einzelbeitragsseite enthalten (mit the_permalink()) und dadurch Kommentare ermöglichen; das Statusformat würde einen solchen Link jedoch sehr wahrscheinlich nicht enthalten. Ein Bildbeitrag enthält dagegen normalerweise nur ein einzelnes Bild, mit oder ohne begleitende Bildunterschrift bzw. Text. Ein Audio-/Videobeitrag wäre ähnlich, würde jedoch Audio bzw. Video enthalten. Für alle drei können entweder Plugins oder standardmäßige Einbettungen verwendet werden, um den Inhalt anzuzeigen. Titel und Autorenangaben werden möglicherweise ebenfalls nicht angezeigt, da der Inhalt selbsterklärend sein kann. Das Zitatformat eignet sich besonders gut für ein einfaches Zitat einer Person ohne zusätzliche Informationen. Wenn Sie das Zitat allein in den Beitragsinhalt und den Namen der zitierten Person in den Beitragstitel einfügen, können Sie den Beitrag so gestalten, dass the_content() allein, aber als Blockquote neu gestaltet angezeigt wird. Mit the_title() können Sie den Namen der zitierten Person als Byline anzeigen. Ein Chat wird häufig als Text in einer Monospace-Schrift dargestellt. Mit etwas Gestaltung für .format-chat können Sie den Beitragsinhalt in einer Monospace-Schrift anzeigen, vielleicht in einem grauen Hintergrund-Div oder Ähnlichem, und ihn so visuell als Chat-Sitzung kennzeichnen. Weitere Gestaltungshinweise finden Sie unter Beitragsformate: Chat.

Formate in einem Child-Theme

Child-Themes übernehmen die im übergeordneten Theme definierten Beitragsformate. Der Aufruf von add_theme_support() für Beitragsformate in einem Child-Theme muss mit einer höheren Priorität als im übergeordneten Theme erfolgen und wird die vorhandene Liste überschreiben, statt sie zu erweitern.

add_action( 'after_setup_theme', 'childtheme_formats', 11 );
function childtheme_formats(){
     add_theme_support( 'post-formats', array('aside', 'quote', 'status', 'image', 'gallery', 'chat', 'link', 'audio', 'video') ); }

Der Aufruf von remove_theme_support('post-formats') entfernt die Unterstützung vollständig.

Gruppenübungen

1. Erstellen Sie mit dem Theme Twenty Thirteen einen Beitrag mit jeder Option für Beitragsformate.
2. Underscores verwenden:
   1. Jedes Beitragsformat erstellen

1. content-aside.php
2. content-audio.php
3. content-chat.php
4. content-gallery.php
5. content-image.php
6. content-link.php
7. content-quote.php
8. content-status.php
9. content-video.php
10. content-none.php

Beitragsformate gestalten (orientieren Sie sich an Twenty Thirteen Style.css, Zeile 1380)

Quiz

1. Was sind Beitragsformate? Beitragsformate werden von einem Theme verwendet, um die Darstellung eines Beitrags anzupassen. Die Funktion für Beitragsformate stellt eine standardisierte Liste von Formaten bereit, die für alle Themes verfügbar sind, welche diese Funktion unterstützen.
2. Welche Optionen für Beitragsformate gibt es? Aside, Audio, Chat, Galerie, Bild, Link, Zitat, Status, Video
3. Sind Beitragsformate dasselbe wie benutzerdefinierte Beitragstypen? Wann würden Sie einen benutzerdefinierten Beitragstyp anstelle eines Beitragsformats wählen? Nein, benutzerdefinierte Beitragstypen erscheinen als weitere Option im Admin-Dashboard neben Beiträgen und Seiten.  Benutzerdefinierte Beitragstypen sind nützlich, wenn der Inhalt nicht unter /blog erscheinen soll, beispielsweise ein Veranstaltungskalender oder Immobilienangebote.
4. Wo aktivieren Sie Beitragsformate für Ihr Theme? In der functions.php, insbesondere in der functions.php eines Child-Themes
5. Was müssen Sie beim Verfassen eines Beitrags tun, der ein Beitragsformat verwenden soll? Das gewünschte Beitragsformat auswählen
6. Wo passen Sie das Aussehen von Beitragsformaten an? In der style.css bzw. insbesondere in der style.css des Child-Themes
7. Unterstützen alle Themes Beitragsformate? Nein
8. Welche WordPress-Standardthemes unterstützen Beitragsformate? Twenty Thirteen und Twenty Fifteen
9. Können Sie Ihrem Theme oder Child-Theme Unterstützung für Beitragsformate hinzufügen? Ja