Schaltfläche Vorheriger / Nächster Beitrag

Nun kommen wir zum Kern des Themas: Wie kann man die Schaltflächen "Vorheriger" und "Nächster Beitrag" so einrichten, dass sie nur Beiträge derselben Hauptkategorie anzeigen?

In der Regel lässt sich diese Funktion in der single.php Datei umsetzen. Hierfür gibt es die Function Reference/previous post link.

Theme "Twenty Fourteen" über Dashboard / Design / Editor in der template-tags.php (Die Datei ist im Ordner inc/template-tags.php):

/**
* Display navigation to next/previous post when applicable.
*
* @since Twenty Fourteen 1.0
*/

Da ist nur das , true beizufügen wie folgend:

<div class="nav-links">
			<?php
			if ( is_attachment() ) :
				previous_post_link( '%link', __( '<span class="meta-nav">Published In</span>%title', 'twentyfourteen' ), true );
				else :
					previous_post_link( '%link', __( '<span class="meta-nav">Previous Post</span>%title', 'twentyfourteen' ), true );
					next_post_link( '%link', __( '<span class="meta-nav">Next Post</span>%title', 'twentyfourteen' ), true );
				endif;
				?>
			</div><!-- .nav-links -->

Das sieht dann so aus:

<div class="nav-links">
			<?php
			if ( is_attachment() ) :
				previous_post_link( '%link', __( '<span class="meta-nav">Published In</span>%title', 'twentyfourteen' ), true );
				else :
					previous_post_link( '%link', __( '<span class="meta-nav">Previous Post</span>%title', 'twentyfourteen' ), true );
					next_post_link( '%link', __( '<span class="meta-nav">Next Post</span>%title', 'twentyfourteen' ), true );
				endif;
				?>
			</div><!-- .nav-links -->

Merkzettel. Der Code war seinerzeit über das Internet kaum aufzuspüren. Erst eine Seite aus Japan konnte da helfen. Diese Website ist so, nicht mehr im Netz. Daher ist kein Link vorhanden.

previous_post_link / next_post_link in Verwendung, nur das true als drittes Argument hinzufügen.

• Theme Updates ist dieser Code zu erneuern!

Anmerkung

Es ist wichtig zu beachten, dass die Schaltflächen "Vorheriger / Nächster Beitrag" nur innerhalb derselben Hauptkategorie weiterleiten können. Wenn Unterkategorien ausgewählt wurden, können diese nicht innerhalb der Hauptkategorie weiterleiten. Um sicherzustellen, dass die Beiträge entsprechend ihrem Datum in der Haupt- und Nebenkategorie angezeigt werden, muss die Hauptkategorie explizit angegeben werden. Also:

• Die Kategorien werden innerhalb derselben weitergeleitet.
• Sind Unterkategorien angehakt, können die Nebenkategorien nicht innerhalb der Hauptkategorie weiterleiten.
• Die Hauptkategorie muss extra dazugegeben sein, um die Beiträge von Hauptkategorie, Nebenkategorie entsprechenden Datums aneinanderzureihen.

Anmerkung: Die Schaltfläche "Vorheriger / Nächster Beitrag" leitet innerhalb derselben Hauptkategorie weiter. Wenn Unterkategorien ausgewählt sind, können diese nicht verwendet werden, um Beiträge der Hauptkategorie anzuzeigen. Die Hauptkategorie muss ausdrücklich angegeben werden, um Beiträge von Haupt- und Nebenkategorie entsprechend dem Datum anzuordnen.

Zum Beispiel: Wenn ein Beitrag nicht der Hauptkategorie zugeordnet ist und dem nächsten Beitrag eine weitere Kategorie zugewiesen ist, wird die Schaltfläche "Vorheriger Beitrag" den Beitrag der anderen Kategorie anzeigen und nicht auf dieselbe Seite führen. Dies kann verwirrend sein, aber es ist so.

Und Workflow …

Zum Zweck des fortlaufenden Datums und Konformität der Weiterleitung von Schaltfläche "Vorheriger / Nächster Beitrag".

(Dashboard/Beiträge/Kategorien), die Hauptkategorie bspw. EWP erstellen. Und über Quickedit (Dashboard/Beiträge/Alle Beiträge) diese Hauptkategorie jedem Beitrag als weitere Kategorie hinzufügen. Dann die zweite Hauptkategorie erstellen, bspw. @Windows. Und dasselbe wie vorher über Quickedit den Beiträgen welcher Kategorie diese Hauptkategorie hinzufügen.

CSS Styles: Kategorien Farbe zuweisen

Es kann vorkommen, dass man den einzelnen Kategorien im Body einer Website verschiedene Farben zuweisen möchte. Ein Beispiel für den CSS-Code, der dies für den Inhaltsbereich einer Kategorie tut, wäre folgender:

.category-beispielname .entry-header,
.category-beispielname .entry-title,
.category-beispielname .entry-content,
.category-beispielname .entry-meta {
    background-color: yellow;
}

Um die Farbe für die Kategorien im Body zu ändern, braucht es einen Code in der functions.php (zu finden unter Dashboard / Design / Editor). Eine Anleitung dazu gibt es auch hier: CSS für Artikel einer bestimmten Kategorie ändern.

Fügt den Kategory-Slug zu BODY hinzu:

functions.php

/* Farbe für Body KATEGORIE */
add_filter('body_class', function($classes) {
    if (is_single()) {
        global $post;
        $cats = get_the_category($post->ID);
        foreach ($cats as $cat) {
            $classes[] = 'category-' . $cat->slug;
        }
    }
    return $classes;
});

^{Pr. WP-Freund}

…. und schon wird die CSS-Auszeichnung für die Kategorie im Body genauso auf den Inhaltsbereich angewendet:

