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

Tarih: 31 Ocak 2011   Yazar: Aycan Doğanlar  |  3.152 kez okundu
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 :)


    Bu yazı için 15 yorum yapılmış.
  1. Alp dedi ki:

    gayet yararlı bir bilgi. Zamanında bu sistemi bende denemişti. Sizin kullandığınıza benzerdi. Böylelikle sayfa görünümünü biraz daha gerçekçi gösterebiliyordum.

  2. Burak Dülgar dedi ki:

    Çok güzel bir bilgilendirme ve anlatım olmuş Aycan eline sağlık :)

  3. Yusuf dedi ki:

    Emeğinize sağlık çok işime yarayacak.İçerik eklerken olmuyordu. Ama sayfa eklerken şablonsuz seçeneğindende yapabiliyoruz.

  4. caglar dedi ki:

    bu sayede çok daha güzel firma siteleri hazırlanabilir

  5. Berkan dedi ki:

    Teşekkürler, camia’nın buna ihtiyacı var :)

  6. okan dedi ki:

    Gercekten Güzel paylaşım sağolun

  7. ozde dedi ki:

    Bilgi için teşekkürler zamanında sohbet sitesi tasarımında bu yan menü olayıyla çok uğraşmıştım deli etmişti beni :)

  8. abdullah koçaş dedi ki:

    teşekkür ederim

  9. gerçekten çok iyi bir bilgi

  10. Ali Taş dedi ki:

    Sorbize.com’dan öğrendim wordpresse dair ne varsa…beni wordpressle tanıştırdığın için teşekkür ederim Burak Dülgar. Ayrıyetten bu yan menüsüz olayı da gayet kullanışlı olmuş..Sevgilerimle.

  11. Güzel uygulamaymış. Daha da versiyonları olsa güzel olabilirdi. Kategoriye özel yan menü kaldırma vs. Tabii böyle birşey varsa :)

  12. Hakan dedi ki:

    iyi hoş güzel olmuşta wordpress blog kullanıcılarının en cok sıkıntı cektikleri durum
    eklenen kategoriler olsun yazılar olsun bunları hepsinin ana sayfada cıkıyor olması.

    ben 1 aydır wp blogu kullanıyorum ve bunu bi türlü cözemedim
    simdi hal böyleyken verdiginiz bu sayfanın yan menüde olmus yada olmamıs ne önemi var? nasıl olsa bu da ana sayfada cıkacak degilmi?

    ben ekledigim kategorilerin ve yazıların ana sayfada cıkmasını engelleyemedgim icin blogun icerigini v.s komple sildim ve birdaha da girmiyorum.
    cünkü cok sinir bozucu.

    hani eklenen kategoriye link verip tıkladıgın zaman acılsa neyse ama
    ne eklesen ana sayfada cıkıyor ana sayfada cıkan yan menüde de gösteriyor
    sacma sapan bisey yani.

  13. MuRaTCaN dedi ki:

    Çok Güzel Bir Çalışma Anlatımı Olmuş Teşekkürler

  14. yüksel dedi ki:

    İnternet adreslerinde o kadar çok kirli bilgiler varki, insanlar sayfalara bişeyler eklemişler saçma sapan alakasız, sizin gibi temiz detaylı ve açıklamalı konuları paylaşan insanların çoğalması dileği ile….

    Teşekkürler.

  15. Fatima dedi ki:

    Isime yarayacak ilerde, cok guzel. :)


Yorum yazmak istermisiniz?

Sorbize RSS Beslemesi    Sorbize E-Posta Aboneliği    Sorbize'yi Facebooktan Takip Edin    Sorbize'yi Twitter'dan Takip Edin    Abone

Yazılar E-Posta'na Gelsin:

Lazım Olabilir
  • Webmaster Portalı
  • Url Kısaltma Servisi
  • Sorbize.com bir çok kategoride güzel ve özgün makaleler okuyabileceğiniz güncel web 2.0 bir blogdur.
    © Tüm Hakları Saklıdır.
    Bu websitesi DMCA Protection ile lisanslanmıştır. Yazılar kaynak belirtilmeden kullanılamaz.