Mit WordPress können Sie Ihre Inhalte in Taxonomien klassifizieren. Standardmäßig werden Kategorien und Beschriftungen mitgeliefert. Während Kategorien verwendet werden können, um Ihren Inhalt in verschiedene Abschnitte zu klassifizieren, können Tags verwendet werden, um Inhalte in spezifischere Themen zu klassifizieren. Sie können die auf Ihrer Site verwendeten Tags in einer Tag-Cloud oder in einem Listenformat anzeigen. In diesem Artikel zeigen wir Ihnen, wie Sie WordPress-Tags erstellen.
Zeige alle WordPress Post Count Tags
Einige beliebte Websites zeigen ihre beliebtesten Tags als Themen auf ihren Archivseiten oder in der Fußzeile an. Sehen Sie, wie Sie alle Ihre Post-Tags mit Post-Anzahl und ohne Verwendung der Tag-Cloud anzeigen können.
Als erstes müssen Sie diesen Code kopieren und in die Datei functions.php des Themas oder in das spezifische Site-Plugin einfügen.
Wpb_tags () Funktion {
$ wpbtags = get_tags ();
foreach ($ wpbtags als $ tag) {
$ string. = ‘term_id).’ “> ‘. $ tag-> name. ‘ ‘. $ tag-> count. ‘ “.” n “;
}}
gibt $ string zurück;
}}
add_shortcode (‘wpbtags’, ‘wpb_tags’);
Dieser Code zeigt einfach alle Ihre Tags mit der Anzahl der Beiträge daneben an. Um es jedoch auf Ihrer Seite oder Ihrem Widget anzuzeigen, müssen Sie diesen Funktionscode verwenden:
(wpbtags)
Wenn Sie diesen Code verwenden, werden nur Tag-Links und die Anzahl der Beiträge daneben angezeigt. Es wird dich nicht hübsch aussehen lassen. Fügen wir etwas CSS hinzu, damit es schön aussieht. Kopieren Sie dieses CSS und fügen Sie es in das Stylesheet Ihres Themas ein.
.tagbox {
Hintergrundfarbe: #eee;
Rand: 1px fest #ccc;
Rand: 0 px 10 px 10 px 0 px;
Linienhöhe: 200%;
Polsterung: 2px 0 2px 2px;
}}
.taglink {
Polsterung: 2px;
}}
.tagbox a, .tagbox a: besucht, .tagbox a: aktiv {
Textdekoration: keine;
}}
.tagcount {
Hintergrundfarbe: grün;
Weiße Farbe;
relative Position;
Polsterung: 2px;
}}
Sie können das CSS jederzeit an Ihre Bedürfnisse anpassen. So sah es auf unserer Demo-Site aus:
Style-Tags in Post-Meta-Informationen
Einige WordPress-Themes zeigen Tags mit Post-Metadaten-Informationen mit Post-Datum, Autor und anderen Metal-Links sehr gut an. Einige Themen erstellen sie jedoch möglicherweise nicht oder Sie möchten sie möglicherweise anders gestalten.
Mal sehen, wie wir Tag-Links unter einem WordPress-Beitrag erstellen können.
Sie müssen zuerst die CSS-Klasse herausfinden, die von Ihrem WordPress-Design zum Anzeigen von Tags verwendet wird. Klicken Sie dazu mit der rechten Maustaste auf die Beschriftungen und wählen Sie im Browsermenü die Option Objekt überprüfen.
Dadurch wird der Browserbildschirm aufgeteilt, um die Entwickler-Toolbox unter der Webseite anzuzeigen. In der Entwickler-Toolbox sehen Sie die CSS-Klasse, die von Ihrem WordPress-Design zum Anzeigen von Tags verwendet wird.
Im obigen Screenshot sehen Sie, dass das Thema Begriffe für die CSS-Klasse verwendet. Wir werden diese Klasse jetzt in unserem Thema oder im untergeordneten Themen-Stylesheet verwenden, um das Standard-CSS-Thema zu ersetzen.
.terms to, .terms to: besucht, .terms to: active {
Hintergrund: #eee;
Rand: 1px fest #ccc;
Kantenradius: 5px;
Textdekoration: keine;
Polsterung: 3px;
Rand: 3px;
Textumwandlung: Großbuchstaben;
}}
.terms für: hover {
Hintergrund: # a8281a;
Farbe: #FFF;
}}
Sie können das CSS jederzeit an die Farben Ihres Themas anpassen. So sahen die Labels auf unserer Demo-Site aus:
Sie können den Unterschied zwischen den beiden Screenshots feststellen. Zusätzlich zu den CSS-Änderungen haben wir auch die Tags in Tagged geändert und die Kommas zwischen den Tags entfernt. Wie haben wir das gemacht?
Wir ändern the_tags (); Template-Tag in unserer single.php-Datei wie folgt:
Wenn Sie die Gesamtzahl der angezeigten Etiketten auf 5 oder was auch immer beschränken möchten, lesen Sie bitte diesen Artikel, wie Sie eine begrenzte Anzahl von Etiketten nach dem Posten anzeigen.
Wir hoffen, dieser Artikel hat Ihnen beim Entwerfen von WordPress-Tags geholfen. Probieren Sie CSS aus, bis Sie das gewünschte Ergebnis erhalten.
Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie unseren YouTube-Kanal, um weitere WordPress-Video-Tutorials zu erhalten. Sie finden uns auch auf Google+ und Twitter.
