WordPress Sitenize Sayısal Sayfalandırma Nasıl Eklenir?

Bir süre WordPress blogu çalıştırdıktan sonra, oluşturulan gönderilerin sayısı yönetilemeyecek ve tek bir sayfaya sığdırılamayacak kadar büyük olma eğilimindedir. Bu yüzden web yöneticileri bu soruna karşı koymak için sayfalandırmayı bloglara, kategorilere, etiketlere ve arşiv sayfalarına dahil etmenin yollarını düşünmek zorundadır. Tabii ki, bunu yapmanın net yararları var. Gönderiler gruplar halinde görüntülenir, bu da sunucu üzerinde daha az stres oluşturur ve tüm gönderileri bir kerede görüntülemekten daha hızlı sayfa yükleme süreleri sağlar. Ayrıca blogunuzu tarayıcılar için kolayca erişilebilir hale getirir ve özellikle bir arama özelliğiyle eşleştirilmişse, belirli bir bilgi parçasını arayan düzenli ziyaretçiler için daha kullanışlı hale getirir.

Bunun dışında sayfalandırma, uzun gönderileri, sayfaları veya yorum dizilerini birkaç parçaya bölmek için de kullanılabilir ve bu da bunların okunmasını kolaylaştırır. Bu yüzden çoğu WordPress temasının bir tür sayfalandırma ile gelmesi şaşırtıcı değildir. Teması bu işlevi sunmayan veya sunan ancak web sitelerinin tasarımına uymayan WordPress kullanıcıları bu makaleyi yararlı bulacaktır. İçinde, en sık kullanılan sayfalandırma türü olan WordPress web sitenize sayısal sayfalandırmanın nasıl ekleneceğini açıklayacağız.

Daha fazla uzatmadan başlayalım. İşte ele alacağımız konular:

• Bir WordPress Eklentisi Kullanarak Sayfalandırma Nasıl Eklenir?

• Özel Kod Kullanarak Sayfalandırma Nasıl Eklenir?

• Bir Temanın Sayfalandırması Nasıl Gizlenir

Bir WordPress Eklentisi Kullanarak Sayfalandırma Nasıl Eklenir?

WordPress çok sayıda eklenti sunduğundan, WordPress.org’daki depoda arama yaparak hemen hemen her amaç için bir tane bulmak kolaydır. Bu durum bir WordPress web sitesine herhangi bir sayfalandırma eklemek için geçerlidir. Birkaç sayfalandırma eklentisi bulmakta sorun yaşamadık, fakat sergileyeceğimiz eklentinin adı Sayfalandırma.

BestWebSoft Pagination, sayfalarınıza, blogunuza, arşivlerinize, arama sonuçlarınıza, yazarlarınıza, kategorilerinize ve etiketlerinize özelleştirilebilir sayısal sayfalandırma eklemek için kullanılan ücretsiz bir eklentidir. Sayfalandırmanın konumu, parçaları ve tasarımı için bir dizi başlangıç ​​dostu ayar ile birlikte gelirken, kullanmamayı seçerseniz mevcut temaya özel sayfalandırmayı gizlemenin bir yolunu da sağlar. Ve seçeneklerin çoğu açıklayıcı olsa da, dokümantasyonu seçenekler ve bunların kullanımıyla ilgili tüm şüphelerinizi çözmenize yardımcı olacaktır.

Son olarak eklenti, daha gelişmiş WordPress kullanıcılarının sayfalandırmayı daha fazla ayarlamak için özel kod eklemesine ve uygun kod parçacıklarını kullanarak özel konumlarda görüntülemesine olanak tanır. Premium sürüm, birden fazla sayfalandırma seçeneği, Divi temasıyla uyumluluk ve premium destek ile birlikte gelir. Fakat bu yazıda yalnızca ücretsiz sürümü ele alacağız.

Eklentiyi kurup etkinleştirdikten sonra, sizi yapılandırma seçeneklerinin çoğunun bulunduğu Ayarlar sekmesine götürecek olan Sayfalandırma > Ayarlar’a gidin. Seçenekler üç bölüme ayrılmıştır: Genel, Sayısal Sayfalandırma ve Özel Stiller, premium seçenekler farklı bir renkle vurgulanır ve yükseltme yapmadığınız sürece erişilemez.

