Jak używać WP_Query do tworzenia stronicowania w WordPress?
Opublikowany: 2021-08-31
Jednym z produktywnych sposobów na zwiększenie liczby odsłon witryny z optymalnym współczynnikiem odrzuceń jest użycie WP_Query do tworzenia stronicowania w WordPress.
W tym samouczku przeprowadzimy Cię przez łatwy do naśladowania przewodnik, aby dodać niestandardową pętlę WordPress z paginacją.
Co to jest WP_Query?
WP_Query jest jedną z najważniejszych klas w WordPressie, ponieważ daje dostęp do rekordów, postów, stron i niestandardowych typów postów w bazie danych.
Tymczasem programiści nie muszą pisać złożonych zapytań SQL do bazy danych, aby otrzymać potrzebne informacje o postach, stronach lub niestandardowych typach postów, ponieważ WP_Query zrobi to za nas.
Co to jest paginacja w WordPressie i dlaczego jej potrzebujesz?
Paginacja to jedna z podstawowych funkcji, z których może korzystać każdy użytkownik WordPressa do różnych celów. Dobrą praktyką jest dzielenie długich postów na kilka części i prezentowanie każdego z nich na nowej stronie.
Jeśli korzystasz z dobrze zakodowanego motywu WordPress, najprawdopodobniej użycie tagu w poście dodanego tam, gdzie chcesz, aby post się zakończył i zaczął na następnej stronie, wykona zadanie za Ciebie.
Nietrudno zgadnąć, że długie posty ładują się długo i będą uciążliwe dla gości serwisu lub obserwatorów bloga.
Podzielenie artykułu lub długich opisów na tyle stron, ile wydaje się celowe, ułatwi czytelnikom przetrawienie wszystkich informacji bez irytacji.
Jeśli jesteś webmasterem WordPress lub właścicielem witryny WordPress, jesteśmy pewni, że wiesz o wbudowanej w WP funkcji paginacji, której możesz łatwo używać z linkami lub paginacją numeryczną do dzielenia długich postów na tyle różnych części, ile potrzeba i prezentowania ich na poprzednich i następnych stronach odpowiednio.
Oprócz tego, że Twoje artykuły i posty są łatwiejsze do śledzenia i bardziej czytelne, paginacja ma również inne zalety.
Dzięki temu ogólny wygląd i styl Twojej witryny będą bardziej dokładne i zwarte, doda odsłony witryny, pomoże zmniejszyć współczynnik odrzuceń, przyczyni się do rankingu SEO i zapewni więcej stron do umieszczania reklam i nie tylko.
Jednak ta metoda nie zawsze działa bezproblemowo ze współczesnymi motywami i szablonami WordPress. Dlatego proponujemy użycie WP_Query do tworzenia paginacji w WordPressie.
Zanim przejdziemy głębiej w proces szczegółowo opisujący, jak używać WP_Query do tworzenia stronicowania w WordPress, zalecamy zapoznanie się z odniesieniem do klasy WP Query w Kodeksie WordPress: https://codex.wordpress.org/Class_Reference/WP_Query#Usage .
Teraz, gdy masz ogólny pomysł na WP_Query i jego zastosowania, pozwól nam podzielić się z Tobą próbką zapytania.
<?php
/**
* Nazwa szablonu: Strona niestandardowa
*/
pobierz_nagłówek(); ?>
<?php
$paged = ( get_query_var( 'stronicowane' ) ) ? get_query_var( 'stronicowane' ) : 1;
$argumenty = tablica(
'posts_per_page' => 4,
'stronicowany' => $paged
);
$custom_query = nowe WP_Query( $args );
?>
<!----start-------->
<div class="wrap">
<div class="treść-obszar">
<main class="site-main" role="main">
<?php
while($custom_query->have_posts()) :
$custom_query->the_post();
?>
<div>
<ul>
<li>
<h3><a href="<?php the_permalink(); ?>" ><?php the_title(); ?></a></h3>
<div>
<ul>
<div><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('thumbnail'); ?></a></div>
</ul>
<ul>
<p><?php echo the_content(); ?></p>
</ul>
</div>
<div>
</li>
</ul>
</div> <!-- koniec postów na blogu -->
<?php endwhile; ?>
<?php if (function_exists("paginacja")) {
paginacja ($custom_query->max_num_pages);
} ?>
</main><!-- #main -->
</div><!-- #primary -->
</div><!-- .wrap -->
<!----koniec----->
<?php get_footer();
Jak używać WP_Query do tworzenia stronicowania w WordPress
Kod do renderowania paginacji
Utwórz plik szablonu o nazwie CustomPage.php w folderze motywu i dodaj poniższy fragment kodu na niestandardowej stronie statycznej.
<?php if (function_exists("paginacja")) {
paginacja ($custom_query->max_num_pages);
} ?>
Przejdź do panelu administracyjnego, aby utworzyć stronę i wybrać stronę niestandardową jako szablon.
Co więcej, będziesz musiał użyć następującego kodu, aby niestandardowe stronicowanie działało: Będziesz musiał dodać ten kod w functions.php (znajdziesz go w folderze motywu).
paginacja funkcji ($strony = ”, $zakres = 4)
{
$showitems = ($zakres * 2)+1;
globalna $paged;
if(pusty($stronicowany)) $stronicowany = 1;
if($strony == '')
{
globalne $wp_query;
$pages = $wp_query->max_num_pages;
if(!$strony)
{
$strony = 1;
}
}
if(1 != $strony)
{
echo "<div class=\"pagination\"><span>Strona ".$paged." z ".$pages."</span>";
if($paged > 2 && $paged > $zakres+1 && $showitems < $pages) echo “<a href='”.get_pagenum_link(1).”'>« Pierwszy</a>”;
if($paged > 1 && $showitems < $pages) echo “<a href='”.get_pagenum_link($paged – 1).”'>‹ Poprzedni</a>”;
dla ($i=1; $i <= $stron; $i++)
{
if (1 != $strony &&( !($i >= $stronicowane+$zakres+1 || $i <= $paged-$zakres-1) || $strony <= $showitems ) )
{
echo ($paged == $i)? "<span class=\"current\">".$i."</span>":"<a href='".get_pagenum_link($i)."' class=\"inactive\" >".$i."</a>";
}
}
if ($paged < $pages && $showitems < $pages) echo "<a href=\"".get_pagenum_link($paged + 1)."\">Dalej ›</a> "; if ($paged < $pages-1 && $paged+$range-1 < $pages && $showitems < $pages) echo "<a href='".get_pagenum_link($pages) ."'>Ostatni »</a>"; echo "</div>\n"; } }
Teraz, gdy udało nam się użyć WP_Query do stworzenia paginacji w WordPressie, przejdźmy do części dotyczącej stylizacji. Oczywiście teraz będziemy mieli do czynienia z plikiem style.css zamiast function.php.
Znajdź style.css w folderze motywu i dodaj do niego poniższy kod.
/* Paginacja */
paginacja {
oba czyste;
pozycja:względna;
rozmiar czcionki:11px; /* Rozmiar tekstu stronicowania */
wysokość linii:13px;
pływak:w prawo; /* Kierunek zmiennoprzecinkowy stronicowania */
}
.pagination rozpiętość, .pagination a {
Blok wyświetlacza;
pływak:w lewo;
margines: 2px 2px 2px 0;
wypełnienie: 6px 9px 5px 9px;
dekoracja tekstu:brak;
szerokość:auto;
kolor:#fff; /* Kolor tekstu stronicowania */
tło: #555; /* Paginacja nieaktywny kolor tła */
-przejście na webkit: łatwość wychodzenia w tle .15s;
-moz-transition: luz w tle o 0,15s;
-ms-transition: łatwość wychodzenia w tle o 0,15s;
-o-przejście: rozluźnienie tła o 0,15 s;
przejście: rozluźnienie tła o 0,15 s;
}
.paginacja a: najechanie {
kolor:#fff;
tło: #6AAC70; /* Tło paginacji po najechaniu kursorem */
}
.paginacja .bieżąca{
wypełnienie: 6px 9px 5px 9px;
tło: #6AAC70; /* Tło aktualnej strony */
kolor:#fff;
}
Otóż to. Mamy nadzieję, że nasz artykuł pomoże Ci bez problemu używać WP_Query do tworzenia stronicowania w WordPressie. W przypadku jakichkolwiek pytań dotyczących tego samouczka lub udostępnionych w nim kodów, nie wahaj się poprosić o naszą pomoc!
Kiedy konfigurujesz swoją witrynę w WordPress, jedną z rzeczy, które możesz rozważyć, jest użycie wp_query do tworzenia stronicowania w WordPress .
Oczywiście na pewno będziesz się zastanawiać, dlaczego warto zajmować się paginacją, ale oto dlaczego paginacja jest ważnym aspektem każdej witryny.
Paginacja to proces, w którym można podzielić długi post na krótsze posty, przy czym sekcje oryginalnego posta są publikowane na innych stronach z linkiem do oryginalnego posta.
Pomaga to zwiększyć liczbę odsłon w Twojej witrynie i może okazać się nieocenione w przypadku SEO i rankingów.
Dlatego musisz użyć wp_query, aby utworzyć paginację w WordPressie , dzięki czemu możesz dostosować post, skrócić go i poprawić wygodę użytkownika. Oto kilka powodów, dla których paginacja jest ważna i dlaczego jest niezbędna dla Twojej witryny.
- Czysty, wyrazisty wygląd: w wyniku podziału na strony powinieneś być w stanie skrócić swoje posty i pozostawić niezaśmieconą stronę główną. Powinno to umożliwić zaprezentowanie klientom czystego, wyrazistego wyglądu.
Co więcej, gdy posty są skracane, powinieneś być w stanie w pełni wykorzystać tę przestrzeń w sposób strategiczny i skierować uwagę użytkowników na odpowiednie części swojej witryny, być może na wezwanie do działania, aby mogli kliknąć to samo.
- Marketing: Dzięki paginacji powinieneś być w stanie skrócić długość postów i zoptymalizować ją również w tym procesie.
Dzięki tej wtyczce możesz zdecydować, które posty chcesz skrócić, a nawet dostosować post, aby wyglądał bardziej atrakcyjnie dla użytkownika końcowego.
W rezultacie ruch powinien wzrosnąć, a tym samym powinieneś być w stanie bardziej niż wcześniej angażować użytkowników.
- Zaangażowanie użytkownika: żaden użytkownik nie chce czytać długiego posta bezpośrednio na pierwszej stronie; dlatego ważne jest, abyś używał stronicowania, aby posty były krótkie.
Użytkownicy docenią przejrzysty wygląd, szybkie ładowanie stron, dzięki czemu powinieneś być w stanie bardziej się z nimi angażować.
Gdy w grę wchodzi paginacja, powinieneś być w stanie utrzymać współczynnik odrzuceń na optymalnym poziomie, utrzymać zainteresowanie odbiorców i, co ważniejsze, zwiększyć liczbę wyświetleń strony w swojej witrynie.
W rezultacie z pewnością zwiększysz swoje rankingi, a także zwiększysz współczynnik konwersji online.
Oto niektóre z powodów, dla których musisz mieć paginację w swojej witrynie, ponieważ może to pomóc Twojej witrynie działać jeszcze lepiej niż wcześniej.
Możesz zdecydować, jak krótkie mają być posty, a dzięki paginacji powinieneś być w stanie decydować o długości, a nawet wyglądzie postów. Dzięki tej funkcji powinieneś być w stanie zapewnić użytkownikom lepsze wrażenia z użytkowania.