Witajcie, drodzy czytelnicy bloga! Dziś chcę zaproponować rozwiązanie kolejnego problemu z optymalizacją WordPressa. Przypomnę, że do skonfigurowania i przyspieszenia indeksowania witryny potrzebne są boty wyszukujące.

Ale nie mniej ważny jest analog HTML, który pomaga odwiedzającym nawigować i szybko znajdować niezbędne materiały na stronach Twojego projektu internetowego. Przykład stworzenia został już omówiony. W zasadzie jest to całkiem dobra opcja i jest odpowiednia nie tylko dla początkujących, ale także dla dojrzałych webmasterów.

Ponieważ jednak WP, pomimo wszystkich swoich zalet, jest dość ciężkim silnikiem i wiele jego modułów powoduje dodatkowe obciążenie serwera hostingowego lub na pewnym etapie z tego czy innego powodu nie jest już wspierane przez programistów, czasami jest to przydatne jest posiadanie opcji tworzenia kopii zapasowych. Dlatego dzisiaj spróbujemy stworzyć mapę w formacie HTML bez pomocy wtyczek. To trudniejsza droga, ale jeśli chcesz się rozwijać, nie zaszkodzi przejść nią.

Korzystając z okazji, chciałbym udostępnić Państwu kilka materiałów, które sugerują metody optymalizacji bloga lub strony WP w różnych obszarach bez użycia rozszerzeń:

Tym, którzy wciąż nie mają pojęcia o niuansach mechanizmu tworzenia i edytowania szablonów, polecam najpierw zapoznać się z nimi. Zapewniam Cię, że po tym wiele pytań zniknie.

Prosta mapa witryny w formacie HTML

Cóż, teraz przejdźmy bezpośrednio do pytania, jak zrobić mapę witryny na WP bez wtyczek, czyli przy użyciu kodu PHP, który jest używany w głównych szablonach większości silników. Najpierw utwórzmy prostą mapę, abyś zrozumiał istotę procesu.

Wszelkie zmiany w plikach witryny lepiej wprowadzać za pomocą specjalistycznego oprogramowania. Polecam używać linku do tych celów (aby połączyć się z serwerem hostingowym) + (do bezpośredniej edycji).

Można oczywiście używać wyłącznie Notatnika z dwoma plusami, jeśli go mamy zainstalowanego, po prostu opcja złożona jest moim zdaniem znacznie bezpieczniejsza (choć wybór należy do Ciebie).

Gdy w jakiś sposób uzyskasz dostęp do zdalnego serwera, na którym „przebywa” witryna, użyj edytora Notepad++, aby otworzyć plik page.php motywu (ten szablon jest zwykle odpowiedzialny za wyświetlanie standardowej statycznej strony bloga WordPress). Jeśli na Twoim hostingu znajduje się tylko jedna witryna, plik ten najprawdopodobniej można znaleźć, podążając ścieżką:

„public_html” - „nazwa domeny” - „wp-content” - „motywy” - „nazwa motywu” - „page.php”

Na tej podstawie stworzymy naszą mapę witryny WordPress. Przede wszystkim musisz utworzyć nowy plik w folderze głównym motywu, używając tego samego Notatnika i wymyślić dla niego odpowiednią nazwę, która później poinformuje Cię o celu jego utworzenia, jeśli nagle go zapomnisz. Możesz nazwać świeżo upieczony obiekt, powiedzmy, map.php.

Zatem po wykonaniu opisanych kroków oba pliki znajdą się na sąsiednich zakładkach Notepad++. W temacie mojego bloga strona zawartości.php wygląda to tak (niestety nie da się podać uniwersalnej opcji na każdą okazję, bo każdy ma inną tematykę):

Następnie musisz skopiować zawartość page.php i wkleić ją do map.php, a następnie odpowiednio zmienić ten ostatni. Przyjrzymy się teraz, jak to zrobić na przykładzie tworzenia mapy witryny zgodnie z przykładem przedstawionym powyżej. Pamiętaj, że zawartość Twojego pliku page.php może różnić się od wersji, którą sugerowałem.

