WordPress Teması Yapıyoruz: single.php

Merhaba Arkadaşlar,

Sıradaki makalemizde single.php dosyasını oluşturarak Ana sayfa ve kategori sayfalarında listelediğimiz yazılarımızın içeriğinin görüntülenmesini sağlayacağız. Page.php ile benzerlik gösteren bu sayfa da yalnızca belirtilen yazı içeriğini görüntüleyeceğiz.

Eğitim serisinin ilk makalesinde verilen html dosyalar içerisinden page.html sayfasını bir metin editörü ile açarak başlıyoruz. Şu kodlar dahil olmak üzere arasında bulunan tüm kod yapısını seçerek single.php sayfamıza kopyalıyoruz.


<section id="content">

</section><!-- content end -->

Daha sonra kopyalanan kodun üst ve alt kısımlarına daha önceki makalelerde yaptığımız gibi header ve footer sayfalarını çağırıyoruz. Bunlara ek olarak sidebar alanımızı da çağırdıktan sonra ” Lorem ipsum ” olarak eklenmiş yazı alanını da siliyoruz ve kodumuz şu hale gelmiş oluyor.


<?php get_header(); ?>
<section id="content">
	<section class="container">
		<section id="text-side" class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
			<article class="box">
				<header class="header">
					<a href="#">Yazı Başlığı 1</a>
				</header>
				<div class="text">
					<!-- Yazı içerik alanı -->
				</div>
			</article>
		</section><!-- text-side end -->
		<aside id="sidebar" class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
			<?php get_sidebar(); ?>
		</aside><!-- sidebar end -->
	</section>
</section><!-- content end -->
<?php get_footer(); ?>

Şimdi bu kodları dinamik bir single.php sayfası haline getirmemiz gerekmektedir. Bunun için bir düzenleme yapıyoruz ve kodun son hali şu şekilde oluyor :


<?php get_header(); ?>
<section id="content">
	<section class="container">
		<section id="text-side" class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
			<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
			<article class="box">
				<header class="header">
					<a href="#"><?php the_title(); ?></a>
				</header>
				<div class="text">
					<?php the_content(); ?>
				</div>
			</article>
			<?php endwhile; else: ?>
              <p><?php _e('Bulunamadı'); ?></p>
        	  <?php endif; ?>
		</section><!-- text-side end -->
		<aside id="sidebar" class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
			<?php get_sidebar(); ?>
		</aside><!-- sidebar end -->
	</section>
</section><!-- content end -->
<?php get_footer(); ?>

Bu şekilde hazırladığımız single.php sayfasını ftp içerisinde tema klasörüne yüklediğimizde artık yazıları tekil olarak görüntüleyebildiğimizi göreceğiz. Diğer makalelerde olduğu gibi burda da yazdığımız php tabanlı kodları açıklamak gerekirse :

1-)


<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

Bu kod döngü başlangıcını belirtiyor ve eğer yazı var ise döngü içerisine giriyor.

2-)


<?php the_title(); ?>

İçerisine girdiğimiz yazının başlığını belirtir.

3-)


<?php the_content(); ?>

Yazı içeriğini ekrana yazdırır.

4-)


<?php endwhile; else: ?>
              <p><?php _e('Bulunamadı'); ?></p>
        	  <?php endif; ?>

Yazı içeriği bittiğinde döngüyü sonlandırır, bir hata oluştuğunda ekrana hata mesajı verir.

— —

Single.php için yeterli seviyede görüntü oluşturabildiğimiz bu makaleyi sonlandırmadan önce yorum yapma ve yorumları listeme işleminden de bahsetmek istiyorum. Şirket siteleri için kullanılmayan fakat blog için vazgeçilmez bir araç olan yorum sistemi wordpress içerisinde kısa bir kod yapısı ile kullanılabiliyor. WordPress’in size sunduğu özellikler yetersiz kalıyorsa yeni fonksiyonlar üretmek gerekebiliyor fakat eğer bu sistem yeterli ise yorumları çektirmek istediğiniz alana şu kodu eklemeni yeterli olacaktır :


<?php comments_template(); ?>

Sayfayı çalıştırdığımızda artık yorum alanının da aktif olduğunu göreceğiz. Genel olarak ingilizce içerik ile gelecek yorum alanını türkçeleştirmek için gerekli php dosyalarının içerisinden değişimleri yapabilirsiniz. Fakat wordpress sürümünü güncelleştirdikçe tekrar tekrar bu işlem ile uğraşmanız gerekecektir. Bu nedenle jQuery’nin ” html ” seçicisini kullanmanızı öneririm.

Not : Bu ders içeriğinde kullanılan dosyaları İndir Sayfası 52 No ‘lu Maddeden İndirebilirsiniz..

Reklam

Tüm Yorumlar

One response to “WordPress Teması Yapıyoruz: single.php”

  1. çok teşekkürler işime yaradı ellerinize sağlık…

Leave a Reply

Your email address will not be published. Required fields are marked *