WordPress Tema Entegre Eğitim Seti: Sayfalama Yapımı (Eklentili) #4

Merhaba arkadaşlar, bir önceki dersimizde WordPress Tema Entegre Eğitim Setinde index.php’i kodlamıştık fakat sayfalama kısmını yapmamıştık. Eklentili ve eklentisiz olarak sayfalama kısmınının yapımını göstereceğim demiştim ve o videoyu sizler için hazırladım. Derste WP-PageNavi eklentisini kullandık arkadaşlar.

Merhaba arkadaşlar,

Bir önceki dersimizde WordPress Tema Entegre Eğitim Setinde index.php’i kodlamıştık fakat sayfalama kısmını yapmamıştık.

Eklentili ve eklentisiz olarak sayfalama kısmınının yapımını göstereceğim demiştim ve o videoyu sizler için hazırladım. Derste WP-PageNavi eklentisini kullandık arkadaşlar.

WP-PageNavi eklentisini indirmek için tıklayın.

Derste kullandığımız kodlar aşağıdadır.

Sayfalama Kısmını Çağırmak:


<?php  wp_pagenavi(); ?> ?>



Sayfalama Kısmı CSS Kodları:


.sayfalama{

 width: 250px;

 margin:0px auto;

 margin-bottom: 20px;

}

.wp-pagenavi{

 clear: both;

 text-align: center;

 margin-bottom: 20px;

}

.wp-pagenavi a, .wp-pagenavi span{

 background: #f07929;

 margin-right: 10px;

 width: 22px;

 height: 22px;

 text-align: center;

 line-height: 22px;

 color: #fff;

 float: left;

}

.wp-pagenavi a:hover{

 background: #393939;

 color: #fff;

}

  • Etiketler;
Baran Somaklı
1998 yılında doğdu. 2013 yılından beri arayüz geliştirmeyle uğraşıyor. 2014 yılından itibaren aktif olarak WordPress üzerine çalışmalar yapıyor ve WordPress temalar geliştiriyor.
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git