WordPress Başlığınızı Özelleştirme (Başlangıç Kılavuzu)

WordPress web siteniz için özel bir başlık mı göstermek istiyorsunuz?

Birçok WordPress teması, her sayfanın üst kısmında yer alan yerleşik bir başlıkla birlikte gelir. İyi bir ilk izlenim yaratmak için önemli bağlantılar, sosyal simgeler, site araması veya diğer unsurları eklemek üzere bunu özelleştirmeniz gerekebilir.

Bu makalede, WordPress başlığınızı nasıl özelleştireceğinizi ve hatta sitenizin tamamı veya belirli sayfalar için tamamen özel bir başlık oluşturmayı göstereceğiz.

WordPress’te Header Nedir?

Web sitenizin başlığı, WordPress web sitenizdeki her sayfanın en üst bölümüdür ve muhtemelen ziyaretçilerinizin göreceği ilk şeydir.

Genellikle web sitenizin logosunu ve başlığını, gezinme menülerini ve kullanıcıların ilk olarak görmesini istediğiniz diğer önemli öğeleri görüntüler.

Örneğin, işte WPBeginner’da her ay milyonlarca okuyucunun gördüğü başlık alanımız.

Sitenizin başlığını özelleştirerek ona benzersiz bir tasarım kazandırabilir ve ziyaretçileriniz için daha kullanışlı hale getirebilirsiniz. En popüler sayfalarınıza bağlantı verebilir, sosyal simgeleri veya işletmenizin telefon numarasını görüntüleyebilir ve daha fazla dönüşüm için harekete geçirici mesaj düğmelerini gösterebilirsiniz.

Bununla birlikte, WordPress başlığınızı nasıl kolayca özelleştirebileceğinize bir göz atalım. Okumak istediğiniz bölüme atlamak için aşağıdaki bağlantıları kullanabilirsiniz.

• WordPress Tema Özelleştiricisini Kullanarak Başlığı Özelleştirme
• WordPress Tam Site Düzenleyicisini Kullanarak Başlığı Özelleştirme
• SeedProd ile Özel Başlık ve Sayfa Düzenleri Oluşturun
• Her Kategori için Özel Başlık Ekleme
• WordPress Başlığınıza Widget Alanı Ekleme
• WordPress Blogunuza Rastgele Başlık Görselleri Ekleyin
• Web Sitenizin Üstbilgisine Özel Kod Ekleme (Gelişmiş)

WordPress Tema Özelleştiricisini Kullanarak Başlığı Özelleştirme

Birçok popüler WordPress teması, WordPress düzeninizin başlık alanında değişiklik yapmak için WordPress tema özelleştiricisini kullanmanıza izin verir. Bu özellik bazen özel başlık olarak adlandırılır, ancak tüm temalar bunu desteklemez.

WordPress yönetici alanınızda Görünüm ” Özelleştir bölümüne giderek başlamalısınız.

Temanız özelleştiriciye bir ‘Başlık’ bölümü ekleyebilir veya ‘Renk’ bölümünün altına başlık seçenekleri ekleyebilir, ancak bu temadan temaya değişir. İşte birkaç örnek.

Twenty Twenty-One gibi bazı temalar başlık özelleştirme seçenekleri sunmaz. Bu durumda, aşağıda ele aldığımız SeedProd gibi bir sürükle ve bırak tema oluşturucu eklentisi kullanmanızı öneririz.

Twenty Sixteen teması, başlığa bir arka plan görüntüsü eklemenize ve hatta rastgele başlık görüntüleri eklemenize olanak tanır.

Bazı ücretsiz ve premium WordPress tem aları daha da fazla tema özelleştirme seçeneği sunar. Örneğin, başlığınızın yazı tipi stilini, düzenini, renklerini ve çok daha fazlasını değiştirebilirsiniz. Ancak tema geliştiricisinin yapmanıza izin verdiği şeylerle sınırlısınız.

Örneğin, Astra temasıyla tema özelleştiriciyi kullanarak özel bir başlık oluşturabilirsiniz.

Astra, sol taraftaki panelde özel bir ‘Başlık Oluşturucu’ seçeneğine sahiptir. Burada başlığın görünümünü ve stilini düzenlemek için farklı ayarlar bulacaksınız. Tıpkı WordPress içerik düzenleyicisinde bir blog yazısı veya sayfa düzenlerken olduğu gibi bloklar ekleyerek özel bir başlık oluşturabilirsiniz.

Başlamak için, başlıkta boş bir alanın üzerine gelin ve bir başlık bloğu eklemek için ‘+’ simgesine tıklayın.