Dlatego ważne jest, aby zrozumieć zasadę edycji. Twoje szablony motywów mogą zawierać elementy odpowiedzialne za projektowanie treści, które różnią się od tych, które widzisz w powyższym kodzie. Ich właściwości stylu mogą wpływać na wygląd mapy witryny i dlatego najprawdopodobniej będziesz musiał debugować projekt za pomocą .

Jeśli choć trochę wiesz na ten temat, zrozumienie poniższego rozumowania i instrukcji nie będzie dla Ciebie trudne. Jeśli skład i zawartość szablonów WordPress to dla Ciebie ciemny las, to w tym przypadku nie widzę nic złego, ponieważ na koniec przedstawię gotową mapę witryny, która powinna pasować niemal każdemu.

Spójrzmy na nasz przykład poniżej. Pozostawimy te linie, które definiują główny znacznik HTML strony i zmienimy jedynie treść znajdującą się pomiędzy tagami otwierającymi i zamykającymi artykuł (linie 16 - 19). Przede wszystkim zwróć uwagę na początek (16) i koniec (19) pętli, które określają rodzaj wysyłanej treści.

Nie będziemy ich usuwać, gdyż cyklicznie działa także funkcja wyświetlania linków do potrzebnych nam materiałów. W tym przypadku wewnątrz pętli znajdują się dwie linie (17 i 18):

Natychmiast usuwamy funkcję wyświetlania komentarzy („comments_template”), ponieważ jest to niepotrzebna treść dla mapy. Ale jeśli chodzi o linię 17 („get_template_part”), konieczne jest wyjaśnienie, aby wszystko było jasne. Faktem jest, że w wielu nowoczesnych motywach WordPress różne strony internetowe, w tym statyczne, można tworzyć przy użyciu kilku szablonów.

Ten przypadek nie jest wyjątkiem. Linia 17 zawiera kod wywołujący dodatkowy szablon strona-treści.php, który odpowiada za wyświetlanie niektórych elementów strony, w tym funkcję wyświetlania tytułu, który rejestrujesz w edytorze administracyjnym. Zazwyczaj jest on zawarty w odpowiednim tagu:

Ale ten projekt ma na celu automatyczne generowanie tytułu każdej strony, którą utworzysz na swoim blogu. W naszym przypadku staramy się stworzyć specjalny szablon, w którym tytuł będzie stały. Dlatego możesz po prostu zapisać go w formacie HTML nad linią na początku pętli (usuwając jednocześnie „get_template_part”):

Usunęliśmy więc zawartość pętli wyświetlającej zawartość zwykłej statycznej strony internetowej, ale trzeba ją czymś zastąpić, w przeciwnym razie mapa HTML będzie pusta. Ponieważ treść mapy witryny wyróżnia się obecnością wielu linków prowadzących do wpisów na blogu, zamiast linii 17 i 18 wstawiamy kod, który wyświetli te same linki do artykułów:

">

Ale to nie wszystko. Aby zapewnić możliwość wyświetlania materiałów w formie pionowej listy, zdefiniować i pięknie zaprojektować całość poprzez przypisanie właściwości do klas i identyfikatorów, całą przestrzeń wyjściową łącza zamkniemy w zdefiniowanym kontenerze:

Styl wyświetlania linków zostanie zastosowany zgodnie z właściwościami określonymi dla selektorów ul i li bieżącego motywu w pliku style.css. Jeśli z jakiegoś powodu ten widok nie jest dla Ciebie satysfakcjonujący, możesz zawrzeć w nim całą treść i zdefiniować dla niej jakąś klasę, na przykład class="html_sitemap":

Teraz praca jest już prawie ukończona. Ale jeśli czytasz artykuł o tym, to wiesz, że aby powiązać utworzony szablon ze stroną, musisz najpierw ustalić jego nazwę. Aby to zrobić, zmieńmy w jakiś sposób zawartość nagłówka:

Teraz jesteśmy gotowi prosty szablon mapy witryny dla odwiedzających:

