WordPress'te Sayfalandırma Oluşturmak için WP_Query Nasıl Kullanılır
Yayınlanan: 2021-08-31
Web sitenizin sayfa görüntülemelerini optimum bir hemen çıkma oranına sahip olmanın verimli yollarından biri, WordPress'te sayfalandırma oluşturmak için WP_Query kullanmaktır.
Bu eğitimde, sayfalandırma ile özel bir WordPress döngüsü eklemek için izlemesi kolay kılavuzda size yol göstereceğiz.
WP_Query nedir?
WP_Query, veritabanındaki kayıtlara, gönderilere, sayfalara ve özel gönderi türlerine erişmenizi sağladığı için WordPress'teki en önemli sınıflardan biridir.
Bu arada, geliştiricilerin gönderiler, sayfalar veya özel gönderi türleri hakkında gerekli bilgileri almak için veritabanına karşı karmaşık SQL sorguları yazmalarına gerek yoktur, çünkü WP_Query her şeyi bizim için yapacaktır.
WordPress'te sayfalandırma nedir ve neden buna ihtiyacınız var?
Sayfalandırma, herhangi bir WordPress kullanıcısının çeşitli amaçlar için kullanabileceği temel özelliklerden biridir. Uzun gönderileri birkaç parçaya bölmek ve her birini yeni bir sayfayla sergilemek iyi bir uygulamadır.
Elinizin altında iyi kodlanmış bir WordPress teması kullanıyorsanız, büyük olasılıkla, yazınızda, gönderinin bitmesi ve bir sonraki sayfada başlaması gereken her yere eklenen etiketi kullanmak, işi sizin için yapacaktır.
Uzun gönderilerin yüklenmesinin uzun süreceğini ve site misafirlerinin veya blog takipçilerinin okumasını zorlaştıracağını tahmin etmek zor değil.
Makalenizi veya uzun açıklamaları uygun göründüğü kadar sayfaya bölmek, okuyucuların tüm bilgileri rahatsız etmeden sindirmesini kolaylaştıracaktır.
Bir WordPress web yöneticisi veya WordPress web sitesi sahibiyseniz, uzun gönderileri gerektiği kadar farklı parçaya bölmek ve bunları önceki ve sonraki sayfalarda sergilemek için bağlantılar veya sayısal sayfalama ile kolayca kullanabileceğiniz WP yerleşik sayfalandırma işlevini bildiğinizden eminiz. buna göre.
Makalelerinizi ve gönderilerinizi takip etmeyi daha kolay ve daha okunaklı hale getirmenin yanı sıra, sayfalandırmanın başka faydaları da vardır.
Sitenizin genel görünümünü ve hissini daha doğru ve kompakt hale getirecek, sitenizin sayfa görüntülemelerini ekleyecek, hemen çıkma oranını düşürmeye yardımcı olacak, SEO sıralamasına katkıda bulunacak ve size reklam yerleştirmek için daha fazla sayfa ve daha fazlasını sağlayacaktır.
Ancak bu yöntem, çağdaş WordPress temaları ve şablonlarıyla her zaman zahmetsizce çalışmaz. Bu nedenle, WordPress'te sayfalama oluşturmak için WP_Query kullanmanızı öneririz.
WordPress'te sayfalandırma oluşturmak için WP_Query'nin nasıl kullanılacağını ayrıntılarıyla anlatan sürece daha derine inmeden önce, WordPress Codex'te WP Query sınıf referansına aşina olmanızı öneririz: https://codex.wordpress.org/Class_Reference/WP_Query#Usage .
Şimdi, WP_Query ve kullanımları hakkında genel bir fikriniz olduğunda, sizinle bir sorgu örneğini paylaşalım.
<?php
/**
* Şablon Adı: Özel Sayfa
*/
get_header(); ?>
<?php
$paged = ( get_query_var( 'paged' ) ) ? get_query_var('sayfalanmış') : 1;
$args = dizi(
'posts_per_page' => 4,
'sayfalanmış' => $sayfalandı
);
$özel_query = new WP_Query( $args);
?>
<!----başla -------->
<div class="sarma">
<div class="içerik alanı">
<ana sınıf="site-ana" rol="ana">
<?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> <!-- blog gönderilerini sonlandır -->
<?php bitiş zamanı; ?>
<?php if (function_exists("sayfalama")) {
sayfalandırma($custom_query->max_num_pages);
} ?>
</main><!-- #main -->
</div><!-- #birincil -->
</div><!-- .wrap -->
<!----son------->
<?php get_footer();
WordPress'te sayfalama oluşturmak için WP_Query nasıl kullanılır?
Sayfalandırma oluşturma kodu
Tema klasöründe CustomPage.php adlı bir şablon dosyası oluşturun ve aşağıda belirtilen kod parçasını özel bir statik sayfaya ekleyin.
<?php if (function_exists("sayfalama")) {
sayfalandırma($custom_query->max_num_pages);
} ?>
Bir sayfa oluşturmak için Yönetici panosuna gidin ve şablon olarak özel sayfa seçin.
Ayrıca, özel sayfalandırma çalışması yapmak için aşağıdaki kodu kullanmanız gerekecek: Bu kodu function.php'ye (tema klasörünüzde bulunacak) eklemeniz gerekecek.
işlev sayfalandırma($sayfa = ”, $aralık = 4)
{
$showitems = ($aralık * 2)+1;
küresel $sayfalanmış;
if(empty($paged)) $paged = 1;
if($sayfalar == '')
{
küresel $wp_query;
$pages = $wp_query->max_num_pages;
if(!$sayfalar)
{
$sayfa = 1;
}
}
if(1 != $sayfa)
{
echo "<div class=\"pagination\"><span>Sayfa ".$paged." of ".$pages."</span>";
if($paged > 2 && $paged > $range+1 && $showitems < $pages) echo “<a href='”.get_pagenum_link(1).”'>« İlk</a>”;
if($paged > 1 && $showitems < $pages) echo “<a href='”.get_pagenum_link($paged – 1).”'>‹ Önceki</a>”;
için ($i=1; $i <= $sayfa; $i++)
{
if (1 != $pages &&( !($i >= $paged+$range+1 || $i <= $paged-$range-1) || $pages <= $showitems ) )
{
yankı ($paged == $i)? "<span class=\"current\">".$i."</span>":"<a href='".get_pagenum_link($i)."' class=\"etkin değil\" >".$i."</a>";
}
}
if ($paged < $pages && $showitems < $pages) echo "<a href=\"".get_pagenum_link($paged + 1)."\">Sonraki ›</a> "; if ($paged < $pages-1 && $paged+$range-1 < $pages && $showitems < $pages) echo "<a href='".get_pagenum_link($pages) ."'>Son »</a>"; echo "</div>\n"; } }
Artık WordPress'te sayfalandırma oluşturmak için WP_Query kullanmayı başardık, şimdi stil kısmına geçelim. Doğal olarak, şimdi function.php yerine style.css dosyasıyla yapmamız gerekecek.
Tema klasöründe style.css dosyasını bulun ve aşağıdaki kodu ekleyin.
/* Sayfalandırma */
.sayfalama {
ikisini de temizle;
konum:göreceli;
yazı tipi boyutu:11px; /* Sayfalandırma metin boyutu */
satır yüksekliği:13 piksel;
Sağa çık; /* Sayfalandırma kayan nokta yönü */
}
.pagination yayılma alanı, .pagination a {
Ekran bloğu;
yüzer: sol;
kenar boşluğu: 2px 2px 2px 0;
dolgu:6px 9px 5px 9px;
metin-dekorasyon:yok;
genişlik:otomatik;
renk:#fff; /* Sayfalandırma metin rengi */
arka plan: #555; /* Sayfalandırma aktif olmayan arka plan rengi */
-webkit-geçiş: arka plan .15s giriş-çıkış kolaylığı;
-moz-geçiş: arka plan .15s giriş-çıkış kolaylığı;
-ms-geçişi: arka plan .15s giriş-çıkış kolaylığı;
-o-geçiş: arka plan .15s giriş-çıkış kolaylığı;
geçiş: arka plan .15s kolay giriş-çıkış;
}
.pagination a:hover{
renk:#fff;
arka plan: #6AAC70; /* Fareyle üzerine gelindiğinde sayfalandırma arka planı */
}
.pagination .current{
dolgu:6px 9px 5px 9px;
arka plan: #6AAC70; /* Geçerli sayfa arka planı */
renk:#fff;
}
Bu kadar. Makalemizin, WordPress'te sorunsuz bir şekilde sayfalandırma oluşturmak için WP_Query kullanmanıza yardımcı olacağını umuyoruz. Bu eğitim veya içinde paylaşılan kodlar hakkında herhangi bir sorunuz olması durumunda, yardımımızı istemekten çekinmeyin!
Web sitenizi WordPress'te kurarken, düşünmek isteyebileceğiniz şeylerden biri, WordPress'te sayfalandırma oluşturmak için wp_query kullanmaktır.
Elbette, sayfalandırmayla neden uğraşmanız gerektiğini merak edeceksiniz, ancak burada sayfalandırmanın herhangi bir web sitesinin önemli bir yönü olmasının nedeni budur.
Sayfalandırma, uzun bir gönderiyi daha kısa gönderilere bölebileceğiniz, orijinal gönderinin bölümlerinin orijinal gönderiye geri bağlantı ile diğer sayfalarda yayınlanması işlemidir.
Bu, web sitenizdeki sayfa görüntülemelerini artırmaya yardımcı olur ve SEO ve sıralamalar söz konusu olduğunda çok değerli olduğunu kanıtlayabilir.
Bu nedenle, gönderiyi özelleştirebilmeniz, daha kısa tutabilmeniz ve süreçte kullanıcı deneyimini iyileştirmeye yardımcı olabilmeniz için WordPress'te sayfalandırma oluşturmak için wp_query kullanmanız gerekir. İşte sayfalandırmanın neden önemli olduğuna ve web siteniz için neden gerekli olduğuna dair birkaç neden.
- Temiz, canlı görünüm: Sayfalandırma sonucunda gönderilerinizi daha kısa tutabilmeli ve bu süreçte ön sayfanızı derli toplu bırakmalısınız. Bu, müşterilerinize temiz ve canlı bir görünüm sunmanızı sağlamalıdır.
Ayrıca, gönderilerin kısaltılmasıyla, beyaz alanı stratejik olarak tam olarak kullanabilmeli ve kullanıcının dikkatini web sitenizin ilgili bölümlerine, belki de aynısını tıklayabilmeleri için bir harekete geçirici mesaja yönlendirebilmelisiniz.
- Pazarlama: Sayfalandırma ile, gönderilerin uzunluğunu kısaltabilmeli ve süreçte de optimize edebilmelisiniz.
Bu eklenti ile, hangi gönderilerin daha kısa kesilmesini istediğinize karar verebilir ve hatta gönderiyi, son kullanıcı için daha çekici görünecek şekilde özelleştirebilirsiniz.
Sonuç olarak, trafiğiniz artmalı ve bu süreçte kullanıcılarınızla eskisinden daha fazla etkileşim kurabilmelisiniz.
- Kullanıcı etkileşimi: Hiçbir kullanıcı uzun bir gönderiyi ön sayfada okumak istemez; bu yüzden gönderileri kısa tutmak için sayfalandırmayı kullanmanız önemlidir.
Kullanıcılar düzenli görünümü, hızlı yüklenen sayfaları takdir edeceklerdir ve sonuç olarak, onlarla daha fazla etkileşime geçebilmelisiniz.
Sayfalandırmanın devreye girmesiyle, hemen çıkma oranlarını optimum seviyelerde tutabilmeli, kitlenizin ilgisini yeterince çekebilmeli ve daha da önemlisi web sitenizdeki sayfa görüntülemelerini artırabilmelisiniz.
Sonuç olarak, sıralamanızı yükseltmenin yanı sıra çevrimiçi dönüşüm oranınızı da artırmanız gerekir.
Bunlar, web sitenizin eskisinden daha iyi performans göstermesine yardımcı olabileceğinden, web sitenizde sayfalandırmaya sahip olmanızın nedenlerinden bazılarıdır.
Gönderilerin ne kadar kısa olmasını istediğinize karar verebilirsiniz ve sayfalama ile gönderilerin uzunluğuna ve hatta görünümüne karar verebilmelisiniz. Bu özellik ile kullanıcılarınıza daha iyi bir kullanıcı deneyimi sunabilmelisiniz.