Hinzufügen von Miniaturansichten zu WordPress-Kategorien und -Tags

Manchmal sieht eine WordPress-Site viel schöner aus, wenn ein Bild neben Kategorien oder Tags angezeigt werden konnte. Zum Beispiel können wir im CSS ein Bild über CSS hinzufügen “CSS” Kategorie oder das HTML5-Logo in der “HTML” Kategorie (wie unten gezeigt).

Zurück in Version 2.9 hat WordPress die Möglichkeit hinzugefügt füge ein Bild hinzu (später umbenannt Ausgewähltes Bild) für Post, Seite sowie benutzerdefinierten Beitragstyp. Diese Image-Thumbnail-Funktion umfasst nicht die Kategorien Category, Tag und Custom Taxonomy, auch nicht für spätere Versionen (mit Ausnahme von Custom Taxonomy, möglicherweise in WordPress 4.4.)

Dank dieses WordPress-Tipps und des Taxonomy Thumbnail-Plugins können wir dies für unsere Post-Kategorien und -Tags tun. Lassen Sie uns herausfinden, wie dies mit ein paar Zeilen Code geschehen kann.

Fertig machen

Stellen Sie zunächst dieses Plugin in Ihrer WordPress-Site bereit. Sie können das Plugin entweder über installieren Plugins> Neu hinzufügen oder über FTP. Wenn Sie das Plugin aktiviert haben, gehen Sie zu Post> Kategorien. Jetzt sollten Sie die Schaltfläche finden können “Legen Sie eine Miniaturansicht fest“.

Durch Klicken auf diese Schaltfläche wird das angezeigt WordPress Media Manager. Hier können Sie das Bild auswählen, das Sie zuvor als Kategoriebild hochgeladen haben, oder Sie können Ihr Bild hochladen, anpassen und schließlich als Miniaturbild der Kategorie (oder des Tags) auswählen..

Das Bild wird im angezeigt Kategorie Tabelle, um zu sehen, welcher Kategorie eine Bildkategorie zugeordnet ist.

Die Vorlagen-Tags

Dieses Plugin enthält einige praktische Vorlagen-Tags zum Abrufen von Bildern, die den Vorlagen-Tags für die Post-Miniaturansicht ähneln. Auf diese Weise können wir die Miniaturansicht des Begriffs problemlos abrufen.

• get_term_thumbnail_id ($ term_taxonomy_id): um die Taxonomie-Term-Miniaturansicht zu erhalten.
• has_term_thumbnail ($ term_taxonomy_id): Um zu überprüfen, ob der Taxonomiebegriff ein Miniaturbild hat oder nicht.
• get_term_thumbnail ($ term_taxonomy_id, $ size = 'post-thumbnail', $ attr = ” ): So rufen Sie die Miniaturansicht des Taxonomiebegriffs auf.

Wie Sie oben sehen können, benötigen diese Funktionen die Taxonomie-ID - die Kategorie, das Tag oder die benutzerdefinierte Taxonomie-ID -, die Sie mit der abrufen können term_taxonomy_id Funktion. Das Plugin enthält einige weitere Funktionen, z. B. zum Einstellen und Löschen des Miniaturbilds. Diese sind jedoch für den Moment ausreichend.

Wie man Thumbnails anzeigt

Liste der Begriffe abrufen

Zuerst benutzen wir die get_terms () Funktion, um Listen mit Begriffen der angegebenen Taxonomie abzurufen - in diesem Fall erhalten wir die Begriffe aus der Beitragskategorie.

  'name', 'order' => 'ASC', 'hide_empty' => true, 'exclude' => array (), 'exclude_tree' => array (), 'include' => array (), 'number' => ", 'fields' => 'all', 'slug' =>", 'parent' => ", 'hierarchisch' => true, 'child_of' => 0, 'childless' => false, 'get '=> ",' name__like '=>",' description__like '=> ",' pad_counts '=> false,' offset '=",' search '=> ",' cache_domain '=>' core ',) ; $ terms = get_terms ($ taxonomy, $ args); ?> 

Die Ausgabe ist ein Array, das Informationen zu jedem Begriff enthält, einschließlich der term_id, Name, Schnecke, term_group, term_taxonomy_id, Beschreibung, usw. Nun müssen wir den Begriff anzeigen Name innerhalb der Listen mit der für jeden Schleife wie folgt.

 '. $ Taxonomie. ':
'; Echo '
'; foreach ($ terms als $ term) echo $ term-> name;  Echo '
'; ?> 

Das Ergebnis sieht ungefähr so ​​aus:

Hier haben wir CSS, HTML, JavaScript, jQuery und PHP. Zu jedem Bild haben wir das jeweilige Bild (Logo oder Symbol) angehängt Begriffe. Nun müssen wir wissen, wie sie angezeigt werden.

Zeigen Sie die Miniaturbilder an

Um das Miniaturbild des Bildes anzuzeigen, erweitern wir das Bild für jeden Schleife, wie aus unserem vorherigen Code.

Wir fügen das Template-Tag hinzu, get_term_thumbnail (), Um die Miniaturansicht zu erhalten, fügen wir der Archivseite des Begriffs einen Link hinzu.

 if (! empty ($ terms) &&! is_wp_error ($ terms)) echo '
'; foreach ($ terms als $ term) echo '
". $ term-> name. get_term_thumbnail ($ term-> term_taxonomy_id, $ size =' category-thumb ', $ attr = "). '
';  Echo '
';  

Das Ergebnis (nach dem hinzugefügten CSS) lautet wie folgt:

Das Plugin bietet Optionen zum Abrufen aller Begriffe oder nur Begriffe mit Miniaturansichten. Verwenden Sie dazu den folgenden Parameter auf der get_terms () Funktion:

 $ taxonomy = 'Kategorie'; $ args = array ('with_thumbnail' => true, // true = Begriffe mit Miniaturansicht abrufen, false = alle Begriffe abrufen); $ terms = get_terms ($ taxonomy, $ args); 

Auf andere Taxonomie anwenden

Wie bereits erwähnt, können Sie dieses Plugin nicht nur auf Kategorien anwenden, sondern auch auf andere Taxonomien wie die Stichworte, Linkkategorie, und Benutzerdefinierte Taxonomie. Dieses Plugin ist nützlich, um die Bildminiatur für jede Taxonomie zu aktivieren, genau wie in Post und Seite.