Niewątpliwą ikoną koszykówki XX wieku był Michael Jordan. Światowe kino lat 50-tych miało swoją ikonę w osobie Marlin Monroe. Również w WordPress mamy ikony. Ikony wpisów. Co za odjechana nazwa!, pomyślałam, kiedy po raz pierwszy poznałam polski odpowiednik „featured image”, czyli reprezentacyjnego zdjęcia wpisu.
Jednak z perspektywy czasu, a raczej doświadczeń pracy z blogami w celu ich lepszego przystosowania do pełnionej funkcji, mogę powiedzieć, że tłumaczenie jest trafione. W istocie, ikony wpisów dobrze dobrane pozwolą Twoim wpisom błyszczeć niczym gwiazdy!
Dziś, pokażę ciekawe zastosowania ikon wpisów w celu skutecznej ekspozycji treści oraz ułatwienia znajdowania informacji na blogu. Wszystkie przykłady będzie można zobaczyć na żywych stronach.
Co to jest ikona wpisu?
Ikona wpisu to zdjęcie wiodące wpisu, ustawiane w specjalnie przeznaczonym w tym celu miejscu. Możliwość dodawania ikony wpisu do artykułu w WordPressie jest cechą motywu. Dlatego w zależności od tego, czy autor motywu przewidział dla niej wsparcie, możesz ten obszar zobaczyć lub nie.
Jeśli w edycji wpisu widzisz obszar o nazwie Ikona wpisu, jak pokazano na rysunku obok, znaczy że Twój motyw wspiera ikony wpisów. Jeśli nie, też nic straconego, ale będziesz musiał do pliku functions.php dodać taką oto linię:
add_theme_support( 'post-thumbnails' );
Ikona wpisu – typowe wykorzystanie
Ikony wpisów wykorzystywane są zazwyczaj po to, żeby zdjęcie wiodące wpisu pojawiło się automatycznie w liście najnowszych artykułów na stronie głównej. Większość motywów tak właśnie działa.
Blog zyska na wykorzystaniu ikon wpisów, pod warunkiem, że dołączone zdjęcia będą atrakcyjne i adekwatne do treści.
Zalety wykorzystania ikon wpisów w tradycyjny sposób:
- strona główna stanie się bardziej przejrzysta i atrakcyjna
- obrazek skupia uwagę czytelnika i zwiększa szanse, że odwiedzający przeczyta wpis
- czytelnik szybciej zapamięta dany wpis
Gorąco zachęcam Cię do ustawiania zdjęć jako ikony wpisów!
Wachlarz zalet ikon wpisów jest znacznie szerszy niż można by przypuszczać. Warto poszukać motywu, który w ciekawy sposób je wykorzystuje, rozbudować w tym celu własny motyw lub po prostu wykorzystać gotowe wtyczki działające w oparciu o ikony wpisów.
Niżej prezentuję 7 ciekawych zastosowań wykorzystania ikon wpisów w WordPressie. Myślę, że zarówno blogujący jak i bardziej zaawansowaniu użytkownicy WordPressa znajdą coś dla siebie.
1. Ikona wpisu we wpisach powiązanych
Jako autor bloga z pewnością chciałbyś przekonać do siebie czytelnika. Czy wiesz, że mnóstwo wejść na blog masz tylko „na chwilę”? Przykładowo, czytelnik trafia na jeden z Twoich wpisów wprost z Google’a i po otrzymaniu odpowiedzi na swoje pytanie, o blogu zapomina.
Jedną z technik sprzyjającą zatrzymaniu czytelnika na blogu, jest prezentacja pod artykułem wpisów powiązanych.
Jeśli używasz ikon wpisów, zrobisz to skuteczniej. Gdy liczy się czas, obraz ma większą siłę oddziaływania niż tekst.
Przykład. Wejdźmy na wpis Margherita z Julią Roberts. Autorka bloga, italomaniaczka, wspomina w nim pizzerię, która zyskała sławę po tym jak nakręcono tam sceny do filmu ze słynną aktorką. Pod wpisem zobaczymy dwa inne zdjęcia apetycznie wyglądających włoskich potraw i jedno z wycieczki na wulkan Wezuwiusz. Dzięki fotkom szanse, że czytelnik dłużej pozostanie na blogu rosną.
Co trzeba zrobić, żeby osiągnąć taki efekt?
- Dla każdego wpisu ustawiaj Ikonę wpisu.
- Zainstaluj i włącz wtyczkę Related Posts Thumbnails.
- Wpisy, które chcesz ze sobą powiązać oznacz tym samym tagiem lub przypisz do tej samej kategorii.
2. Ikona wpisu w skrótach artykułów na pasku bocznym
Ikony wpisów świetnie się sprawdzają do prezentacji wybranych artykułów na pasku bocznym. Pierwszorzędnie sprosta temu zadaniu wtyczka Advanced Recent Posts, którą zastosowanie na żywo możemy obejrzeć w portalu informacyjnym openscotland.pl.
Jeśli podział na kategorie wykonamy z głową, za pomocą tej wtyczki będziemy mogli przypomnieć czytelnikowi o ciekawych wpisach napisanych już nawet jakiś czas temu. Przykładowo, możemy założyć kategorię „Polecane” i ją wybrać we wspomnianym widgecie.
Warto zapamiętać! Szansa, że Twój czytelnik zobaczy informację z pasku bocznego jest większa, niż to, że wejdzie na stronę główną! Mnóstwo osób wpada na blog z wyszukiwarek, które „wyrzucają” ich na konkretny artykuł tematyczny. A pasek boczny widać przy każdym artykule.
Co trzeba zrobić, żeby osiągnąć taki efekt?
- Dla każdego wpisu ustawiaj Ikonę wpisu
- Zainstaluj i włącz wtyczkę Advanced Recent Posts
- Ustal sensowny podział na kategorie i dodawaj do nich wpisy. Pamiętaj, że dany wpis można przypisać do wielu kategorii.
Jeśli zainteresował Cię temat wykorzystania ikon wpisów, tym bardziej zachęcam do obejrzenia wspomnianego portalu. Ikony wpisów są tam wykorzystane w wielu innych miejscach, nawet w menu! Najwyraźniej redakcja serwisu wyszła z założenia, że granie obrazem to podstawa w dzisiejszych czasach nastawionych na szybkie podawanie informacji.
3. Ikony wpisu w archiwum bloga
Jeśli blogujesz, zależy Ci pewnie, że Twoje artykuły były polecane wśród znajomych. Mi też zależy. A teraz…
… załóżmy taki scenariusz:
- Kowalski przeczytał kiedyś wpis na Twoim blogu.
- Po miesiącu spotyka się z Iksińskim i w nawiązaniu do prowadzonej rozmowy chce polecić ten artykuł Iksińskiemu. Kowlaski wyciąga smartfona i wchodzi do netu.
- Kowalski za cholerę nie może sobie przypomnieć ani tytułu, ani słów kluczowych, które pozwolą mu wpis szybko znaleźć.
- Zrezygnowany Kowalski wyłącza smarfona.
- Ty tracisz potencjalnego czytelnika w osobie Iksińskiego, bo… nie miałeś na blogu archiwum.
Jeśli na blogu masz Archiwum, szanse, że wpis zostanie polecony rosną. A urosną jeszcze bardziej, gdy archiwum to będzie miało formę obrazków. Archiwum obrazkowe posiada Blog Get Dressed, którego zrzut ekranu pokazuję niżej, a całość zobaczysz klikając w odnośnik bloga.
Jak zrobić archiwum obrazkowe?
- Jeśli używasz gotowego motywu, sprawdź, czy wśród dostępnych dla niego templatek (szablonów do ustawienia w ramach danej strony) znajduje się taka, która pozwala wyświetlić wszystkie wpisy wraz z miniaturkami obrazków.
- Jeśli lubisz korzystać z gotowych wtyczek, wypróbuj w tym celu plugin Image Archives.
- Jeśli potrafisz sam pisać lub modyfikować motywy, do prezentacji obrazków pomocne będzie wykorzystanie funkcji:
4. Ikony wpisu w wynikach wyszukiwania
Ikony wpisów warto również stosować na stronie zwracającej wyniki wyszukiwania. Nie zawsze jest to konieczne, lecz są blogi, na których tego rodzaju manewr znacznie ułatwi życie użytkownikom.
Niech za przykład posłuży nam ponownie Blog Get Dressedd. Powiedzmy, że szukamy wpisu, w którym prezentowany był jakiś konkretny produkt. Np. sukienka. Tytułu wpisu nie pamiętamy. W wyszukiwarkę bloga wpisujemy hasło „sukienka” i dzięki ikonom wpisu dołączonym do wyników wyszukiwania od razu wiemy, o który wpis nam chodzi.
Wyniki działania możemy zobaczyć tutaj.
Jak pokazać obrazki w wynikach wyszukiwania?
- Jeśli kupujesz motyw typu premium, wejdź na stronę demo motywu i sprawdź, jak działa jego wyszukiwarka. Jeżeli w wynikach wyszukiwaniu zobaczysz obrazki, znaczy, że motyw spełnia tę funkcję.
- Jeśli używasz darmowego motywu, dodaj Ikony wpisów do kliku postów i sprawdź, jak wygląda strona z wynikami wyszukiwania.
- Jeśli piszesz lub modyfikujesz motywy samodzielnie, modyfikacji będzie wymagała strona zwracająca wyniki wyszukiwania. O tym, jak utworzyć taką stronę przeczytasz w kodeksie WordPressa Creating a Search Page. Ikony wpisów będziesz mógł wyświetlić na niej za pomocą funkcji the post thumbnail lub pokrewnych, np. wspominanych przy omawianiu punktu dotyczącego archiwum.
5. Ikony wpisu w feedzie RSS
Ikonę wpisu warto dorzucić również do kanałuo nowości, czyli feeda RSS.
Omówmy to na przykładzie. W swoim czytniku RSS (używam Briefa) mam zapisanych kilka ulubionych blogów. Gdy autor wpisu doda nowy artykuł, Firefox, a dokładnie add-on do niego Brief, automatycznie mnie o tym powiadamia.
I załóżmy taki scenariusz:
- Firefoks sygnalizuje, że na jednym z moich ulubionych blogów pojawiło się coś nowego.
- W danym momencie nie mam za bardzo czasu, żeby przeczytać artykuł, więc tylko zerkam – z poziomu czytnika RSS – co nowego tym razem.
- Blog dev.wpzlecenia.pl to jeden z nielicznych blogów, który do feeda RSS dodaje ikony wpisów. Ale dzięki temu w podglądzie Brief pokazuje mi takie oto zdjęcie (obrazek niżej). To przecież sala na której osobiście byłam! Może we wpisie jest jakieś inne zdjęcie, na którym ja też jestem? No i wchodzę na blog od razu. Okazuje się, że faktycznie jestem na jednym ze zdjęć.
Tak więc jestem żywym dowodem na to, że dodanie odpowiedniej ikony wpisu do feeda RSS opłaca się!
Jak dodać ikonę wpisu do feeda RSS w WordPressie
To proste. Otwórz plik functions.php i na jego końcu dodaj poniższy kod:
function addImagetoRSS($content) {
global $post;
if ( has_post_thumbnail( $post->ID ) ){
$content = '' . get_the_post_thumbnail( $post->ID, 'thumbnail', array( 'style' => 'float:left; margin: 0 15px 10px 0;' ) ) . '' . $content;
}
return $content;
}
add_filter('the_excerpt_rss', 'addImagetoRSS');
Zwróćmy uwagę, że w przykładzie wykorzystano filtr modyfikujący feed RSS dla wypisów. Czyli przyjęto założenie, że bloger ma zaznaczoną taką oto opcję w Ustawieniach:
Wykorzystanie parametru style pozwoli na oblanie miniatury tekstem i zniwelowanie pustej przestrzeni po prawej stronie, którą widzimy obok zdjęcia z wypisu u Konrada.
6. Ikony wpisu w mailowych powiadomieniach
Ikony wpisów wykorzystywane są również przez wtyczkę Wysija w wysłanych na maile newsletterach lub powiadomieniach o nowych wpisach na blogu. O tym jak skonfigurować tą wtyczkę pisałam w tym artykule.
Zapisałam się na powiadomienia o wpisach na wspomnianym już blogu „Italia by Natalia”, dlatego na moją skrzynkę trafiają takie oto maile.
7. Ikony wpisu w rotatorze
Popularne na stronach i blogach rotatory obrazków często implementowane są również w oparciu o Ikony wpisów. Jest to bardzo dobre podejście, gdyż czytelnik przyzwyczajony do wprowadzania zdjęć za pomocą interfejsu ustawiania Ikony wpisu nie musi uczyć się kolejnego mechanizmu zarządzania zdjęciami.
Tutorial jak zaimplementować taki rotator w swoim motywie przedstawiłam w artykule Adaptacja rotatora z WordPressem.
Podsumowanie
Na koniec kilka porad:
- Dla blogujących: wybierając motyw sprawdź, czy wspiera i jak wykorzystuje ikony wpisów. Do wpisów dołączaj atrakcyjne zdjęcia. To inwestycja, która się zwraca.
- Dla twórców motywów: projektując motyw staraj się wykorzystać Ikony wpisów w rożnych miejscach, nie tylko na stronie głównej: w menu, stopce, własnych widgetach, wyszukiwarce. W ten sposób Twój szablon stanie się jeszcze atrakcyjniejszy.
- Dla wszystkich: Przejrzyj repozytorium wtyczek WordPressa pod kątem wykorzystania ikon wpisów w pluginach. Z pewnością znajdziesz tam coś dla siebie, co pozytywnie wpłynie na prezentację treści.
Więcej technicznych informacji na temat Ikon wpisów znajdziemy w Kodeksie WordPressa.
A czy Ty używasz ikon wpisów na swoim blogu? Zgadzasz się z faktem, że siła oddziaływania obrazu potrafi być większa niż tekstu pisanego?
