
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ą:
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:
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.



Komentarze (15)
Akurat miałem się to zabrać dzisiaj, wpis jak z nieba spadł :D
odpowiedz5 PLN + VAT :)
odpowiedzDzięki - przyda się :)
odpowiedzFajna sprawa zwlaszcza, jesli sie jest zbyt leniwym, by recznie dodawac obrazki do wpisow :) Thx :)
odpowiedzW trakcie lunchu na Wordcamp piszesz arty? :D
odpowiedzTak, ale raczej kończę pisać niż piszę od początku :).
odpowiedzTwoje 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.
odpowiedzTak, możesz tak zrobić korzystając z filtra taxonomy-images-list-the-terms.
odpowiedzCiekawy artykuł. Swoją drogą na grudniowym WordCampie sporo mówiło się o taksonomiach ;)
odpowiedzŚwietna porada, z pewnością się przyda. Ułatwi mi to nieco ogarnięcie wordpressa :)
odpowiedzŁojej… dobrze, że nikt nie zauważył niewybaczalnego błędu na zrzucie ekranowym :).
odpowiedzJakiego? :}
odpowiedzNie powiem bo wstyd.
odpowiedzNatalie Portman jest tak łudząco podobna do Nicole Kidman:)))))
odpowiedz+ za spostrzegawczość.
odpowiedzDodaj własny komentarz