WordPress Temasında Özel Sayfa Şablonu Oluşturun

WordPress'in en önemli satış noktalarından biri tema fikridir. Tek bir tema, web sitesinin tasarımına ve işlevselliğine büyük değer katar. Ancak, farklı sayfalarda farklı tasarımlara sahip web siteleri vardır.

Ne yazık ki, birkaç WordPress teması, kullanıcıların hiyerarşideki farklı bir sayfa için düzenleri ve işlevleri değiştirmesini kısıtlar. WordPress özel sayfa şablonu, kullanıcıların belirli bir sayfada sağ/sol kenar çubuğu, ek bir harekete geçirici mesaj işlevi veya belirli bir açılış sayfası için benzersiz bir başlık gibi özel gereksinimleri entegre etmesine olanak tanır. WordPress özel sayfa şablonunun farklı içerik türlerini nasıl görüntülediğini görmek için biraz daha derine inelim.

Özel bir WordPress sayfa şablonu, çeşitli amaçlar için kullanılabilir. Bazı fikirler şunları içerir:

• Her kategorinin son gönderilerini göster
• Google Haritayı veya herhangi bir komut dosyasını gömün
• Tüm yazarların listesi.
• Son yüklenen resimler
• Portföy için özel tasarım sayfası
• İletişim sayfası

Bir WordPress web sitesinde oluşturulan tüm sayfaların ve gönderilerin görünümü, page.php adlı bir şablon dosyası tarafından gerçekleştirilir. WordPress'te özel bir sayfa şablonu oluşturmak veya düzenlemek, temel HTML, CSS ve PHP bilgisi gerektirir.

Herhangi bir metin düzenleyiciyi açın ve aşağıdaki kodu içine yapıştırın.

 <?php /* Şablon Adı: PageWithoutSidebar */ ?>

Yukarıdaki kod satırı, WordPress'e bunun PageWithoutSidebar adlı bir şablon dosyası olduğunu söyler. İstediğiniz ismi kullanabilirsiniz. Şimdi bu dosyayı PageWithoutSidebar.php olarak kaydedin . Yine dosya için başka bir ad kullanabilirsiniz. Ancak uzantıyı .php olarak tutmayı unutmayın

Şimdi yeni oluşturduğumuz şablon dosyamızı test edeceğiz.

Barındırma panelinize giriş yapın. Bu örnekte, en hızlı yönetilen bir WordPress barındırma olan Cloudways kullanıyorum. Cloudways, AWS, DigitalOcean, GCP, Linode ve Vultr için sağlayıcı seçenekleriyle WordPress uygulamalarını destekler. /wp-content/themes klasörüne gidin. Mevcut tema klasörünüzü açın ve PageWithoutSidebar.php dosyasını buraya yükleyin.

WordPress Yönetici Paneli > Sayfalar > Yeni Ekle'ye gidin . Sağ tarafta listelenen yeni özel sayfa şablonunu görebilirsiniz.

Yeni bir sayfa oluşturun ve şablonunu PageWithoutSidebar olarak ayarlayın. Bittiğinde, Yayınlayın .

Yeni oluşturulan sayfayı açın. Şablonda henüz tasarım öğesi olmadığı için aşağıdaki resimdeki gibi boş bir sayfa görüntülenir.

Bu, WordPress'teki özel sayfa şablonunun başarıyla uygulandığını gösterir, böylece özel bir duyarlı WordPress teması oluşturabilirsiniz.

Şimdi sayfanın içeriğini görüntülemek için birkaç satır kod eklemenin zamanı geldi.

Bu demo için, varsayılan Yirmi Onaltı sayfa şablonunu nasıl özelleştirebileceğinizi tartışacağım.

Sayfaların varsayılan görünümü, /wp-contents/themes/YOUR THEME/ klasöründe bulunan page.php dosyası tarafından oluşturulur. page.php dosyasını açın ve bu kodu kopyalayın.

 <?php get_header(); ?>