Ardından, özel başlığınıza eklemek istediğiniz herhangi bir bloğu seçebilirsiniz. Örneğin, widget bloğu, hesap bloğu, arama bloğu ve daha fazlasını ekleyebilirsiniz.

Ayrıca, başlık oluşturucu blokları sürükleyip bırakmanıza ve bunları başlığın üstüne veya altına yerleştirmenize de olanak tanır.

Başlığa eklediğiniz her bir bloğu daha da özelleştirebilirsiniz.

Örneğin, Site Başlığı ve Logo bloğunu seçtiğinizde bir site başlığı ve logosu yükleme, logo genişliğini değiştirme, site sloganı görüntüleme ve daha birçok seçenek sunulur.

Bunun yanı sıra, başlığın arka plan rengini değiştirebilir veya başlıkta görünmesi için bir arka plan resmi ekleyebilirsiniz.

Özel başlığı düzenlemeyi tamamladığınızda, ‘Yayınla’ düğmesine tıklamanız yeterlidir.

Daha fazla ayrıntı için WordPress tema özelleştiricisinin nasıl kullanılacağına ilişkin nihai kılavuzumuza bakın.

WordPress Tam Site Düzenleyicisini Kullanarak Başlığı Özelleştirme

WordPress, 5.9 sürümünde WordPress’e tam site düzenleme özelliğini ekledi. Temanız bu yeni özelliği destekliyorsa tema özelleştiricinin yerini alır. Ancak, şu anda tam site düzenleyicisiyle çalışan yalnızca birkaç tema var.

Uyumlu bir tema kullandığınızda, Görünüm ” Düzenleyici bölümüne giderek başlığınızı özelleştirebilirsiniz. Bu, WordPress yazılarını ve sayfalarını yazmak için kullandığınız blok düzen leyici gibi tam site düzenleyicisini başlatacaktır.

Başlığa tıkladığınızda, sayfanın üst kısmındaki şablonun adının ‘Sayfa Başlığı’ olarak değiştiğini göreceksiniz.

Şimdi araç çubuğundaki ‘Ayarlar’ simgesine tıkladığınızda, başlığın düzenini, rengini, kenarlığını ve boyutlarını özelleştirmek için seçenekler göreceksiniz.

Örnek olarak, başlığın arka plan rengini değiştireceğiz. İlk olarak, genişletmek için ‘Renk’ bölümüne tıklamanız gerekir. Bundan sonra, ‘Arka Plan’ seçeneğine tıklamalısınız.

Düz renk veya degrade seçmenizi sağlayan bir açılır pencere görünecektir. Ayrıca seçebileceğiniz bir dizi renk de olacaktır. Bir renge tıkladığınızda, başlığınızın arka planı hemen değiştirilecektir.

Sayfanın sağ üst köşesindeki ‘Stiller’ simgesine tıklayarak daha fazla özelleştirme seçeneği bulabilirsiniz. Bu sayede başlığın yazı tipini, renklerini ve düzenini değiştirebilirsiniz.

Tam site düzenleyicisinin nasıl çalıştığı hakkında daha fazla bilgi edinmek için WordPress temanızı nasıl özelleştireceğinize ilişkin başlangıç kılavuzumuza bakın.

SeedProd ile Özel Başlık ve Sayfa Düzenleri Oluşturun

Web sitenize benzersiz bir tasarım kazandırmak için üstbilgileriniz, altbilgileriniz ve kenar çubuklarınız üzerinde tam kontrole sahip olmak istiyorsanız, SeedProd‘u kullanmanızı öneririz.

SeedProd, herhangi bir kod yazmadan kolayca özel bir WordPress teması oluşturmanızı sağlayan en iyi WordPress tema oluşturucu eklentisidir. Bu, üstbilgiler, altbilgiler ve çekici bir WordPress teması için gereken diğer her şeyi oluşturmayı içerir.

Web sitenizin farklı sayfaları ve bölümleri için birden fazla özel başlık stili bile oluşturabilirsiniz.

Not: SeedProd’un ücretsiz sürümünü özel başlıklar da dahil olmak üzere özel açılış sayfaları oluşturmak için kullanabilirsiniz, ancak site genelinde başlık düzenleri içeren tamamen özel temalar oluşturmak için Pro sürümüne ihtiyacınız olacaktır.

Öncelikle, herhangi bir kod olmadan kolayca özel bir WordPress temasının nasıl oluşturulacağına dair kılavuzumuzu takip etmenizi öneririz. Bunu yaptıktan sonra, SeedProd başlığınızı özelleştirmenizi kolaylaştırır.