Zasadniczo taki szablon można zastosować do dowolnego tematu. Ostatnim krokiem jest jednak przejście do sekcji „Strony” w panelu administracyjnym WordPressa – „Dodaj nowe”. Tam nie wpisujemy nazwy strony w polu tytułowym, ponieważ dla naszej próbki będzie ona wskazana bezpośrednio w utworzonym szablonie, ale konieczne jest ustawienie bezpośredniego linku.

Następnie z rozwijanego menu „Szablon” wybierz żądaną opcję (w naszym przykładzie „Mapa”). Teraz plik map.php powiązany ze stroną, a WordPress będzie wiedział, do którego szablonu ma uzyskać dostęp, aby wyrenderować go w przeglądarce:

To tyle. Na wszelki wypadek podaję zestaw właściwości CSS dla mapy witryny, być może będą odpowiednie:

Html_sitemap H1 (rozmiar czcionki: 20 pikseli; dół marginesu: 25 pikseli) .html_sitemap ul (typ stylu listy: okrąg; wysokość linii: 1,5) .html_sitemap li a:hover (kolor:#fea02d) .html_sitemap li a ( kolor: #984802; grubość czcionki: pogrubiona; dekoracja tekstu: brak)

Jeśli chcesz je trochę zmienić, możesz poeksperymentować do woli, korzystając z narzędzia programistycznego, dostępnego w każdej nowoczesnej przeglądarce i wywoływanego przez naciśnięcie klawisza F12, którego prototypem jest, który pozwala na wykonanie całej edycji bez rzeczywiste zmiany w plikach. Po osiągnięciu pożądanego rezultatu w trybie online dodaj powstałe style do pliku style.css i gotowe.

Jak utworzyć kompletną mapę witryny HTML dla WordPress

W poprzedniej części przyglądaliśmy się jak zrobić prostą mapę dla WP, zawierającą wyłącznie linki do artykułów na stronie lub blogu. Jednak w praktyce ten typ jest rzadko używany, z wyjątkiem bardzo małych zasobów. Podałem ten przykład wyłącznie po to, aby zademonstrować algorytm postępowania w takich sytuacjach. Oznacza to, że bez biegłej znajomości języka PHP można nauczyć się edytować pliki motywów bez ładowania ogromnych kodów.

Byłem kiedyś w podobnej sytuacji i patrzyłem na pliki php jak baran na nową bramę. Ale stopniowo nauczyłem się rozróżniać pewne funkcje odpowiedzialne za określone obszary zastosowań. Codex WordPress pomógł i nadal pomaga w tym. Jestem nawet skłonny pomyśleć o poświęceniu osobnego działu na blogu na naukę podstaw PHP, ponieważ początkujący webmasterzy często napotykają poważne trudności podczas edycji plików motywów.

No cóż, to sprawa na przyszłość, kontynuujmy nasz temat. Zdecydowałem się na to, że taka prosta mapa nie ma praktycznego zastosowania, zwykle stosuje się bardziej złożoną wersję, w której znajdują się linki do stron statycznych, podział na kategorie, spis materiałów archiwalnych itp. Jeśli chcesz otrzymać pełną mapę witryny, musisz wykonać kroki, które opiszę poniżej.

Aby uzyskać możliwość dokładniejszego dostrojenia, wykorzystujemy plik do naszych celów funkcja.php(przypominam, znajduje się on w katalogu głównym Twojego motywu), co pozwala na realizację najbardziej nietrywialnych zadań. Aby to zrobić, połącz się z serwerem za pomocą tego samego programu Filezilla, o którym wspomniałem wcześniej w tym artykule:

Najpierw otwórzmy go w tym samym edytorze NotePad plus plus (w tym celu należy przesunąć kursor do plikufunction.php, kliknąć prawym przyciskiem myszy, aby wywołać menu kontekstowe i wybrać z niego „Wyświetl/Edytuj”). Następnie wstaw do niego następujący fragment:

Funkcja sp_html_sitemap() ( $category = true; // true - wyświetl blok z postami, false - nie $categoryExclude = ""; // Identyfikatory kategorii oddzielonych przecinkami, które powinny zostać wykluczone $categoryEmpty = true; // true - nie pokazuj pustych kategorii, false - pokaż $page = false; // true - wyświetl blok ze stronami, false - nie $pageExclude = "" // ID stron, które mają zostać wykluczone $author = false; - pokaż blok z autorami, false - no $authorExcludeAdmin = false; // true - wyklucz użytkownika z loginem administratora, false - no $result = "

Zaletą mapy witryny HTML zaimplementowanej przy pomocy wspaniałego plikufunction.php jest to, że otrzymujemy elastyczną opcję. Jego elastyczność polega na tym, że możesz w przyszłości dostosować wszystko według własnych upodobań. Już same górne linie pozwalają na dokonanie niezbędnych zmian nawet bez podstawowej znajomości języka PHP (komentarze zaznaczone na zielono moim zdaniem mają charakter informacyjny i podpowiedzą co i jak wskazać w danym przypadku).

Możesz na przykład wykluczyć poszczególne kategorie i strony internetowe, wymieniając ich identyfikatory numeryczne () oddzielone przecinkami (jeśli nie musisz niczego wykluczać, po prostu zostaw spację między pojedynczymi cudzysłowami):

$categoryExclude = ""; $pageExclude = "2794, 4366, 12910";

Na przykład logiczne byłoby wykluczenie samej strony „Mapa”, strony wyszukiwania w witrynie (z Google lub Yandex), aby czytelnicy nie podziwiali pustej przestrzeni ze zdumieniem. Jeśli nie ma takich stron, zostaw wszystko tak, jak jest.

Załączamy go wraz z nagłówkiem w kontenerze div z klasą do dostosowywania stylów i w rezultacie otrzymujemy następujący kod:

Cóż, możesz także użyć przykładowych stylów CSS dla pełnej mapy:

Smap h1 (rozmiar czcionki: 20 pikseli; margines na dole: 25 pikseli) .html_sitemap ul li(list-style-type: koło; margines na lewo: 25 pikseli; wysokość linii: 1,3; margines na dole: 5 pikseli) .html_sitemap li ul (margines: 10px 0 20px 10px) .html_sitemap li a(color:#984802; czcionka-waga:pogrubiona) .html_sitemap li ul a(font-weight:normal) .html_sitemap li a:hover(color:#fea02d)

Prawdopodobnie nie zapewniłem wszystkich funkcji, które powinny być dodane do karty. Na przykład możesz wskazać liczbę artykułów w każdym archiwum, czas publikacji postów itp., Ale to już jest konkretne, najważniejsze jest to, co masz. Na koniec przypominam o możliwości zapisania się na otrzymywanie nowych materiałów blogowych drogą mailową. Dzięki temu będziesz na bieżąco.

Czy chcesz otrzymywać na czas świeże, istotne i przydatne artykuły? Następnie możesz subskrybować:

Więcej artykułów na ten temat:

73 recenzje

1. Olga

   Dzięki za informację! Jak umieścić przyciski sieci społecznościowych z boku strony internetowej - takie jak Twoje?

2. Aleksiej

   Byłem zaintrygowany... Zacząłem studiować HTML i CSS. Teraz za pomocą Twojego wpisu dotrę do mapy. Ponieważ mapę można zrobić bez wtyczki, zrobię to. Zatem artykuł jest na temat

3. Sanya

   Twój artykuł jest bardzo pomocny. Zainstalowano motyw zawierający plik mapy witryny. Ale ja, podobnie jak ty, również próbuję dostać się do rudy. Po wielokrotnej edycji tematu, na mapie serwisu zaczęła pojawiać się liczba artykułów równa ustawieniom wyświetlania artykułów na blogu (w panelu administracyjnym).
   Spędziłem dużo czasu szperając, potem zdecydowałem się zajrzeć do „inteligentnych blogów” (Twój jest pierwszy na liście) i oto, Twój najnowszy artykuł jest dokładnie o tym.
   DZIĘKUJĘ DUŻO, moja mapa witryny ma teraz pożądany kształt.

4. Igor

   Olga, wysłałam Ci maila z linkiem. Chociaż już niedługo zacznę publikować o przyciskach serwisów społecznościowych i tam też opiszę tę usługę.

5. Igor

   OK, Aleksiej. Zadawaj pytania, jeśli coś jest niejasne.

6. Igor

   Dziękuję, Sanya, za wartościowe komentarze, które nagrodziłaś blogowi Goldbusinessnet. Bardzo się cieszę, że znalazłeś dokładnie to, czego szukałeś. Szczerze mówiąc, dodaje to impetu do kontynuowania obranego kierunku.

7. Bazylia

   W przyszłości zamierzam także zastąpić wtyczkę mapy witryny kodem. Igor, czy Twoja wyszukiwarka Google jest osobną statyczną stroną?

8. Jurij

   Artykuł jest przydatny i potrzebny! Po prostu pozbywam się niepotrzebnych wtyczek. Teraz wiem jak pozbyć się kolejnej wtyczki.

9. Olga

   Tak, bardzo interesujące.
   Na razie działa generator map witryn Dagon Design. Swoją drogą, działa świetnie (w przeciwieństwie do niektórych wtyczek). Ale stopniowo zastępuję je kodami z szablonu.
   Oczywiście majstrowanie przy kodach jest przerażające; za pierwszym razem nie działa. Najczęściej blog zawodzi. Ale musimy. Szybkość ładowania bloga jest wskaźnikiem priorytetowym.

10. Igor

    Wasilija, szczegółowo pisałem o przykładzie tworzenia strony internetowej dla niestandardowej wyszukiwarki Google.

11. Igor

    Oczywiście, Olga, to straszne, rozumiem cię. Ale jeśli użyjesz na przykład, połowa twoich obaw zniknie, ponieważ w tym edytorze możesz wrócić do początkowej wersji dokumentu. Ponadto możesz zapisać kopie oryginału, jeśli jest to bardziej znane.

12. Ruson

    Witam Igor, jak rozumiem, to nie jest sitemap.xml, czy jest możliwość stworzenia pliku map.xml bez wtyczek?
    Cgfcb,j

13. Igor

    Nie, Ruson, to zwykła karta. Wersja xml jest bardziej złożona, jeszcze jej nie zamieszczam, bo sam jeszcze korzystam z wtyczki.

14. Ruson

    OK, dzięki Igor.

15. swargan

    Pozdrawiam Igorze! Nie rozmawialiśmy przez jakiś czas, mój pasek boczny leci w dół, może coś jest nie tak z divami. Czy można rozwiązać ten problem?
    Z UV. Dmitrij

16. swargan

    Problem rozwiązałem w ten sposób - div został po prostu zamknięty w złym miejscu, zapomniałem dodać do niego pasek boczny, zrozumiałe jest, że poleciał w dół za głównym blokiem. Dziękuję za informację, mam jeszcze jedną wtyczkę minus i została tylko jedna z aktywnych 8) Swoją drogą, przy dodawaniu postów zastąpiłem cały pakiet seo na moim blogu kodem php, używam w nich niestandardowych pól i ustawiam meta tagi, testowanie, czas pokaże.

17. Igor

    Pozdrawiam, Svargan. Cieszę się, że mogę porozmawiać ponownie. All in One Seo Pack można oczywiście zastąpić kodem, jak w zasadzie wszystkie wtyczki. Ale akurat pod kątem SEO realizuje wiele funkcji, w tej kwestii trzymam się zasady złotego środka, korzystając tylko z tych wtyczek, które z jednej strony nie dźwigają dużego obciążenia, a z drugiej realizują wiele opcji. Chociaż dlaczego nie przetestować, my, webmasterzy, musimy to robić cały czas.

18. swargan

    Użyłem też platynowej wtyczki seo pack, ma ona trochę więcej bajerów i ciekawostek niż wszystkie seo, no cóż, nie dla każdego, jak to mówią. Chcę też spakować wszystkie kategorie i tagi w metatagi (tytuły, opisy i klucze), przeprowadzę też test, ciekawe jak będzie wyglądało rozmieszczenie w wyszukiwarkach takich tchotchke. Igor zawsze chętnie porozmawia, do zobaczenia później.

19. Igor

    Ja też miałem Platinum, ale od dłuższego czasu nie było ono aktualizowane, więc przerzuciłem się na All in One.

20. swargan

    Mam jeszcze jedno pytanie. Igor, czy wiesz, czy istnieje możliwość zmiany wtyczki Ozh" Better Feed na kod?

21. Igor

    Szczerze mówiąc nigdy nie słyszałem o takiej wtyczce.

22. swargan

    Ta przydatna wtyczka pozwala dostosować Twój biuletyn. Na przykład, żeby subskrybenci otrzymali na swoją skrzynkę ogłoszenie, a nie cały artykuł, bo potrzebny jest nam ruch na naszych stronach i blogach.

23. Igor

    Ach, dziękuję Dmitry, za ten dodatek, myślę, że to ważna informacja dla czytelników. Jeśli ta wtyczka jest niewielka i stale aktualizowana, to może nie warto jej zastępować kodem, przynajmniej jeszcze nie teraz?

24. Aleksander

    Cześć. Wykorzystałem Twój artykuł do stworzenia mapy witryny, dziękuję. Tak naprawdę jest jeden problem. Próbowałem zastosować tę mapę na moim blogu w Denver - wszystko się udało, próbowałem zastosować ją na istniejącym blogu (którego adres wskazałem w odpowiednim polu) ze standardowym motywem WordPress: wszystko jest takie samo, ale dla z jakiegoś powodu rosyjskie znaki nie są wyświetlane w tytułach zawartych w tagach h3. Może wiesz jaki jest powód?

25. Aleksander

    Już to wymyśliłem :) Wkleiłem Twój kod z linii 1-5 i 11-50 (z ostatniego zrzutu ekranu) do kontenera wyświetlającego zawartość mojego motywu i gotowe :)