<div class="içerik alanı">
                <main class="site-main" rolü="main">
                                <?php
                                // Döngüyü başlat.
                                while ( have_posts() ): the_post();

                                                // Sayfa içerik şablonunu dahil et.
                                                get_template_part('şablon-parçaları/içerik', 'sayfa');

                                                // Yorumlar açıksa veya en az bir yorumumuz varsa, yorum şablonunu yükleyin.
                                                if (yorum_open() || get_comments_number() ) {
                                                                yorumlar_şablon();
                                                }

                                                // Döngünün sonu.
                                son zaman;
                                ?>

                </main><!-- .site-ana -->

                <?php get_sidebar( 'içerik-alt' ); ?>

</div><!-- .content-alanı -->

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

Bu kodu, bu kod satırının hemen altındaki PageWithoutSidebar.php içine yapıştırın.

 <?php /* Şablon Adı: PageWithoutSidebar */ ?>

Onu kurtar!

Tam PageWithoutSidebar.php dosyanız aşağıdaki gibi görünecektir.

 <?php /* Şablon Adı: PageWithoutSidebar */ ?>

<?php get_header(); ?>

<div class="içerik alanı">

                <main class="site-main" rolü="main">

                                <?php

                                // Döngüyü başlat.
                                while ( have_posts() ): the_post();

                                                // Sayfa içerik şablonunu dahil et.
                                                get_template_part('şablon-parçaları/içerik', 'sayfa');

                                                // Yorumlar açıksa veya en az bir yorumumuz varsa, yorum şablonunu yükleyin.
                                                if (yorum_open() || get_comments_number() ) {

                                                                yorumlar_şablon();

                                                }

                                                // Döngünün sonu.
                                son zaman;

                                ?>

                </main><!-- .site-ana -->

                <?php get_sidebar( 'içerik-alt' ); ?>

</div><!-- .content-alanı -->

<?php get_sidebar(); ?>

<?php get_footer(); ?>

Sayfanıza geri dönün ve yenileyin. Her şeyin varsayılan WordPress Twenty Sixteen temasında olduğu gibi çalıştığını gözlemleyeceksiniz.

Şimdi onu özelleştirelim. Gördüğünüz gibi sağ tarafta bir kenar çubuğu var. Sadece bu sayfadan kaldıracağım. Diğer tüm sayfalar, Yirmi Onaltı temasının varsayılan görünümüne sahip olacaktır.

PageWithoutSidebar.php dosyasını açın. Dosyanın sonuna kadar aşağı kaydırın ve şunu kaldırın :

 <?php get_sidebar(); ?>

Bu, sayfadaki kenar çubuğunu alan kod satırıdır. Satırı kaldırdıktan sonra kaydedin . Sayfanın URL'sini açın ve kenar çubuğu artık yok!

Gördüğünüz gibi, kenar çubuğu bu sayfadan başarıyla kaldırıldı. Ancak, metin hizalaması iyi değil. Sağ tarafta bir boşluk var. Düzeltme, metni ekranı dolduracak şekilde yaslamak ve genişletmektir.

PageWithoutSidebar.php'ye geri dönün ve şunu bulun:

 <div class="içerik alanı">

Sadece “ içerik alanı ” nı “ site içeriği tam genişlik ” olarak değiştirin ve işiniz bitti. Sayfayı yenileyin ve içerik tam genişlikte.

page.php dosyasını kolayca düzenleyebilecekken neden özel bir sayfa şablonu oluşturduğumu hala merak ediyor musunuz? Page.php dosyası düzenlenirse, web sitesindeki tüm sayfaların değişiklikleri göstereceği oldukça açıktır. Belirli sayfalara özelleştirilmiş görünüm uygulamak için WordPress'teki özel sayfa şablonu kullanışlıdır. Kullanıcılara farklı ayrıcalıklar atamak için WordPress'te özel bir kullanıcı rolü de tanımlayabilirsiniz.

Herhangi bir sorunuz varsa, aşağıdaki yorum bölümüne göndererek sormaktan çekinmeyin.