WordPress’te Yan Menüsüz Sayfa Oluşturmak

WordPress’te Yan Menüsüz Sayfa Oluşturmak

Merhaba sayın sorbize okuyucusu :) Bu gün sizlere, kendi blogumda da kullandığım, yan menü olmamasını istediğimiz bir sayfayı WordPress’e nasıl entegre edeceğimizden bahsedeceğim. WordPress bilindiği üzere dünyaca ünlü bir blog sistemidir. Son yıllarda ülkemizde de blogların popülerleşmesi ile WordPress hala adını duyurmaya devam ediyor. Her neyse, kısaca bu yazımda WordPress’te bir sayfa şablonu oluşturma konusundaki bilgilere kendimden de bir şeyler katıp anlatmak istedim :)

Not: Bu anlatımda kendim düzenlemiş olduğum BiNot temasının kodlarını kullanacağım.

Yan Menüsüz Sayfa Oluşturmak:

Öncelikle temamızdaki page.php adlı dosyamızın kopyasını oluşturuyoruz. Kopya olanın adını yan-menusuz-sayfa.php olarak değiştiryoruz.

Page.php sayfası görünümü:

<?php get_header(); ?>

 <div id="yazi-icerik">

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

 <div>
 <h2><?php the_title(); ?></h2>
 <?php the_content('Devamını Oku'); ?>
 <?php wp_link_pages(array('before' => '<p><strong>Sayfalar:</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>
 </div>
 <!--/post -->

 <?php endwhile; endif; ?>

 <?php edit_post_link('Yazıyı düzenleyin.', '<p>', '</p>'); ?>

 <?php comments_template(); ?>

 </div>
 <!--/content -->

<?php get_sidebar(); ?>
<?php get_footer(); ?>

Daha sonra yan-menusuz-sayfa.php adlı sayfanın en başına aşağıdaki kodu ekliyoruz. Bu kod sayfa ekleme panelimizden şablon seçimi yaparken seçenekte görünen ismi belirlemeye yarıyor.

<?php /*
Template Name: Yan Menüsüz Sayfa
*/
?>

Şimdi de, sayfanızdan yan menüye ait bütün izleri silmelisiniz. Yani yan-menusuz-sayfa.php sayfasından <?php get_sidebar(); ?> veya yan menüyü çağıran her kodu kaldırmalısınız. Ben sadece <?php get_sidebar(); ?> komutunu kaldırdım.

Yan-menusuz-sayfa.php’nin olması gereken görünümü:

<?php /*
Template Name: Yan Menüsüz Sayfa
*/
?>
<?php get_header(); ?>

 <div id="yazi-icerik">

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

 <div>
 <h2><?php the_title(); ?></h2>
 <?php the_content('Devamını Oku'); ?>
 <?php wp_link_pages(array('before' => '<p><strong>Sayfalar:</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>
 </div>
 <!--/post -->

 <?php endwhile; endif; ?>

 <?php edit_post_link('Yazıyı düzenleyin.', '<p>', '</p>'); ?>

 <?php comments_template(); ?>

 </div>
 <!--/content -->

<?php get_footer(); ?>

Daha sonra Yönetim Paneli >> Yeni Sayfa Ekle bölümünden yeni sayfamıza bir başlık giriyoruz. Daha sonra da “Sayfa Özellikleri”  bölümünden şablon olarak “Yan Menüsüz Sayfa” seçeneğini ayarlıyoruz.

ve önizleme yapıyoruz.

Şimdi önizleme aşağıdaki şekilde gözükecektir:

Görünüşe göre yazılar beli bir sınırda kalıyor. Bunun sebebi de belli bir genişlik verilmiş olması. Bunu da CSS’mizden sayfa içindeki stilleri bularak ayarlayabiliriz. Örneğin BiNot temasının page.php sayfasında her şey <div id=”yazi-icerik”> ile genişletilmiş. Yani sadece onu değiştirirsek işlem tamamlanmış olacak. Bu nedenle CSS sayfamızdan bu değeri kopyalayıp yapıştırıyoruz. Yapıştırdığımız koldarın değerini #yazi-icerik-yanmenusuz olarak adlandırıyoruz ve genişlik değerini width: 90%; olarak ayarlıyoruz.

Yani CSS aşağıdaki hali alıyor:

#yazi-icerik {
 float: left;
 width: 590px;
 margin-left: 15px;
 padding: 0 0 0 30px;
}

#yazi-icerik-yanmenusuz {
 float: left;
 width: 90%;
 margin-left: 15px;
 padding: 0 0 0 30px;
}

Daha sonra yen-menusuz-sayfa.php sayfasındaki <div id=”yazi-icerik”> bölümünü <div id=”yazi-icerik-yanmenusuz”> olarak değiştiriyoruz.

Sayfamız son olarak aşağıdaki görünümü alacak:

İşte bu kadar :) Artık sayfamızda yan menü görünmeyecek :) Anlatımda herhangi bir hataya rastlarsanız veya sorunuz olursa yorum panelinden bildirirseniz sevinirim, iyi çalışmalar :)

30 Yorum

  1. Alp 31 Ocak 2011
  2. admin 31 Ocak 2011
  3. Yusuf 02 Şubat 2011
  4. caglar 03 Şubat 2011
  5. Berkan 04 Şubat 2011
  6. okan 06 Şubat 2011
  7. ozde 07 Şubat 2011
  8. abdullah koçaş 07 Şubat 2011
  9. Freelance web tasarım 08 Şubat 2011
  10. Ali Taş 09 Şubat 2011
  11. Bilişim Haberleri 10 Şubat 2011
  12. Hakan 06 Mart 2011
  13. MuRaTCaN 17 Haziran 2011
  14. yüksel 17 Ağustos 2011
  15. Fatima 14 Ekim 2011
  16. Ali 12 Aralık 2011
  17. erkan 21 Şubat 2012
  18. fatih 17 Nisan 2012
  19. hasan 28 Nisan 2012
  20. Onur Kemal 29 Ekim 2012
  21. Ali Gültekin 16 Ocak 2013
  22. Burak Cihat Dündar 07 Şubat 2013
  23. hakan 11 Nisan 2013
  24. Ali Yalcin 24 Şubat 2014
  25. Hebiyev Tebriz 14 Ağustos 2014
  26. avşa adası 21 Mart 2015
  27. Mehmet 17 Eylül 2015
  28. Murat 27 Mart 2016
  29. lr katalog 20 Nisan 2016
  30. lr ürünleri 11 Kasım 2016

Yorum Yaz