Tek yapmanız gereken başlığın altında bulunan ‘Tasarımı Düzenle’ bağlantısını tıklamaktır.

Bu, SeedProd’un sürükle ve bırak düzenleyicisinde başlığı açacaktır.

Buradan, yeni bloklar ekleyerek başlığınızı kolayca özelleştirebilirsiniz.

Site logosu gibi şablon etiketleri, WordPress widget’larınızdan herhangi biri ve geri sayım sayacı, navigasyon menüsü veya sosyal paylaşım düğmeleri gibi gelişmiş bloklar için bloklar vardır.

En iyi yanı ise tema oluşturucuyu kullanarak her bir bloğu daha da özelleştirebilmeniz. Örneğin, logonuzun boyutunu ve hizalamasını değiştirebilir veya gezinme menüsünde hangi sayfaların gösterileceğini seçebilirsiniz. Hatta başlığa bir resim eklemenize bile izin veriyor.

SeedProd ile temanızın başlık şablonuna eksiksiz bir bölüm de ekleyebilirsiniz.

Bölümler bir grup bloktur ve bunları web sitenizdeki farklı alanlar için kullanabilirsiniz. Buna üstbilgiler, altbilgiler, özellikler, referanslar, harekete geçirici mesajlar ve daha fazlası dahildir.

Bir başlık bölümü kullanmak için önce Tasarım panelindeki ‘Bölümler’ sekmesine geçin.

Bundan sonra, web siteniz için kullanmak istediğiniz bir başlık bölümü seçin. SeedProd, kullanabileceğiniz birden fazla bölüm şablonu sunar.

Ardından, devam edin ve başlık bölümünü özelleştirin.

Özel başlığınızdan memnun olduğunuzda, değişikliklerinizi kaydetmek için ‘Kaydet’ düğmesine tıkladığınızdan emin olun.

Artık özel başlığınızı yayınlamaya hazırsınız.

WordPress kontrol panelinizden SeedProd ” Tema Oluşturucu sayfasına gidin ve ‘SeedProd Temasını Etkinleştir’ seçeneğinin yanındaki geçişi Evet olarak tıklayın.

Bu seçeneği etkinleştirdiğinizde, SeedProd varsayılan WordPress temanızı yeni bir özel tema ve başlık ile değiştirecektir.

Artık yeni özel başlığı çalışırken görmek için web sitenizi ziyaret edebilirsiniz.

Her Sayfa İçin Farklı Özel Başlıklar Oluşturun

SeedProd kullanarak farklı sayfalar için özel başlıklar oluşturabileceğinizi biliyor muydunuz?

Tema oluşturucu, WordPress web sitenizdeki her sayfa için özel başlıklar eklemenize olanak tanır. Bu şekilde farklı kategoriler, etiketler, gönderi türleri, sayfa türleri ve daha fazlası için özelleştirilmiş bir başlık gösterebilirsiniz.

Başlamak için, WordPress panonuzdan SeedProd ” Tema Oluşturucu ‘ya gitmeniz ve ‘Yeni Tema Şablonu Ekle’ düğmesine tıklamanız gerekir.

Tema şablonu ayrıntılarını girmeniz gereken yeni bir açılır pencere görünecektir.

Devam edin ve tema şablonunuz için bir ad girin. Bundan sonra, açılır menüden şablon türü olarak ‘Üstbilgi’yi seçin. ‘Öncelik’ alanını boş bırakabilirsiniz.

Ardından, özel başlığınız için görüntüleme koşullarını girmeniz gerekir. Örneğin, eğitimler kategorisindeki tüm gönderi ve sayfalarda gösterileceği koşulları kullandık.

İşiniz bittiğinde ‘Kaydet’ düğmesine tıklamayı unutmayın.

Bundan sonra, SeedProd sürükle ve bırak tema oluşturucuyu kullanarak devam edebilir ve özel başlığı düzenleyebilirsiniz.

Özel başlığı düzenlemeyi bitirdiğinizde, üstteki ‘Kaydet’ düğmesine tıklamanız yeterlidir.

SeedProd kullanarak başlığınızı nasıl özelleştirebileceğinizle ilgili daha fazla fikri SeedProd tema oluşturucusunu kullanarak nasıl kolayca özel bir WordPress tem ası oluşturabileceğinize dair başlangıç kılavuzumuzda görebilirsiniz.

Her Kategori için Özel Başlık Ekleme

Çoğu web sitesi tüm yazılarda, sayfalarda, kategorilerde ve arşiv sayfalarında aynı başlığı görüntüler. Ancak, her WordPress kategorisi için farklı bir başlık görüntüleyebilirsiniz.