.category-muster-a .site-header,
.category-muster-a #secondary,
.category-muster-a .site-footer,
.category-muster-a .site:before {
    background-color: green !important;
}

.category-muster-a .search-toggle {
    background-color: orange !important;
}

.category-muster-a .site-footer {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(green), to(#f5f5f5)) !important;
    background: -moz-linear-gradient(top, green, #f5f5f5) !important;
}

Anmerkungen, intuitiv:

Der zusätzliche Hinweis auf die Verwendung von !important ist sinnvoll, wenn die CSS-Stile in der Hauptkategorie oder in einem anderen Teil der Website bereits eine bestimmte Formatierung aufweisen, die möglicherweise mit den Kategorien kollidiert.

Es ist auch wichtig, die Hauptkategorie anzugeben, wenn man die CSS-Stile auf die Nebenkategorien übertragen möchte, da dies dazu beiträgt, dass die Schaltflächen "Vorheriger/Nächster Beitrag" ordnungsgemäß funktionieren. Wenn die Hauptkategorie nicht angegeben wird, kann es dem Besucher zu Verwirrung kommen, wenn ein Beitrag in eine andere Kategorie wechselt und die Schaltfläche den nächsten Beitrag in der falschen Kategorie anzeigt.

Wenn jedoch alle Beiträge der Website grundsätzlich keiner speziellen Einteilung folgen, könnte man auch jede Kategorie mit eigenen CSS-Stilen versehen

^{Ja, allein deiner Intuition geht’s auch   😳} 

Anderes: Das Plug-in Kategorien mit Icons, Bildern und Farben ist ein Plug-in, das es ermöglicht, den Kategorien im Backend (also der Administrations-Oberfläche) eine visuelle Auszeichnung zu verleihen, indem man ihnen Farben oder Icons zuweist. Das Plug-in hat keinen direkten Einfluss auf die Darstellung der Kategorien auf der Frontend-Seite der Website. Es dient lediglich dazu, die Kategorien im Backend besser unterscheiden und identifizieren zu können.

Artikel von Kategorien
für die Startseite regeln

Erst mal da zum Thema passend: Im Denke Erkenne dich selbst in nettester Art von Unterstützung und effektiver Information (zwei Seiten 🙂 ): [Gelöst] Unterkategorien werden gleich mit Kategorien angezeigt

Eine andere Möglichkeit ist die Verwendung von Code in der functions.php-Datei des Themes. Dazu kann man den folgenden Code verwenden.

Sind also die Beiträge in verschiedene Kategorien, sind der Startseite auch alle angezeigt. Nun der Startseite nur Beiträge bestimmter Artikel einer Kategorie bspw. namens „Aktuelles“ anzeigen.

functions.php

/* Bestimmte Kategorie-Beiträge auf der Startseite anzeigen */
add_action('pre_get_posts', function($query) {
    if ($query->is_main_query() && $query->is_home()) {
        $query->set('cat', 'aktuelles');
    }
});

^{Pr. WP-Freund}

Dieser Code sorgt dafür, dass nur Beiträge aus der Kategorie "Aktuelles" auf der Startseite angezeigt werden.

Es ist jedoch zu beachten, dass diese Methode die Standard-Loop der Startseite überschreibt und daher möglicherweise Probleme mit anderen Plug-ins oder Funktionen verursachen kann. Es ist daher ratsam, vorher eine Sicherungskopie der functions.php-Datei zu erstellen und diese Methode zu testen, bevor sie auf einer Live-Seite verwendet wird.

Nachlese WP Artikel bestimmter Kategorien auf der Startseite.

Anmerkung zum Widget Kategorien:

Diese Anmerkung hat Inhalts zur Funktionalität des beschriebenen Themas keine Relevanz.

In diesem Artikel beschriebene Spielart betrifft nicht die Inhaltsanzeige des Widgets Archive und auch das Anzeigen aller Kategorien im Widget Kategorien. D. h. in Verwendung des Widgets Kategorien sind die Inhalte aller Kategorien angezeigt.

• Dem Widget Archive, welches Archiv des Monats aufzeigt, bleiben die Kategorien im Aufrufe Widget Archive vermischt.

Das Widget Archive hat nichts gemeinsam mit im Beitrag von Aufruf einer Kategorie, bleibt Kategorie und heißt "Archiv der Kategorie".

Im Plug-in AH Display Widget erfolgt die Einstellung von Sichtbarkeit eines Widgets für "Archive des Monats" unter Anhaken +/- Verschiedenes/Archive, und, aber Sichtbarkeit eines Widget in "Archiv der Kategorie" unter +/- Kategorien/ und entsprechende Kategorien.

Dasselbe etwas lesefreundlicher: Es ist zu beachten, dass das Widget "Kategorien" alle Kategorien anzeigt, während das Widget "Archiv" das Archiv nach Datum zeigt.

Das Plug-in AH Display Widget ermöglicht es dem Benutzer, die Sichtbarkeit der Widgets für verschiedene Seiten zu steuern, einschließlich der Sichtbarkeit für "Archiv der Kategorie". Die Verwendung eines Inhaltsverzeichnisses als individuelles Menü ist auch eine praktikable Option für die Navigation durch die verschiedenen Kategorien.

Meiner praktikablen Variante: Das Inhaltsverzeichnis war definitiver Kategorien als individuelles Menü (über Dashboard/Design/Menüs) erstellt und im jQuery Accordion Menü dargestellt. – ke-kenn’st-di AUS?!  😐

Neiin? – Vielleicht hilft dieser Beitrag weiter, Kategorien ausschließen und des Widgets Kategorie auch das Dropdown-Feld.