Yapılandırma işlemi, bu eklenti tarafından oluşturulan sayfalandırmayı nerede görüntülemek istediğinizi ve temanız tarafından sağlanan mevcut sayfalandırmayı nerede gizlemek istediğinizi seçebileceğiniz Genel sekmesiyle başlar. Eklenti, ilgili seçiciler olarak standart CSS sınıflarıyla CSS kodunu kullanarak standart, tema tarafından sağlanan sayfalandırmayı gizler. Bu seçenek, aynı CSS sınıflarını kullanan çoğu WordPress teması için çalışacaktır.

Fakat bu sınıfları kullanmayan temalar için ek bir seçenek vardır. Daha doğrusu, Özel Sayfalandırmayı Gizle seçeneğinin yanındaki onay kutusunu işaretleyebilir ve web sitenizde bulunan özel sayfalandırmanın arkasına bir veya daha fazla CSS seçici ekleyebilirsiniz. Makalenin bu bölümü için, kullandığımız Lekker adlı tema standartlaştırılmış CSS sınıfları kullandığından kullanmamıza gerek yoktu. Fakat bu seçenek yine de bir varlık olabilir. Ve onu doğru bir şekilde kullanmak için, geliştirici araçlarını kullanarak web sitenizi nasıl inceleyeceğinizi bilmeniz ve ayrıca HTML ve CSS kodunu temel olarak anlamanız gerekir. Bu kavramlara aşina olmayanlar için, makalenin sonundaki tema sayfalandırmasını gizleme bölümünü okumanızı tavsiye ederiz.

Bir sonraki bölümde, “Sayfa … of…” etiketinin yanı sıra Önceki/Sonraki bağlantılarını etkinleştirmek isteyip istemediğinizi, yeni sayfalandırmanın konumunu seçebilirsiniz. Bu bağlantılar için, “<< Önceki" ve "Sonraki >>” varsayılan değerler olacak şekilde etiketleri de belirleyebilirsiniz. Ayrıca sayfa aralığını, yani web sitesinde sayfalandırma görüntülendiğinde geçerli sayfa numarasından önce ve sonra gösterilen sayfa bağlantılarının sayısını ayarlayabilirsiniz.

Son olarak Pagination Position seçeneğinin değeri olarak “Custom function position” değerini seçerseniz, şu anda kullanmakta olduğumuz ana sekmeli bölümün yanında bulunan Pagination alt bölümüne göz atmanız gerektiğini belirtmeliyiz. Bu bölümde, ilgili kod parçacıklarını kullanarak sayfalandırmanın bazı özel konumlarda (yazılar, çoklu sayfalar ve yorumlar) nasıl görüntüleneceğine ilişkin öneriler verilmektedir. Fakat bu makale için özel bir sayfalandırma konumu kullanmadığımız için bu ayarları daha fazla tartışmayacağız.

Bunu söyledikten sonra, Özel Stiller adı verilen son yapılandırma bölümüne geçelim. Etkinleştirmek için Özel Sayfalandırma Stili seçeneğinin yanındaki onay kutusu işaretlenmelidir. Daha sonra bu eklenti tarafından sağlanan çeşitli tasarım seçeneklerini ayarlayabilirsiniz. Sayfalandırma bloğu genişliği dışında çoğunlukla varsayılan değerleri kullandık, fakat seçenekleri uygun gördüğünüz gibi ayarlayabilirsiniz.

Bu seçeneklerin yalnızca sayfalandırma bölümü ve onun sayfa bağlantıları ve etiketleri için geçerli olduğunu açıklığa kavuşturmak isteriz: bazı seçenek adlarının önerebileceği gibi, sayfaların sayfalandırmanın görüntülendiği çeşitli yönlerini biçimlendirmek için kullanılmazlar. Bununla birlikte bu bölümdeki seçenekleri yapılandırdıktan sonra, daha önce yaptığınız tüm seçenek seçimlerini kaydetmek için “Değişiklikleri Kaydet” düğmesine tıklayın.

Eklenti, bahsetmeden geçmememiz gereken başka yararlı seçenekler de sunar. Bunlar, tüm seçenek seçeneklerini varsayılan değerlerine sıfırlamanın yanı sıra CSS, PHP ve JS kodunu eklemenin bir yolunu içerir. İlki, Çeşitli sekmesindeki Varsayılan Ayarlar seçeneği kullanılarak elde edilirken, ikincisi, Özel Kod sekmesinde bulunan uygun kod alt bölümlerine karşılık gelen kodun eklenmesiyle elde edilir.