Bu, tema dosyalarınıza kod ekleyerek yapılabilir, ancak bir tema oluşturucu kullanarak daha fazla kontrole sahip olursunuz.

SeedProd tema oluşturucu eklentisini kullanarak başlığınızı nasıl özelleştirebileceğinizi daha önce göstermiştik. SeedProd ayrıca birden fazla özel başlık oluşturmanıza ve bunları koşullu mantık kullanarak farklı kategoriler için görüntülemenize olanak tanır.

Yeni bir başlık oluşturmak için SeedProd ” Tema Oluşturucu ‘ya gitmeniz ve turuncu renkli ‘Yeni Tema Şablonu Ekle’ düğmesine tıklamanız gerekir. Alternatif olarak, mevcut başlığınızı çoğaltabilir ve bir başlangıç noktası olarak kullanabilirsiniz.

Tema şablonuna bir ad verebileceğiniz ve Tür açılır menüsünden ‘Üstbilgi’yi seçebileceğiniz bir açılır pencere görüntülenecektir.

Ayrıca bir öncelik girmeniz gerekir. Bu, birden fazla başlık belirli bir sayfanın koşullarını karşılıyorsa kullanılır ve en büyük önceliğe sahip başlık görüntülenir. Varsayılan başlığın önceliği 0’dır, bu nedenle 1 veya daha yüksek bir öncelik girdiğinizden emin olun.

Bundan sonra, bir veya daha fazla koşul ayarlamanız gerekecektir. Bu, SeedProd’un belirli bir başlığı ne zaman görüntüleyeceğini bilmesini sağlar. Açılır menülerden koşulları seçmeniz yeterlidir.

İlk iki menüde, ‘Dahil Et’ ve ardından ‘Kategorisi Var’ seçeneğini seçmeniz gerekir. Son alana, başlığın görüntülenmesini istediğiniz kategorinin adını yazmalısınız.

‘Koşul Ekle’ düğmesine tıklayarak ve başka bir kategori ekleyerek aynı başlığı birden fazla kategori için kolayca görüntüleyebilirsiniz. İşiniz bittiğinde, yeni başlığı kaydetmek için ‘Kaydet’ düğmesine tıkladığınızdan emin olun.

Artık SeedProd’un sürükle ve bırak editörünü kullanarak her yeni başlığın tasarımını daha önce gösterdiğimiz gibi özelleştirebilirsiniz.

Bunun kod kullanarak nasıl yapılacağı da dahil olmak üzere daha fazla bilgi edinmek için her kategoriye özel bir üstbilgi, altbilgi veya kenar çubuğunun nasıl ekleneceğine ilişkin kılavuzumuza bakın.

WordPress Başlığınıza Widget Alanı Ekleme

Kod kullanarak sıfırdan özel bir tema oluşturuyorsanız, ziyaretçilerinizin dikkatini çekmek için başlığınıza bir WordPress widget’ı eklemek isteyebilirsiniz. Widget’lar temanızın belirli bölümlerine kolayca içerik blokları eklemenizi sağlar, ancak her tema bir başlık widget alanı içermez.

SeedProd tema oluşturucusunu kullanarak başlığınıza widget eklemenin ne kadar basit olduğundan daha önce bahsetmiştik. Peki ya normal bir WordPress temasının başlığına bir widget eklemek isterseniz?

Astra teması gibi bazı temalar, WordPress tema özelleştiricisini kullanarak bunu yapmanıza izin verir. Örneğin Astra, widget eklemek de dahil olmak üzere başlığı tamamen özelleştirmenize olanak tanıyan ‘Header Builder’ adlı bir seçenek ekler.

WordPress temanızda şu anda başlıkta bir WordPress widget alanı yoksa, aşağıdaki kodu functions.php dosyanıza, siteye özel bir eklentiye ekleyerek veya bir kod parçacıkları eklentisi kullanarak manuel olarak eklemeniz gerekir.

Bu daha gelişmiş bir seçenektir çünkü kodu nereye yerleştireceğinizi ve CSS kullanarak nasıl şekillendireceğinizi bilmeniz gerekir.

function wpb_widgets_init() {
 
    register_sidebar( array(
        'name'          => 'Custom Header Widget Area',
        'id'            => 'custom-header-widget',
        'before_widget' => '<div class="chw-widget">',
        'after_widget'  => '</div>',
        'before_title'  => '<h2 class="chw-title">',
        'after_title'   => '</h2>',
    ) );
 
}
add_action( 'widgets_init', 'wpb_widgets_init' );