26. Igor

    Aleksandrze, czy to znaczy, że wszystko jest w porządku i nie potrzebujesz mojej pomocy?

27. Aleksander

    Tak, wszystko w porządku :) Twój artykuł mi pomógł, dziękuję. To prawda, jak widać na moim blogu na stronie „Mapa serwisu” są kropki przed nagłówkami oznaczającymi listę, więc chciałbym, żeby pojawiały się tylko przed postami, wczoraj nadal nie mogłem znaleźć jak to zrobić, jeśli powiesz mi jak, będę wdzięczny, jeśli nie, zrobi to za mnie :)

28. Igor

    Alexander przede wszystkim napisz dodatkową regułę stylu w pliku style.css:

    Karta (typ-listy:brak;)

    To wszystko, ikony list obok kategorii i stron powinny zniknąć. Napisz później jak poszło.

    • Aleksander

      Zgadza się! Dzięki za pomoc:)

    • Anton

      Postanowiłem też powoli pozbywać się wtyczek i zdecydowałem, że na pierwszym miejscu na liście będzie generator map witryn. Spróbuję tej metody.

    • Romana Reya

      A co jeśli nie ma page.php? Motyw Eino

    • Igor

      Roman, jeśli nie ma pliku page.php, to następnym szablonem, z którego skorzysta WordPress, będzie indeks.php. Ten szablon jest koniecznością, zrób go w oparciu o niego.

    • Romana Reya

      Widzę, dziękuję. Będziemy pracować poprzez Indeks

    • Romana Reya

      Swoją drogą jakiej karty teraz używasz? Na podstawie wtyczki, czy tej przedstawionej w opisie?

    • Igor

      Ten przedstawiony w opisie.

    • Zwycięzca

      Cześć! Zrobiłem mapę witryny tak jak napisałeś. Wszystko działa, ale z jakiegoś powodu dla każdej kategorii wyświetlanych jest tylko 5 ostatnich postów i potrzebuję, aby wszystkie posty były wyświetlane na mapie witryny. Jak mogę to wdrożyć? Z góry dziękuję.

    • Igor

      Victor, jeśli dokładnie postępowałeś zgodnie z moimi instrukcjami, coś takiego nie powinno się zdarzyć. Oznacza to, że gdzieś w plikufunction.php motywu istnieje ograniczenie wyświetlania liczby postów. Niestety nie mogę powiedzieć nic więcej, bo każdy ma inną tematykę.

    • I
    • Igor

      Nie, po prostu popracowałem trochę z panelem Share42, pamięć podręczna została zaktualizowana, teraz wszystko powinno być dobrze.

    • Igor

      Cześć!
      Wszystko działa, dziękuję!
      Proszę o informację jak to zrobić tak jak na mapie serwisu, aby wyświetlał się link do kategorii, a nie tylko jej nazwa. Mam nadzieję, że rozumiesz co mam na myśli.
      Dziękuję z góry za Twoją odpowiedź!

    • Igor Gornow

      Imienniku, spróbuj w ten sposób. Znajdź linię w pełnym kodzie mapy witryny:

      Echo"

    • "."\N"." Nagłówek:".$cat->imię_kota.""."\n";

      .$kot->nazwa_kota.

      Pasta:

      ID_kota)."">".$kot->nazwa_kota."

      Cała linia będzie wyglądać następująco:

      Echo"

    • "."\N"." Nagłówek:"ID_kota)."">".$kot->imię_kota."""."\n";

    • Igor
    • Igor Gornow

      Dziwne... Igor, czy zrobiłeś wszystko poprawnie? Czy nazwa kategorii jest wyświetlana poprawnie?

    • Igor

W tym artykule chcę pokazać, jak dodać paginację liczbową w WordPressie do swojego bloga bez żadnych wtyczek.

Na tej stronie stosowana jest paginacja numeryczna, którą zamierzam wdrożyć (jeśli przejdziesz do sekcji blogów i przewiniesz na sam dół, zrozumiesz, o czym mówię; uwaga tłumacza - mniej więcej taka sama implementacja jest stosowana na tym blogu , tylko poprzez wtyczkę).

Napisałem ten post, ponieważ uważam, że zazwyczaj ludzie mają trudności z dodaniem paginacji do istniejącej witryny.

Regularnie natrafiam na wątki na forach WordPress.org, w których użytkownicy zadają podobne pytania: „ Jak dodać paginację do strony bloga?», « Jak dodać te liczby na samym dole strony, aby użytkownicy mogli nawigować po postach?" Lub " Jak podzielić bloga na wiele stron?»

Wygląda na to, że większość użytkowników wybiera w WordPressie numeryczną paginację zamiast nawigacji za pomocą standardowych linków „Poprzednia strona” i „Następna strona”, które w rzeczywistości nie wskazują, gdzie dokładnie użytkownik w danym momencie się znajduje.

Podstawowa paginacja za pomocą dwóch linków „Następna strona” i „Poprzednia strona” jest dość prosta w realizacji, co jest dobrze zapisane w kodzie, ale ta nawigacja nie jest najwygodniejsza.

Wyobraź sobie, że użytkownik wszedł na Twoją witrynę, dotarł do strony 8 z żądanym wpisem i wyszedł. Potem wrócił i zdecydował się umieścić ten sam post na stronie 8 – w tym celu musiałby przewinąć kilka stron. Wyobraź sobie, jakie to denerwujące. Wskazuje to na słabą użyteczność i zaleca się unikanie tego podejścia, jeśli nie chcesz, aby użytkownicy do Ciebie wracali.

Podstawowe ustawienia

Niestandardowe zapytanie WP_Query

Pierwszym i najważniejszym krokiem tworzenia paginacji jest prawidłowe skonfigurowanie WP_Query. Musisz upewnić się, że zapytanie zwróci dane rekordu. Oto podstawowy przykład uruchomionego zapytania:

$paged = (get_query_var("stronicowany")) ? get_query_var("stronicowany") : 1

$args = tablica(
"posts_per_page" => 6,
"stronicowany" => $stronicowany
);

$custom_query = nowy WP_Query($args);

while($custom_query->have_posts()):
$custom_query->the_post();
?>