publikacja: 10 grudnia 2011, 13:00; autor: Szymon Skulimowski http://wpninja.pl/artykuly/dodawanie-obrazkow-do-kategorii-tagow-i-wlasnych-taksonomii-w-wordpressie/

Dodawanie obrazków do kategorii, tagów i własnych taksonomii w WordPressie

Dodawanie obrazków do kategorii, tagów i własnych taksonomii w WordPressie

Kojarzycie funkcję "ikony wpisu", która przypisuje wpisowi konkretną grafikę? Dlaczego nie zrobić tego samego dla tagów i kategorii? Dzisiaj o świetnej wtyczce, która może nie dziś i nie jutro, ale z pewnością kiedyś powinna na stałe zagościć w integralnej części WordPressa.

Obrazki dla wpisów, stron i własnych typów wpisów

Omówiona wtyczka działa na bardzo podobnej zasadzie co funkcja „ikony wpisu”.

Dla przypomnienia - jest to ficzer dodany w WordPress 2.9, który umożliwia powiązanie konkretnego pliku graficznego z dowolnym wpisem. Obrazek taki można później wyświetlić np. obok wpisu i tym samym zwiększyć jego atrakcyjność.

Zainteresowanych tematem polecam fajny artykuł na Vivee lub dokumentację techniczną.

Obrazki dla kategorii, tagów i własnych taksonomii

Wtyczka nazywa się Taxonomy Images i jest autorstwa Michaela Fieldsa, człowieka który obecnie pracuje w Automattic i zajmuje się kwestiami związanymi z motywami.

Po instalacji możemy wybrać, która taksonomia (tagi, kategorie lub własne) ma mieć możliwość przypisywania zdjęć - w tym celu wystarczy otworzyć zakładkę „ustawienia / taxonomy images” i odznaczyć te pozycje, które nas nie interesują:

Wybieranie, która taksonomia ma mieć obsługę obrazków

Wybieranie, która taksonomia ma mieć obsługę obrazków

Od tej pory, strona zarządzania taksonomią zostanie wzbogacona o dodatkowe opcje umożliwiające w równie prosty i przyjemny sposób dodawanie obrazków jak to ma miejsce przy „ikonach wpisu”. Przykładowo - po wejściu w „kategorie” zobaczymy poniższy obrazek:

Strona taksonomii z możliwością dodawania obrazków

Strona taksonomii z możliwością dodawania obrazków

Jeśli przyjrzycie się powyższemu obrazkowi to zauważycie pod obrazkami dwa małe przyciski, które umożliwiają szybkie dodawanie i usuwanie obrazka. Akcja dzieje się na tej samej zasadzie co przy „ikonach wpisów” czyli po kliknięciu otwiera się nowe okienko gdzie możemy wgrać nowy plik graficzny wprost z naszego komputera lub wybrać już istniejący z biblioteki mediów.

Wyświetlanie obrazków na stronie

Autor daje nam parę możliwości wyświetlenia obrazka w zależności od tego gdzie i w jaki sposób i w jakiej formie chcemy ją pokazać.

Przykładowo, jeśli jesteśmy na stronie taksonomii (czyli np. stronie kategorii wpisu) to możemy wyświetlić obrazek za pomocą poniższego filtra:

print apply_filters( 'taxonomy-images-queried-term-image', '' );

Korzystając z dodatkowych parametrów możemy kontrolować takie szczegóły jak wymiary obrazka, zawartość atrybutu alt oraz title czy elementy HTML, które mają znaleźć się tuż przed lub po.

Możemy też pobrać sam adres obrazka za pomocą poniższej funkcji:

$image_url = apply_filters( 'taxonomy-images-queried-term-image-url', '', array( 'image_size' => 'full' ) );

Pomysły na wykorzystanie

Wtyczkę można wykorzystać na wiele sposobów. Mi do głowy wpadły poniższe pomysły, ale jestem pewien, że jest ich dużo więcej:

  • miniaturka w spisie kategorii,
  • podmiana obrazka w nagłówku (np. w motywie TwentyTen czy TwentyEleven),
  • podmiana tła strony.
Podobał się artykuł? Dodaj kanał RSS / Atom do swojego czytnika lub zapisz się na bezpłatny newsletter i dołącz do grona stałych czytelników.

Komentarze (15)

  1. Tom Slominski Tom Slominski 159 dni temu:

    Akurat miałem się to zabrać dzisiaj, wpis jak z nieba spadł :D

    odpowiedz
    1. Szymon Skulimowski Szymon Skulimowski 159 dni temu:

      5 PLN + VAT :)

      odpowiedz
  2. Kamil Lipiński Kamil Lipiński 159 dni temu:

    Dzięki - przyda się :)

    odpowiedz
  3. Krzysztof Trynkiewicz z WydajnyKomputer.pl Krzysztof Trynkiewicz z WydajnyKomputer.pl 159 dni temu:

    Fajna sprawa zwlaszcza, jesli sie jest zbyt leniwym, by recznie dodawac obrazki do wpisow :) Thx :)

    odpowiedz
  4. chemikpil chemikpil 159 dni temu:

    W trakcie lunchu na Wordcamp piszesz arty? :D

    odpowiedz
    1. Szymon Skulimowski Szymon Skulimowski 159 dni temu:

      Tak, ale raczej kończę pisać niż piszę od początku :).

      odpowiedz
  5. SpeX SpeX 159 dni temu:

    Twoje pomysły zastosowania też są ciekawe. Planowałem kiedyś by grafikę strony dostosowywać względem kategorii. Ale na razie tamta strona jeszcze nie ruszyła, więc jeszcze nie szukałem rozwiązania.

    Za to zastanawiał mnie fakt, czy mogę to wykorzystać do ustawienia domyślnego obrazka wpisu dla jakieś kategorii? Tz jeśli wpis nie będzie miał swojego obrazka, to będzie wyświetlany ten od kategorii w której się znajduje.

    odpowiedz
    1. Szymon Skulimowski Szymon Skulimowski 157 dni temu:

      Tak, możesz tak zrobić korzystając z filtra taxonomy-images-list-the-terms.

      odpowiedz
  6. Zacol Zacol 152 dni temu:

    Ciekawy artykuł. Swoją drogą na grudniowym WordCampie sporo mówiło się o taksonomiach ;)

    odpowiedz
  7. hirk hirk 148 dni temu:

    Świetna porada, z pewnością się przyda. Ułatwi mi to nieco ogarnięcie wordpressa :)

    odpowiedz
  8. Szymon Skulimowski Szymon Skulimowski 134 dni temu:

    Łojej… dobrze, że nikt nie zauważył niewybaczalnego błędu na zrzucie ekranowym :).

    odpowiedz
    1. Grimek Grimek 120 dni temu:

      Jakiego? :}

      odpowiedz
    2. Szymon Skulimowski Szymon Skulimowski 120 dni temu:

      Nie powiem bo wstyd.

      odpowiedz
    3. Konrad Konrad 75 dni temu:

      Natalie Portman jest tak łudząco podobna do Nicole Kidman:)))))

      odpowiedz
    4. Szymon Skulimowski Szymon Skulimowski 74 dni temu:

      + za spostrzegawczość.

      odpowiedz

Dodaj własny komentarz