Willkommen beim Wegerl.at 'Lesemodus'!
Entspanntes Lesen und spannende Artikel warten auf dich.
Entdecke unsere besten BeitrĂ€ge und genieße den Lesemodus.

Meta-Navigation in gleicher Hauptkategorie

Info echo
OpenClipart-Vectors-katze-1

Ist der Classic-Editor schon zu kennen? –
"Advanced Editor Tools – ist so klasse!"
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-2

Anklickt Classic-Editor mit Advanced Editor Tools
"Advanced Editor Tools – ist das ausgezeichnete!"
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-3

Klassischen Editor anwenden! – und 

"Advanced Editor Tools – ist so sehr gut !"
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-7


 die Welt gehört dem, der sie genießt.
"Advanced Editor Tools – und tut sehr gut!"
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-4

Advanced Editor Tools aktive Installationen: 2+ Millionen
"Advanced Editor Tools – ist so fabelhaft!"
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-5

Ansprechend! – so gehts hier zur Lancierung
"Advanced Editor Tools – ist de luxe!"
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-6


 und NEU! – Classic Widgets
"Classic Widgets – sind so grandiose!"
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-8a

Werkraum ist Werkraum und Frontend ist Frontend
Katzen SVG OpenClipart-Vectors; Ticker von Ditty News Ticker
"Advanced Editor Tools – ist so fein!"
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Die SchaltflĂ€chen "Vorheriger/NĂ€chster Beitrag", auch als Meta-Navigation bekannt, fĂŒhren von einem zum nĂ€chsten Beitrag. Ein gemischtes Layout von Inhalten kann durch die Verwendung dieser SchaltflĂ€chen gut umgesetzt werden. Es ist jedoch eine Geschmacksfrage, ob man bei zwei Hauptkategorien innerhalb der gleichen Hauptkategorie bleiben und somit sicherstellen möchte, dass die SchaltflĂ€chen innerhalb derselben Kategorie weiterleiten.

Meta-Navigation
Beide Titel sind hier der Kategorie @EWP

Als Beispiel fĂŒr diese FunktionalitĂ€t dient der Beitrag "Kategorie Body andere Farbe", bei dem die beiden Kategorien Muster Haupkategorie" und "Muster Haupt-/Nebenkategorie separat in der Meta-Navigation aufgefĂŒhrt sind.

Meta-Navigation in gleicher Hauptkategorie

Tab 1: SchaltflÀche Vorheriger / NÀchster Beitrag
Tab 2: CSS Styles Kategorien Farbe zuweisen
Tab 3: Artikel von Kategorien fĂŒr die Startseite regeln

Tab 1

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!
Bemerkung: In Plug-ins Portfolios erstellte Artikel sind durch obige Auszeichnung die SchaltflĂ€chen fĂŒr "Vorheriger/NĂ€chster Beitrag" hier dieser Website nicht mehr vorhanden. Z. B. Portfolios dem Zweck eines sog. Projekts zur Ausreifung anderwĂ€rts BeitrĂ€ge, ebd. auch diesen BeitrĂ€gen sind in Kategorien von Post’s (BeitrĂ€gen) durch die nunmehrige Teilung von Kategorien der besagten SchaltflĂ€che das Ordnungsprinzip (ja, Gedankenfolge) gegeben. S. auch Portfolio. 

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.

Tab 2

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:

CSS

.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, benötigt man einen Code in der functions.php (zu finden unter Dashboard / Design / Editor). Eine Anleitung dazu gibt es hier: CSS fĂŒr Artikel einer bestimmten Kategorie Ă€ndern.

FĂŒgt den Kategory-Slug zu BODY hinzu:

Die Snippets zur functions.php ab ins Plug-in Code Snippets.
Mit Obhut der Codes! – so bleibt das auch nach Theme-Update.
Oder Child Theme! – zum Beitrag Quick Child Theme Generator.
So zum Workflow und Browser Cache s. das Plug-in reBusted!

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:

CSS

.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 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.

Tab 3

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.

Wenn nur das Vorheriger / NĂ€chster Beitrag ganz wegzuhaben ist, so ist wie bspw Twenty Fourteen Theme der single.php auszukommentieren:

// Previous/next post navigation.
/*twentyfourteen_post_nav();*/
  • Nach Theme update, wird das zu erneuern sein.

Aktualisiert im Jahr 2022-Juni