[Musik spielt]
Herzlich willkommen zum WordPress Tipp der Woche.
Diese Woche zeige ich, wie man Beiträge auf Inhaltsseiten darstellen kann.
Das heißt die letzten Beiträge oder Beiträge einer bestimmten Kategorie
dann auf einer Inhaltsseite zu präsentieren.
Hierfür
verwende ich den Custom-News Shortcode, der vielleicht eher etwas unbekannt ist.
Und der funktioniert so: [custom-news].
Wenn man den Shortcode ohne ein weiteres Attribut verwendet,
dann erhält man bereits die letzten Beiträge.
Das sieht jetzt allerdings vielleicht nicht so schön
aus, wie man das gerne hätte.
Das heißt,
Sie werden jetzt in den nächsten Minuten sehen,
wie ich diese Standard Funktionalität
verwende und erweitere mit Attributen, um daraus
dann eine schönere Übersicht der letzten Beiträge eben zu gestalten.
Und das funktioniert über Attribute, die man dem Shortcode hinzufügt.
Ich befinde mich übrigens im Text-Modus des Editors.
Den kann man zwischen dem Reiter hier oben rechts
im Editorfenster entsprechend auswählen.
Der Text Modus hat den Vorteil, dass man auch HTML-Elemente sieht,
die man sonst vielleicht im visuellen Editor nicht sehen würde.
Das ist immer dann
ideal, wenn man mit Shortcodes arbeitet.
Ich habe hier meinen Standard-Shortcode und erweitere den
jetzt erst mal um ein allgemeines Attribut,
und zwar um das Attribut cat="..." für Kategorie.
Ich habe mir schon eine Kategorie angelegt,
und zwar die Kategorie "Musterbeiträge".
Man findet die Kategorien für Beiträge
hier im Dashboard, im Menü
über Beiträge > Kategorien.
Wenn ich das
mit der mittleren Maustaste öffne, um so einen neuen Tab zu betrachten,
dann sieht man alle Kategorien, die hier auf der Anleitungsseite so vorhanden sind.
Man kann aber auch gleich hier eine neue Kategorie erstellen.
Und das ist immer dann wichtig, wenn man seine Beiträge
an unterschiedlichen Stellen zum einen ausgeben möchte und zum anderen
eine Struktur schaffen möchte.
Das macht dann eben wie hier zum Beispiel zehn Beiträge zum Beispiel
als Musterbeitrag zu deklarieren oder als aktuelles oder als Tipp der Woche,
damit man diese dann auf der entsprechenden Inhaltsseite zu
diesem Thema ausgeben kann.
Die Kategorie eines Beitrags legt man übrigens,
wenn man auf einem Beitrag gerade ist und diesen bearbeitet,
entsprechend fest, indem man im Reiter Kategorien,
der meistens am rechten Rand zu finden ist, hier
auf die entsprechend gewünschte Kategorie geht und anhakt.
Man kann hier natürlich auch noch
eine neue Kategorie gleich im gleichen Fenster anlegen.
Falls die Kategorien bei Ihnen nicht erscheinen, dann kann es sein,
dass diese bei unter Ansicht anpassen deaktiviert wurden.
In dem Fall können Sie hier oben über diesen Reiter
das Feld Kategorien aktivieren.
Es geht direkt weiter.
Also ich gehe zurück auf die Inhaltsseite.
Ich gehe in diesem Beispiel davon aus, dass ich mehrere Beiträge mit einer
Kategorie habe.
Deshalb verwende ich das Attribut cat="musterbeiträge".
Wenn ich das jetzt aktualisiere
und wieder an meinem neuen Reiter anschaue,
also so sah es vorher aus und ich aktualisiere das Ganze,
dann sehe ich jetzt, dass nur noch Beiträge auftauchen,
die in diese Kategorie fallen.
Also Musterbeiträge.
Jetzt gefällt mir
die Darstellung immer noch nicht und ich möchte diese noch weiter anpassen.
Deshalb kann ich jetzt zum Beispiel ein weiteres Attribut hinzufügen, zum Beispiel
das Attribut type="image_first" und ein weiteres Attribut, und zwar,
dass ich es in einem Layout haben möchte,
wo es eben drei zu eins
dargestellt wird.
Wenn ich das jetzt aktualisiere,
dann erhalte ich eine neue Darstellung.
Das dauert jetzt kurz
und im neuen Reiter - ich aktualisiert
das Ganze - habe ich schon wieder ein ganz anderes Bild.
Ich sehe jetzt, ich habe hier einen großen Beitrag, der das Ganze öffnet
und dann darunter die entsprechenden Daten
für diesen Beitrag.
Um das weiter anzupassen, könnte ich jetzt hergehen
und diesen Shortcode um ein weiteres Attribut ergänzen.
Ich könnte zum Beispiel sagen, ich verstecke das Datum
und vielleicht auch die Kategorie, weil wir ja schon auf einer Inhaltsseite
sind, die die Kategorie beschreibt.
Wenn ich das wieder aktualisiere,
dann kann ich im neuen Reiter jetzt sehen,
dass nur noch ein Beitrag ausgegeben wird
und zwar hier oben.
Im nächsten Schritt möchte ich weitere Beiträge natürlich hinzufügen.
Also ich möchte das nicht nur bei einem Beitrag belassen.
Dafür erstelle ich einen weiteren Custom News Shortcode
wieder mit der Kategorie Musterbeiträge
und hier verwende ich jetzt das andere Attribut (columns="3"), und zwar,
dass ich mehrere Spalten bereitstellen möchte, in dem Fall drei Stück
und ich möchte auch hier wieder, dass das Bild zuerst kommt, also Image first.
Ich verstecke erneut das Datum und die Kategorie in meinem Beispiel
und begrenze die Anzahl auf
sechs Beiträge.
Wenn ich das jetzt wieder aktualisiere,
erhalte ich einen weiteren Custom-News Shortcode, der in diesem Fall dreispaltig
ist, also drei verschiedene Beiträge in einer Reihe nebeneinander anzeigt.
Warum hat das jetzt hier nicht funktioniert?
Das muss ich kurz überprüfen.
Man sieht es hat es in dem Fall nicht funktioniert.
Und zwar weil hier entsprechend ein Tippfehler sich eingeschlichen hat.
Das heißt,
man muss immer genau aufpassen, dass man die Shortcodes richtig schreibt.
Und dann hier kann ich diesen Unterstrich gegen einen Bindestrich austauschen
und das Ganze aktualisieren.
Ich erhalte jetzt also ein dreispaltiges Layout unter diesem 1.
Layout meiner Beiträge und kann das gegebenenfalls weiter anpassen.
Ich hätte jetzt entweder die Möglichkeit, hier unten
das dreispaltige Layout zu ändern, indem ich zum Beispiel sage,
ich möchte zwei Spalten statt drei Spalten.
Das kann ich machen, aktualisieren und das Ganze wieder
in einem neuen Tab betrachten.
Dann sehe ich eben, dass das Ganze etwas
schöner ist jetzt für diese enge Darstellung.
Ich könnte auch
sagen, wenn ich hier jetzt keine Sidebar habe,
dass mir dann die Darstellung mit drei
Beiträgen nebeneinander eben besser gefällt.
Es kommt immer auf das Layout an.
Jetzt könnte ich zum Beispiel sagen, ohne Sidebar nutze ich das dreispaltige
Layout, würde die Desktop Variante meiner Seite
und habe dann eben einen großen Beitrag hier oben
und darunter die vielen kleinen Beiträge.
Was jetzt allerdings auffällt, ist, dass man hier oben
und hier unten zwei Beiträge hat, die identisch sind.
mit dem Attribut hide-duplicates kann man das Ganze entsprechend unterbinden,
indem man das auf true setzt.
Sobald das Attribut aktiv
ist, wird der Beitrag nur noch einmal pro Seite ausgeben.
Auch wenn man also mehrere Beiträge hat,
die vielleicht identisch sind, wird nur noch einer davon angezeigt.
Man kann
natürlich hergehen, die Seite vielleicht noch weiter gestalten.
Man könnte hier noch einen allgemeinen Trenner einbauen,
wenn einem das gefällt und einfach schauen, wie wirkt das?
Man kann die Seite vor allem um Texte ergänzen.
Das ist natürlich praktisch auf Inhalt Seiten.
Man kann Videos einblenden, man kann ein baldiges Layout erstellen,
man hat viele Möglichkeiten, um die Seite
einfach weiter zu gestalten mithilfe diesem Shortcodes.
Wenn man zum Beispiel noch das Datum bei hide entfernt,
dann sieht man auch, wie das Ganze aussehen würde.
Wenn man jetzt noch
die entsprechenden Daten mit ausgibt, Auch das ist eine Möglichkeit.
Man hat also eine Reihe von Möglichkeiten, diese Shortcodes entsprechend
zu gestalten.
Statt Musterkategorie könnte ich natürlich auch eine
andere Kategorie wählen oder gar keine Kategorie.
In dem Fall würden dann einfach alle Beiträge,
die eben so vorhanden sind, auf einer Seite ausgegeben werden.
Experimentieren Sie einfach etwas mit diesem Shortcode.
Versuchen Sie, Ihre Seite entsprechend zu gestalten.
Mein Tipp: Damit es professioneller aussieht,
empfiehlt es sich bei Beiträgen
auf langer Sicht immer das gleiche Beitragsbilds-Format zu nutzen.
Das heißt, wenn ich jetzt so einen Beitrag hier anklicke
und unter Beitrag bearbeiten dann eben das Bild anschaue,
dann sollte
ich schauen, dass das Beitragsbild immer das gleiche Seitenverhältnis hat.
Ich wünsche Ihnen jetzt an dieser Stelle viel Spaß bei der Umsetzung.
Wie immer: Wenn Sie Fragen oder Vorschläge für einen nächsten Tipp der Woche haben,
dann schicken Sie uns Ihre Fragen einfach an webmaster@fau.de.
Wir freuen uns immer über Feedback, auch zu unseren Anleitungesseiten
und wie wir unseren Service auf lange Sicht natürlich verbessern können.
[Musik spielt]