Jak dodać nawigację następny/poprzedni wpis po lewej i prawej stronie witryny?
- Poziom trudności:
Stosunkowo niewiele motywów posiada domyślnie pozostawiony skrypt odpowiadający za wyświetlanie poprzednich i następnych wpisów. A szkoda, bo jest to narzędzie ułatwiające czytanie Twojego bloga/serwisu od deski do deski. W domyślnych motywu tego typu odnośniki znajdziesz pod wpisem i nie wyglądają one zbyt estetycznie. Ja preferuję nieco inne rozwiązanie.
Metoda, którą chciałbym przedstawić sprawia, że po lewej i prawej stronie wpisu pojawiają się strzałki pozwalające na łatwą nawigację po poprzednich i następnych wpisach. Po najechaniu na strzałkę pojawia się tytuł, a po kliknięciu następuje automatyczne przekierowanie na wcześniejszy lub poprzedni wpis. Strzałki są widoczne tylko na stronie pojedynczego wpisu. Dokładnie tak działają:
Aby dodać taki element u siebie na stronie wejdź do Wygląd -> Edytor i rozpocznij edycję pliku header.php albo innego w którym się znajduje się element <head>. W niektórych motywach nie ma dostępu do tych plików poprzez panel administracyjny WordPressa i trzeba się posiłkować klientem FTP.
Pobierz ebooka:
Każdy, kto zapisze się na newsletter otrzyma ebooka pt.
“30 najczęstszych błędów na stronach uruchomionych na WordPressie”.
Publikacja na 33 stronach przedstawia najpopularniejsze błędy, które cały czas spotykam - nawet na nowopowstałych stronach internetowych.
Działa świetnie, dziękuję. Czy jest możliwość wyłączenia wyświetlania tytułu posty? Tak aby pozostała tylko nawigacja?
Dzięki za inspirację. W uzupełnieniu do tego wpisu w najbliższych dniach przygotuję dodatkowy wariant z nawigacją bez tytułów.
Przyda się ten dodatkowy wariant. Tymczasem uprościłem sprawę ustawiając w linii 61: transition: all 600s linear;
Właśnie dodałem instrukcję jak usunąć tytuły.
Cześć, zrobiłam krok po kroku, jak opisywałeś, ale nie wyświetlają mi się strzałki, dlaczego? Wpisy mam na jednej ze stron, a nie na stronie głównej, może to ma znaczenie?
Pozycja wpisów raczej nie ma tu wpływu. W źródle strony nie widzę kodu odpowiadającego za wyświetlanie strzałek. Kod CSS mówiący o tym jak mają wyglądać faktycznie jest, ale drugiego elementu dzięki któremu strzałki się pojawiają – nie ma. Sprawdź wszystko jeszcze raz i daj znać jak to zrobisz – zerknę i może tym razem się uda.