Özgür Pazar | İnternet Özgürlüktür – Otomatik İmlemeBloom

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

Merhaba sayın sorbize okuyucusu icon smile WordPress’te Yan Menüsüz Sayfa Oluşturmak 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 icon smile WordPress’te Yan Menüsüz Sayfa Oluşturmak

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.

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

ve önizleme yapıyoruz.

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

Yen Menusuz Sayfa 600x467 WordPress’te Yan Menüsüz Sayfa Oluşturmak

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:

Yen Menusuz Sayfa 2 600x461 WordPress’te Yan Menüsüz Sayfa Oluşturmak

İşte bu kadar icon smile WordPress’te Yan Menüsüz Sayfa Oluşturmak Artık sayfamızda yan menü görünmeyecek icon smile WordPress’te Yan Menüsüz Sayfa Oluşturmak Anlatımda herhangi bir hataya rastlarsanız veya sorunuz olursa yorum panelinden bildirirseniz sevinirim, iyi çalışmalar icon smile WordPress’te Yan Menüsüz Sayfa Oluşturmak

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

Rastgele Yazılar

Yorum Yaz
İsim ↓
Mail ↓
Web Site ↓
Bu yazı ile ilgili ne düşünüyorsun ↓
Yorum Yaparken Ahlaki değerlere dikkat ediniz.

Kategoriler
Son Yazılar
Etiketler