Jak zmienić pager bloga na ikonki font awesome
Jakiś czas temu na blogu pojawił się wpis jak zrobić pager bloga z ikonkami font awesome. W tym wpisie pokaże Wam jak zamienić pager bloga na ikonki font awesome - bez strona główna, starsze i nowsze wpisy, dzięki czemu uzyskamy minimalistyczny wygląd naszego pagera. Instrukcja jest prosta, ale niestety nie polubią jej osoby, które od "grzebania" w kodzie HTML uciekają. Instrukcja opiera się właśnie na "grzebaniu" w kodzie HTML.
UWAGA! PRZED ROZPOCZĘCIEM JAKICHKOLWIEK ZMIAN NALEŻY ZROBIĆ KOPIĘ ZAPASOWĄ SZABLONU!
Jeśli nie macie u siebie na stronie ikonek font awesom to nad <head> musicie wkleić:
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>
1. Przechodzimy do motyw - edytuj kod HTML
2. Zacznijmy od przycisku strona główna. Klikamy kursorem w pole z kodem i wybieramy na klawiaturze ctrl+f. Pokażę nam się okno wyszukiwania, w które wpisujemy: <data:homeMsg/>
Klikamy enter dwa razy, ponieważ interesuje nas druga sekcja odpowiadająca za pager.
3. Fragment kodu, który jest zaznaczony na poniższym zdjęciu na czerwono usuwamy, a w jego miejsce wklejamy: <i class="fa fa-home" aria-hidden="true"></i> jeśli chcemy dodać rozmiar naszej ikonki to wklejamy taki kod: <i aria-hidden='true' class='fa fa-home fa-2x'/> - 2 można zmienić na dowolną liczbę.
4. Zmieniamy starsze posty. Powtarzamy krok 2, ale tym razem wyszukujemy: <data:olderPageTitle/>. Następnie powtarzamy krok 3. Usuwamy <data:olderPageTitle/> a w jego miejsce wklejamy <i class="fa fa-chevron-right" aria-hidden="true"></i> lub <i aria-hidden='true' class='fa fa-chevron-right fa-2x'/>
5. Zmieniamy nowsze posty. Powtarzamy krok 2, wyszukując <data:newerPageTitle/>. Następnie powtarzamy krok 3 czyli w tym wypadku usuwamy <data:newerPageTitle/> a w jego miejsce wklejamy <i class="fa fa-chevron-left" aria-hidden='true'></i> lub <i aria-hidden='true' class='fa fa-chevron-left fa-2x'>
Efekt:
