{"id":36789,"date":"2020-07-16T19:53:20","date_gmt":"2020-07-16T19:53:20","guid":{"rendered":"https:\/\/blogging-techies.com\/ge\/so-gestalten-sie-tags-in-wordpress\/"},"modified":"2020-07-16T19:53:20","modified_gmt":"2020-07-16T19:53:20","slug":"so-gestalten-sie-tags-in-wordpress","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/ge\/so-gestalten-sie-tags-in-wordpress\/","title":{"rendered":"So gestalten Sie Tags in WordPress"},"content":{"rendered":"

Mit WordPress k\u00f6nnen Sie Ihre Inhalte in Taxonomien klassifizieren. Standardm\u00e4\u00dfig werden Kategorien und Beschriftungen mitgeliefert. W\u00e4hrend Kategorien verwendet werden k\u00f6nnen, um Ihren Inhalt in verschiedene Abschnitte zu klassifizieren, k\u00f6nnen Tags verwendet werden, um Inhalte in spezifischere Themen zu klassifizieren. Sie k\u00f6nnen 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.<\/p>\n

Zeige alle WordPress Post Count Tags<\/h4>\n

Einige beliebte Websites zeigen ihre beliebtesten Tags als Themen auf ihren Archivseiten oder in der Fu\u00dfzeile an. Sehen Sie, wie Sie alle Ihre Post-Tags mit Post-Anzahl und ohne Verwendung der Tag-Cloud anzeigen k\u00f6nnen. <\/p>\n

Als erstes m\u00fcssen Sie diesen Code kopieren und in die Datei functions.php des Themas oder in das spezifische Site-Plugin einf\u00fcgen. <\/p>\n

Wpb_tags () Funktion {
$ wpbtags = get_tags ();
foreach ($ wpbtags als $ tag) {
$ string. = ‘term_id).’ “> ‘. $ tag-> name. ‘ ‘. $ tag-> count. ‘ “.” n “;
}}
gibt $ string zur\u00fcck;
}}
add_shortcode (‘wpbtags’, ‘wpb_tags’);<\/p>\n

Dieser Code zeigt einfach alle Ihre Tags mit der Anzahl der Beitr\u00e4ge daneben an. Um es jedoch auf Ihrer Seite oder Ihrem Widget anzuzeigen, m\u00fcssen Sie diesen Funktionscode verwenden: <\/p>\n

(wpbtags)<\/p>\n

Wenn Sie diesen Code verwenden, werden nur Tag-Links und die Anzahl der Beitr\u00e4ge daneben angezeigt. Es wird dich nicht h\u00fcbsch aussehen lassen. F\u00fcgen wir etwas CSS hinzu, damit es sch\u00f6n aussieht. Kopieren Sie dieses CSS und f\u00fcgen Sie es in das Stylesheet Ihres Themas ein. <\/p>\n

.tagbox {
Hintergrundfarbe: #eee;
Rand: 1px fest #ccc;
Rand: 0 px 10 px 10 px 0 px;
Linienh\u00f6he: 200%;
Polsterung: 2px 0 2px 2px;<\/p>\n

}}
.taglink {
Polsterung: 2px;
}}<\/p>\n

.tagbox a, .tagbox a: besucht, .tagbox a: aktiv {
Textdekoration: keine;
}}<\/p>\n

.tagcount {
Hintergrundfarbe: gr\u00fcn;
Wei\u00dfe Farbe;
relative Position;
Polsterung: 2px;
}}<\/p>\n

Sie k\u00f6nnen das CSS jederzeit an Ihre Bed\u00fcrfnisse anpassen. So sah es auf unserer Demo-Site aus:<\/p>\n

\"Post<\/p>\n

Style-Tags in Post-Meta-Informationen<\/h4>\n

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\u00f6glicherweise nicht oder Sie m\u00f6chten sie m\u00f6glicherweise anders gestalten. <\/p>\n

Mal sehen, wie wir Tag-Links unter einem WordPress-Beitrag erstellen k\u00f6nnen. <\/p>\n

Sie m\u00fcssen 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\u00e4hlen Sie im Browsermen\u00fc die Option Objekt \u00fcberpr\u00fcfen. <\/p>\n

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. <\/p>\n

\"Suchen<\/p>\n

Im obigen Screenshot sehen Sie, dass das Thema Begriffe f\u00fcr 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. <\/p>\n

.terms to, .terms to: besucht, .terms to: active {
Hintergrund: #eee;
Rand: 1px fest #ccc;
Kantenradius: 5px;
Textdekoration: keine;
Polsterung: 3px;
Rand: 3px;
Textumwandlung: Gro\u00dfbuchstaben;
}}<\/p>\n

.terms f\u00fcr: hover {
Hintergrund: # a8281a;
Farbe: #FFF;
}}<\/p>\n

Sie k\u00f6nnen das CSS jederzeit an die Farben Ihres Themas anpassen. So sahen die Labels auf unserer Demo-Site aus: <\/p>\n

\"Der<\/p>\n

Sie k\u00f6nnen den Unterschied zwischen den beiden Screenshots feststellen. Zus\u00e4tzlich zu den CSS-\u00c4nderungen haben wir auch die Tags in Tagged ge\u00e4ndert und die Kommas zwischen den Tags entfernt. Wie haben wir das gemacht? <\/p>\n

Wir \u00e4ndern the_tags (); Template-Tag in unserer single.php-Datei wie folgt: <\/p>\n

Wenn Sie die Gesamtzahl der angezeigten Etiketten auf 5 oder was auch immer beschr\u00e4nken m\u00f6chten, lesen Sie bitte diesen Artikel, wie Sie eine begrenzte Anzahl von Etiketten nach dem Posten anzeigen.<\/p>\n

Wir hoffen, dieser Artikel hat Ihnen beim Entwerfen von WordPress-Tags geholfen. Probieren Sie CSS aus, bis Sie das gew\u00fcnschte Ergebnis erhalten. <\/p>\n

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. <\/p>\n ","protected":false},"excerpt":{"rendered":"

Mit WordPress k\u00f6nnen Sie Ihre Inhalte in Taxonomien klassifizieren. Standardm\u00e4\u00dfig werden Kategorien und Beschriftungen mitgeliefert. W\u00e4hrend Kategorien verwendet werden k\u00f6nnen, um Ihren Inhalt in verschiedene Abschnitte zu klassifizieren, k\u00f6nnen Tags verwendet werden, um Inhalte in spezifischere Themen zu klassifizieren. Sie k\u00f6nnen die auf Ihrer Site verwendeten Tags in einer Tag-Cloud oder in einem Listenformat anzeigen. […]<\/p>\n","protected":false},"author":1,"featured_media":36790,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","fifu_image_url":"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/06\/Como-disenar-etiquetas-en-WordPress.jpg","fifu_image_alt":""},"categories":[7],"tags":[5448,60,1262,51],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/36789"}],"collection":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/comments?post=36789"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/36789\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media\/36790"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media?parent=36789"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/categories?post=36789"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/tags?post=36789"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}