WordPress, jaki to plik? Czyli jak znaleźć miejsce wyświetlające dany element.

WordPress jaki to plikDzwoni telefon. „Mam do pani takie pytanie. Mnie to przerasta, a pani pewnie będzie wiedzieć od razu, dlatego pozwoliłem sobie zadzwonić. Na stronie głównej mam rotator, ale nie wiem, jak podmienić w nim zdjęcia.” Temat nie wydawał się trudny, więc zalogowałam się do WordPressa klienta z telefonem przy uchu.

Czytaj dalej WordPress, jaki to plik? Czyli jak znaleźć miejsce wyświetlające dany element.

Galeria WordPress podział na albumy – jak to zrobić krok po kroku

WordPress galeria albumy

Kiedyś opublikowałam wpis jak utworzyć galerię w WordPressie. Wielu czytelników tego wpisu zadawało mi w komentarzach pytanie, jak podzielić galerie na albumy. Zatem dzisiaj przedstawiam tutorial, w którym pokazuję, jak można to osiągnąć bez instalacji żadnych wtyczek. Czytaj dalej Galeria WordPress podział na albumy – jak to zrobić krok po kroku

Jak zrobić tłumaczenie motywu WordPressa w motywie potomnym

WordPress tłumaczenie motywu potomnego
Kiedyś dostałam takie zgłoszenie od klienta: „Zniknęło mi tłumaczenie motywu, które Pani kiedyś zrobiła. Dodam, że żadnych plików nie kasowałem”. Wchodzę na stronę i faktycznie widzę „posted in” zamiast „opublikowano w” itd. Załóżmy, że klient mówi prawdę i rzeczywiście żadnych plików nie kasował. Co się w takim razie stało z polskim tłumaczeniem? I kto tu zawinił? Czytaj dalej Jak zrobić tłumaczenie motywu WordPressa w motywie potomnym

WordPress page po polsku – rozwiązanie poznane przy kawie

Aga z kawą Nie znam ani jednego bloga na WordPressie po polsku, w którym ten problem byłby rozwiązany. Nawet blogi specjalistów od WordPressa, w których wszystko jest dopieszczone, mają ten defekt. Chodzi o niewinne słówko page, które pojawia się w URL-u przed numerem strony, gdy zaczynamy przeglądać wpisy wstecz i ładowana jest strona z kolejną porcją WordPressowych wpisów. No właśnie, page, a nie jak być powinno: strona. Zobacz ilustrację niżej.

Czytaj dalej WordPress page po polsku – rozwiązanie poznane przy kawie

Kadrowanie zdjęć w WordPressie? Pewnie że się da!

Kadrowanie zdjęć WordPress

Na początek zagadka. Pamiętasz zadania z dzieciństwa pt. Znajdź 5 szczegółów różniących obrazki? Dziś proponuję podobną zabawę. Niżej pokazane są dwie galerie. Prawie identyczne. Jednak jest coś, co je różni. Niby nieznacznie, lecz uzyskany efekt powoduje, że druga galeria wydaje się bardziej dopracowana.

Czytaj dalej Kadrowanie zdjęć w WordPressie? Pewnie że się da!

Rozwój nowej strony na WordPressie gdy stara działa w tej samej domenie

WordPress nowy hosting stara domena

Wszyscy przenoszą się na WordPressa. W każdym razie odnoszę takie wrażenie… Choćby na podstawia zleceń do wyceny, które dostaję. Zarówno osoby prywatne jak i firmy porzucają Joomlę, Drupala, nawet autorskie systemy zarządzania treścią i stawiają (na) WordPressa. Gdy podpytuję o powód wybrania WordPressa jako CMS, najczęściej padają dwie odpowiedzi: dobre SEO i prostota w obsłudze.

Czytaj dalej Rozwój nowej strony na WordPressie gdy stara działa w tej samej domenie

Po co mi wiedza o popularności wtyczek do WordPressa

Ranking wtyczek WordPress

Rzadko reaguję emocjonalnie na blogowe wpisy. A już tym bardziej na artykuły typowo techniczne. Tym razem było jednak inaczej. Dzień jak co dzień. Zaczęłam go od codziennej WordPressowej prasówki, czyli przejrzenia nowości w czytniku RSS. Moją uwagę przykuł wpis „Układ okresowy wtyczek dla WordPressa”, którego zajawkę pokazuję na obrazku niżej.