Bu kod, temanız için yeni bir kenar çubuğu veya widget hazır alanı kaydeder.

Görünüm ” Widget‘lar bölümüne giderseniz, ‘Özel Başlık Widget Alanı’ etiketli yeni bir widget alanı göreceksiniz. Şimdi, widget’larınızı bu yeni alana ekleyebilirsiniz.

Son olarak, temanızın header.php dosyasında bulunan temanızın başlık şablonuna bazı kodlar eklemeniz gerekir. Bu, daha önce oluşturduğunuz widget alanını başlığınıza ekleyecek ve böylece widget’lar web sitenizde görüntülenecektir.

Bu kod parçacığını kopyalamanız ve widget’ın görüntülenmesini istediğiniz yere yapıştırmanız gerekir.

<?php
 
if ( is_active_sidebar( 'custom-header-widget' ) ) : ?>
    <div id="header-widget-area" class="chw-widget-area widget-area" role="complementary">
    <?php dynamic_sidebar( 'custom-header-widget' ); ?>
    </div>
 
<?php endif; ?>

Temanıza bağlı olarak, widget alanının nasıl görüntüleneceğini kontrol etmek için WordPress’e CSS eklemeniz de gerekebilir.

Daha fazla ayrıntı için web sitenizin başlığına WordPress widget’ı ekleme kılavuzumuza bakın.

WordPress Blogunuza Rastgele Başlık Görselleri Ekleyin

WordPress başlıklarınızı daha çekici hale getirmenin bir başka yolu da başlık bölümüne rastgele resimler eklemektir.

Rastgele değişen görseller göstermek, ziyaretçilerinizin dikkatini çekmeye ve içeriğinizi daha ilgi çekici hale getirmeye yardımcı olur.

WordPress blogunuza rastgele başlık görselleri eklemek için tema özelleştiriciyi kullanabilir ve görselleri başlık bölümüne yükleyebilirsiniz. Bu seçenek, kullandığınız WordPress temasına bağlı olarak değişebilir.

Ardından, devam edin ve ‘Yüklenen başlıkları rastgele seç’ seçeneğini belirleyin.

Başlık bölümünde rastgele resimler gösterme konusunda daha fazla kontrol ve esneklik istiyorsanız, bir WordPress eklentisi de kullanabilirsiniz.

Daha fazla ayrıntı için WordPress blogunuza rastgele başlık resimleri ekleme hakkındaki kılavuzumuza bakın.

Web Sitenizin Üstbilgisine Kod Ekleme (Gelişmiş)

Son olarak, web sitenizin başlık bölümüne özel kod eklemek istiyorsanız, bunu WordPress kontrol panelinizden kolayca yapabilirsiniz. Bu yöntem ileri düzey kullanıcılar için önerilir ve yeni başlayanlar için uygun değildir çünkü kod düzenlemeyi içerir ve teknik bilgi gerektirir.

Temanızın başlık dosyalarını WordPress yönetici panelinden Görünüm ” Tema Dosyası Düzenleyicisi ‘ne giderek bulabilirsiniz. ‘style.css’ tema dosyalarında, site başlığı bölümüne ilerleyebilir ve kod ekleyebilir veya kaldırabilirsiniz.

Not: Tema dosyalarını doğrudan düzenlemenizi önermiyoruz çünkü en ufak bir hata web sitenizi bozabilir ve tasarımı berbat edebilir.

Sitenizin başlığını düzenlemek için özel kod eklemenin daha kolay bir yolu WPCode kullanmaktır.

İlk olarak, ücretsiz WPCode eklentisini kurun ve etkinleştirin. Daha fazla ayrıntı için lütfen WordPress eklentisi yükleme kılavuzumuza bakın.

Etkinleştirmenin ardından, WordPress panonuzdan Kod Parçacıkları ” Üstbilgi ve Altbilgi bölümüne gidebilirsiniz. Ardından, özel kodu ‘Üstbilgi’ bölümüne girin.

Kodu girdikten sonra ‘Değişiklikleri Kaydet’ düğmesine tıklayın.

Daha fazla ayrıntı için WordPress’te üstbilgi ve altbilgi kodunun nasıl ekleneceğine ilişkin kılavuzumuza bakabilirsiniz.

Umarız bu eğitim WordPress başlığınızı nasıl özelleştireceğinizi öğrenmenize yardımcı olmuştur. Ayrıca en iyi web tasarım yazılımını nasıl seçeceğinizi öğrenmek veya sitenizi büyütmek için mutlaka sahip olmanız gereken eklentiler listemize göz atmak isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.