Son olarak eklenti seçenekleriyle ilgili herhangi bir şüpheniz varsa, sayfalandırma > Ayarlar bölümünün herhangi bir sekmesi içindeyken, ekranınızın üst kısmında bulunan “Talimatları oku” bağlantısını tıklayarak eklenti belgelerine her zaman erişebilirsiniz.

Bu durum eklentiye genel bakışımızı sonlandırıyor. Geriye kalan tek şey, onun tarafından elde edilen sonuçtaki sayfalandırmayı gözden geçirmektir. Aşağıda gösterilmiştir.

Özel Kod Kullanarak Sayfalandırma Nasıl Eklenir?

Bir eklenti kullanmanın yanı sıra, özel kod kullanarak WordPress web sitenize sayısal sayfalandırma ekleyebilirsiniz. Bu yöntem, genel olarak konuşursak, orta ve ileri düzey WordPress kullanıcıları için daha çekicidir, çünkü hatırı sayılır bir kodlama deneyimine ve genel WordPress bilgisine sahip olma ön koşuluyla birlikte gelir. Bununla birlikte web sitenizi yavaşlatabilecek herhangi bir ek WordPress eklentisi kullanmadan, sayfalandırmayı tam olarak istediğiniz gibi uygulamanın bir yolunu sunar. Bu makalede ele alacağız ve web siteniz için hangi yöntemin daha uygun olduğuna karar vermenize izin vereceğiz.

Koda girmeden önce bahsetmemiz gereken birkaç şey var. İlk olarak, bir önlem olarak, devam etmeden önce web sitenizin bir yedeğini almanızı şiddetle tavsiye ederiz. Ayrıca kodu FTP yoluyla girmeniz gerekeceğinden, FTP bilginizi tazelemenizi öneririz. Her ikisini de yaptıktan sonra aşağıdan devam edin.

Bu makale için, blog sayfasında, arama sayfasında ve kategoriler, etiketler, yazar ve tarih arşivi sayfaları dahil olmak üzere arşivlerde sayısal sayfalandırmayı görüntülemenizi sağlayacak basit bir PHP kod parçacığı oluşturduk. Kod aşağıda verilmiştir.

function qodef_custom_pagination() {
global $wp_query;
if ( get_query_var( 'paged' ) ) {
$paged = get_query_var( 'paged' );
} elseif ( get_query_var( 'page' ) ) {
$paged = get_query_var( 'page' );
} else {
$paged = 1;
}
if ( is_front_page() || is_home() || is_archive() || is_search() ) { ?>
<div class="-custom-pagination">
<?php echo paginate_links( array(
'base' => str_replace( 999999999, '%#%', esc_url( get_pagenum_link( 999999999 ) ) ),
'total' => $wp_query->max_num_pages,
'current' => $paged,
'prev_text' => '<span aria-label="' . esc_attr__( 'Previous page', 'textdomain' ) . '">' . esc_html__( '&laquo;', 'textdomain' ) . '</span>',
'next_text' => '<span aria-label="' . esc_attr__( 'Next page', 'textdomain' ) . '">' . esc_html__( '&raquo;', 'textdomain' ) . '</span>'
) ); ?>
</div>
<?php }
}

Şimdi onu açıklayalım.

Kod, sayısal sayfalandırmayı görüntülemek için oluşturduğumuz qodef_custom_pagination() adlı bir işlevi temsil eder. Bu durum kodda paginate_links() işlevi çağrılarak elde edilir. Bu işlev çok çeşitli bağımsız değişkenleri kabul etse de, yalnızca çok azını kullandık. Bunlar, sayfalandırma URL’sinin temeli, sayfalandırma sayfalarının toplam sayısı, geçerli sayfalandırma sayfası ve önceki/sonraki metin etiketleridir.

Spesifik olarak, sayfalandırma URL’si için get_pagenum_link() işlevini, toplam sayfa sayısı için global WP_Query nesnesinin max_num_pages özelliğini, geçerli sayfalandırma sayfasını almak için get_query_var() işlevini kullandık ve tüm HTML yapısını belirledik. sırasıyla sol ve sağ ok olarak gösterilen önceki/sonraki bağlantılar.

Ek olarak kodu, -custom-pagination CSS sınıfına sahip bir

if( function_exists( 'custom-function-name' ) )
custom-function-name(…);