Czytaj dalej Po co mi wiedza o popularności wtyczek do WordPressa

Ikony wpisów w WordPressie – przykłady ciekawych zastosowań

Ikony wpisów przykłady

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?

Dodanie ikony wpisu w WordPressie
Dodanie ikony wpisu w WordPressie

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.

Ikony wpisow przyklad tradycyjnego wykorzystania
Przykład tradycyjnego wykorzystania ikon wpisów w portalu openscotland.pl

 

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

Obrazki we wpisach powiązanych
Obrazki we wpisach powiązanych na przykładzie bloga italia-by-natalia.pl

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.

Ikony wpisów w widgecie
Ikony wpisów w widgecie – źródło: portal openscotland.pl
Wykorzystanie widgetu Advanced Recent Post
Wykorzystanie widgetu Advanced Recent Post

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:

  1. Kowalski przeczytał kiedyś wpis na Twoim blogu.
  2. 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.
  3. Kowalski za cholerę nie może sobie przypomnieć ani tytułu, ani słów kluczowych, które pozwolą mu wpis szybko znaleźć.
  4. Zrezygnowany Kowalski wyłącza smarfona.
  5. 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.

Archiwum obrazkowe
Archiwum obrazkowe na bloga Get Dressed

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

Obrazki w wynikach wyszukiwania
Obrazki w wynikach wyszukiwania na przykładzie blogu Get Dressed

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:

  1. Firefoks sygnalizuje, że na jednym z moich ulubionych blogów pojawiło się coś nowego.
  2. W danym momencie nie mam za bardzo czasu, żeby przeczytać artykuł, więc tylko zerkam – z poziomu czytnika RSS – co nowego tym razem.
  3. 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ęć.
Obrazki w feedzie RSS
Obrazki w feedzie RSS zaczytywanym z bloga dev.wpzlecenia.pl. Zrzut z ekranu pochodzi z czytnika Brief.

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:

Wystawienie wypisów do kanału nowości
Wystawienie wypisów do kanału nowości

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

Obrazki w newsletterze
Obrazki w newsletterze – na przykładzie powiadomień o nowych wpisach na blogu Italia by Natalia

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

Ikony wpisów w rotatorze
Ikony wpisów w rotatorze opisanym w jednym z tutoriali tego bloga
Obrazki w rotatorze
Obrazki w rotatorze dodawane jako ikony wpisów

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?

WordPress galeria. Nigdy przedtem nie było to tak proste! Tutorial.

Uwaga! Najnowszy (bo z roku 2021) artykuł na temat tworzenia galerii w WordPress znajdziesz tutaj.

Galeria WordPress

Nareszcie jest! Intuicyjna i w pełni funkcjonalna galeria w WordPressie. Możliwość układania zdjęć w formie galerii w WordPressie była od dawna, lecz dopiero od wersji WP 3.5 zarządzania fotkami stało się proste w obsłudze. Wszystko to dzięki nowemu managerowi mediów, który pozwala na swobodne wykonywanie czynności związanych z dołączaniem, wyszukiwaniem i układaniem zdjęć w galerie.

Dziś pokażę, jak za pomocą nowego interfejsu zarządzania zdjęciami można utworzyć galerię w WordPressie. Szybko, prosto i przyjemnie!

 

Czytaj dalej WordPress galeria. Nigdy przedtem nie było to tak proste! Tutorial.

Spece od WordPressa – jak oni to robią

WordPress Specjalista

Każdy mistrz w swojej dziedzinie zna tajemnice, których strzeże jak ognia. Dlatego nikt nie wie, jak działa algorytm Google’a i tylko nieliczni znają przepis na ciasto Telepizzy. Spece od WordPressa też mają swoje sztuczki, które ułatwiają im pracę i decydują o tym, że są specjalistami w swojej dziedzinie. Tylko że w przeciwieństwie do wyżej wymienionych chętnie się swoją wiedzą dzielą. Na blogach, forach, WordCampach, w książkach.

W dzisiejszym artykule zdradzam kilka sztuczek, które pomogą Ci być jeszcze lepszym specjalistą w WordPressie.

Czytaj dalej Spece od WordPressa – jak oni to robią