Jak dodać miniatury do kategorii i tagów WordPress

Czasami strona WordPressa będzie wyglądać o wiele ładniej, jeśli będziemy mogli wyświetlić obraz obok kategorii lub tagów. Na przykład możemy dodać obraz o CSS w “CSS” kategoria lub logo HTML5 w “HTML” kategoria (jak pokazano poniżej).

W wersji 2.9 WordPress dodał możliwość dodaj miniaturę obrazu (później zmieniono nazwę Przedstawiony obraz) dla postu, strony i niestandardowego typu postu. Ta funkcja miniatur obrazów nie obejmuje taksonomii kategorii, znaczników i niestandardowych, nawet w późniejszych wersjach (z wyjątkiem być może niestandardowej taksonomii, być może w programie WordPress 4.4).

Dzięki tej podpowiedzi WordPress i wtyczce Thumbonomy Thumbnail możemy to zrobić do naszych kategorii postów i tagów. Sprawdźmy, jak można to zrobić za pomocą kilku linii kodu.

Rozpoczęcie pracy

Na początek zainstaluj tę wtyczkę w swojej witrynie WordPress. Możesz zainstalować wtyczkę przez Wtyczki> Dodaj nowy lub przez FTP. Po aktywowaniu wtyczki przejdź do Post> Kategorie. Teraz powinieneś znaleźć przycisk “Ustaw miniaturę“.

Kliknięcie tego przycisku spowoduje wyświetlenie WordPress Media Manager. Tutaj możesz wybrać obraz, który wcześniej przesłałeś jako obraz kategorii lub możesz przesłać obraz, dostosować go i ostatecznie wybrać jako miniaturę obrazu kategorii (lub tagu).

Obraz zostanie wyświetlony w Kategoria tabela, pozwalająca zobaczyć, do której kategorii dołączona jest kategoria obrazu.

Tagi szablonów

Ta wtyczka jest dostarczana z kilkoma przydatnymi tagami szablonów do pobierania obrazów podobnych do tagów szablonów miniatur postów. W ten sposób możemy łatwo pobrać miniaturę terminu.

• get_term_thumbnail_id ($ term_taxonomy_id): aby uzyskać identyfikator miniaturki terminu taksonomii.
• has_term_thumbnail ($ term_taxonomy_id): Aby sprawdzić, czy termin taksonomii ma miniaturę, czy nie.
• get_term_thumbnail ($ term_taxonomy_id, $ size = 'post-thumbnail', $ attr = ” ): Aby odtworzyć miniaturę terminu taksonomii.

Jak widać powyżej, funkcje te wymagają identyfikatora taksonomii - kategorii, znacznika lub niestandardowego identyfikatora taksonomii - które można pobrać za pomocą term_taxonomy_id funkcjonować. Wtyczka ma kilka dodatkowych funkcji, takich jak ustawianie i usuwanie miniatury, ale na razie są one wystarczające.

Jak wyświetlać miniatury

Uzyskaj listę warunków

Najpierw używamy get_terms () funkcja, aby uzyskać listę warunków określonej taksonomii - w tym przypadku otrzymamy warunki z kategorii postów.

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

Dane wyjściowe to tablica zawierająca informacje o każdym terminie, w tym informacje term_id, imię, ślimak, term_group, term_taxonomy_id, opis, itd. Teraz musimy wyświetlić termin imię na listach za pomocą dla każdego pętla, jak następuje.

 ” $ taksonomia. ”:
'; Echo '
'; foreach ($ terminy jako $ term) echo $ term-> nazwa;  Echo '
'; ?> 

Wynik wygląda mniej więcej tak:

Tutaj mamy CSS, HTML, JavaScript, jQuery i PHP. Do każdego z nich dołączamy odpowiedni obraz (logo lub ikonę) warunki. Teraz musimy wiedzieć, jak je wyświetlić.

Wyświetl miniatury

Aby wyświetlić miniaturę obrazu, przedłużymy dla każdego pętla, jak z naszego poprzedniego kodu.

Dodajemy tag szablonu, get_term_thumbnail (), aby uzyskać miniaturę, a także dodać link do strony archiwum terminu.

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

A wynik (po dodaniu CSS) jest następujący:

Wtyczka ma opcje wyboru, aby pobrać wszystkie terminy lub tylko terminy z miniaturami. Aby to zrobić, użyj poniższego parametru na get_terms () funkcjonować:

 $ taxonomy = 'category'; $ args = array ('with_thumbnail' => true, // true = pobierz terminy z miniaturą, false = pobierz wszystkie terminy); $ terms = get_terms ($ taxonomy, $ args); 

Zastosuj do innych taksonomii

Jak wspomniano, możesz zastosować tę wtyczkę nie tylko do kategorii, ale także do innych taksonomii, takich jak Tagi, Kategoria łącza, i Taksonomia niestandardowa. Ta wtyczka jest przydatna, aby włączyć Miniaturę obrazków w dowolnej taksonomii, tak jak w Post i Page.