4 Kolay Yöntem (3 Kodsuz)

Yayınlanan: 2022-07-21

Başlık, web sitenizin çoğu ziyaretçinin gördüğü ilk öğedir. Tipik olarak bu, sitenizin logosunun ve menüsünün yerleştirildiği yerdir ve her sayfanın bir parçasıdır. WordPress üstbilgisini nasıl düzenleyeceğinizi bilmiyorsanız, güçlü bir ilk izlenim bırakmakta ️ zorlanacaksınız.

WordPress, sitenizin başlığını çeşitli şekillerde düzenlemenizi sağlar. Hemen hemen her tema, manuel olarak özelleştirebileceğiniz benzersiz bir başlık tasarımıyla birlikte gelir. Alternatif olarak, daha büyük WordPress topluluğu tarafından sağlanan bir dizi aracı kullanabilirsiniz.

Bu makalede, WordPress üstbilgisini hem eklentilerle hem de eklentiler olmadan düzenlemenin dört yolunu göstereceğiz. Hadi çalışalım!

İçindekiler:

  1. Özelleştiriciyi kullanarak başlığı düzenleyin
  2. Tam Site Düzenleme (ve uyumlu bir tema) kullanın
  3. Bir WordPress sayfa oluşturucu kullanarak başlığı düzenleyin
  4. Bir eklenti kullanarak başlığa özel kod ekleyin

1. Özelleştiriciyi kullanarak başlığı düzenleyin

WordPress Özelleştirici, web sitenizin genel öğelerini düzenlemenizi sağlayan yerleşik bir araçtır. Sitenizin üstbilgisini, altbilgisini, tipografisini, menülerini ve diğer önemli yönlerini düzenlemek için Özelleştirici'yi kullanabilirsiniz.

Özelleştiriciye erişmek için gösterge tablonuza gidin ve Görünüm > Özelleştir öğesine tıklayın. Özelleştirici, solda bir seçenekler menüsü ve sağda web sitenizin bir önizlemesini görüntüler:

WordPress Özelleştirici

Panonuzda WordPress Özelleştirici seçeneğini görmüyorsanız, blok etkin bir tema kullanıyor olabilirsiniz. Bu tür bir temanın başlığını düzenlemek için, bir sonraki bölümde ele alacağımız Tam Site Düzenleme'yi kullanmanız gerekir.

Özelleştiricide, başlığınızla ilgili bir seçenek görmelisiniz. Bazen bu, yukarıdaki örnekte olduğu gibi hemen görülebilir. Diğer zamanlarda, bir alt menüye gitmeniz gerekebilir. Örneğin, bazı temalar, başlık seçeneklerini Düzen seçeneklerine veya benzer bir şeye yerleştirir.

Temanızın başlık seçeneklerini bulduktan sonra, şimdi göreceğiniz seçenekler hangi temayı kullandığınıza bağlı olacaktır. Örneğin, Neve temamız logonuzu, başlık rengini ve bu bölümde hangi menünün görüntüleneceğini değiştirme seçeneklerini içerir:

Neve temasını kullanarak başlığı özelleştirme

Neve ayrıca, sürükle ve bırak işlevini kullanarak başlığa ekleyebileceğiniz bir dizi öğe sunar. Kullanılabilir Bileşenler altındaki öğelerden herhangi birini seçin ve bunları Özelleştiricinin altındaki başlık satırlarına sürükleyin. Neve, bir başlık için üç adede kadar öğe satırı eklemenize ve öğeleri istediğiniz herhangi bir konuma yerleştirmenize olanak tanır:

Özelleştirici'de Neve temasını kullanarak başlık öğelerini yerleştirme

Başlığınızın yapılandırmasından memnun olduğunuzda, Özelleştiricinin üst kısmındaki Yayınla düğmesine tıklayarak temanızdaki değişiklikleri kaydedin.

Özelleştiriciyi kullanarak yaptığınız tüm değişikliklerin yalnızca etkin temanız için geçerli olacağını unutmayın. Temaları değiştirirseniz, WordPress üstbilgisini yeniden düzenlemeniz gerekir.

2. Tam Site Düzenleme (ve uyumlu bir tema) kullanın

Tam Site Düzenleme, Blok Düzenleyiciyi kullanarak tema şablonlarını düzenlemenizi sağlayan daha yeni bir özelliktir. Bu, yalnızca engelleme etkin temalar için çalışır, bu nedenle sitenizde mevcut olabilir veya olmayabilir.

Temanızın Tam Site Düzenlemeyi destekleyip desteklemediğini görmek için Görünüm menüsünü açın ve Düzenleyici seçeneğini arayın:

WordPress'te Tam Site Düzenlemeye Erişme

bunu seç seçeneği ve Blok Düzenleyici açılacaktır. Ancak, tek tek sayfalarınız veya gönderileriniz yerine tema şablonlarınızı düzenliyorsunuz.

Varsayılan olarak düzenleyici, bir Başlık öğesi içermesi gereken ana sayfa şablonunu açar:

WordPress'te Tam Site Düzenlemeyi Kullanma

Tam Site Düzenleme'yi kullanırken bazı blokların yalnızca yer tutucu olarak görüneceğini unutmayın. Bunun nedeni, bu aracın tek tek blokları düzenlemek için değil, tüm mizanpajları düzenlemek için olmasıdır.

Başlığı düzenlerken, hangi blokların ve öğelerin dahil edileceği üzerinde tam kontrol sahibi olursunuz. Liste Görünümü aracını açarsanız, başlığın şu anda içerdiği blokların bir dökümünü görebilirsiniz:

Bir WordPress üstbilgisini düzenlemek için Tam Site Düzenlemeyi Kullanma

Bu aşamada, başlıktan blok eklemeyi veya kaldırmayı seçebilirsiniz. Mevcut bir bloğu kaldırmak veya düzenlemek için onu seçin ve bunu yaptığınızda ekranda görünen bağlamsal menüyü kullanın:

Bir WordPress bloğunu düzenleme

Bir blok seçtiğinizde, Blok'u kullanarak da düzenleyebilirsiniz. ekranın sağ tarafında ayarlar menüsü. Bu menü tipik olarak stil seçeneklerini içerir ve düzenlediğiniz bloğa göre değişiklik gösterir:

Blok seçeneklerine bir örnek.

Yeni bir blok eklemek için Başlık öğesini seçin ve artı işareti simgesini arayın. Bu düğme, hangi bloğu ekleyeceğinizi seçmenizi sağlayan bir menü açacaktır:

WordPress başlığına yeni bir blok ekleme

Full Site Editor'ün bir diğer kullanışlı özelliği de menüleri görsel olarak düzenleyebilmenizdir. Bunu yapmak için Gezinti bloğunu kullanarak bir menü seçin. Yeni bağlantılar ekleme, yeni bir menü oluşturma ve mevcut olanlar arasında geçiş yapma seçeneğini göreceksiniz:

WordPress başlığında bir menüyü düzenleme

Başlığınızdaki değişikliklerden memnun olduğunuzda, Kaydet'e tıklayın . Bu, temanın başlık şablonundaki değişiklikleri kaydedecek ve bunlar otomatik olarak web sitenize yansıtılacaktır.

3. Bir WordPress sayfa oluşturucu kullanarak başlığı düzenleyin

Bazı WordPress sayfa oluşturucu eklentileri, WordPress başlığını düzenlemek için seçenekler sunar. Örneğin Elementor Pro, premium lisansla erişebileceğiniz bir Tema Oluşturucu aracı içerir.

Elementor Pro'ya erişiminiz yoksa WordPress.org'daki Elementor Üstbilgi ve Altbilgi Oluşturucu eklentisi gibi ücretsiz bir üçüncü taraf uzantısı kullanabilirsiniz.

Yine de Elementor Pro ve Theme Builder özelliğini kullanarak bunu nasıl yapacağınızı göstereceğiz.

Pratikte, Elementor Tema Oluşturucu, Tam Site Düzenlemeye benzer şekilde çalışır.

Tema Oluşturucu'ya erişmek için Şablonlar > Tema Oluşturucu'ya gidin. SİTE PARÇALARI altındaki Başlık seçeneklerini seçin ve sağda mevcut şablonları arayın. Yalnızca bir başlık şablonu olmalıdır ve yanındaki Düzenle düğmesine tıklayabilirsiniz:

Elementor Tema Oluşturucuyu Kullanma

Bu, Elementor düzenleyicisini başlatacaktır. Buradan, Elementor bloklarını kullanarak başlığı oluşturmayı veya hazır şablonları içe aktarmayı seçebilirsiniz. Editörün gövdesindeki klasör simgesine tıklarsanız, hangi başlık şablonlarına erişiminiz olduğunu görebilirsiniz:

Elementor başlık şablonu seçme

Elementor kullanıyorsanız, bu şablonlardan yararlanmanızı öneririz. Bu, modüller ekleyerek veya özelleştirerek düzenleyebileceğiniz birden çok başlık stiliyle denemeler yapmanızı sağlar:

Elementor'a yeni modüller ekleme.

Elementor kullanmaya aşina değilseniz, bu sayfa oluşturucu soldaki menüyü kullanarak modülleri seçmenize olanak tanır. Bu modülleri, ekranın sağ tarafında bir önizlemede görünen sayfanıza sürükleyebilirsiniz.

Tema Oluşturucu'yu kullanırken yalnızca belirli bir tema şablonunu düzenlersiniz. Bununla birlikte, Elementor'un sunduğu tüm modül dizisini ve yapılandırma seçeneklerini yine de kullanabilirsiniz.

Başlık şablonunu düzenlemeyi bitirdikten sonra Yayınla düğmesini kullanarak kaydedin. Ardından Elementor, şablonun hangi sayfalarda görüntüleneceğini seçmenizi isteyecektir:

Elementor şablonunun hangi sayfalarda görüntüleneceğini seçme

Premium Elementor lisansı için zaten ödeme yapmıyorsanız, Tema Oluşturucu aracı satın alma işlemini tek başına haklı çıkarmayabilir. Tam Site Düzenlemenin tam olarak yaptığını yapar, ancak yüksek bir maliyetle. Temel fark, Elementor'un daha geniş modül dizisini kullanabilmenizdir ve zaten Elementor kullanıyorsanız, başlık tasarımınızın sitenizin geri kalanıyla tutarlı olduğundan emin olmak daha kolay olacaktır.

4. Bir eklenti kullanarak başlığa özel kod ekleyin

Tipik olarak, eklentileri kullanmak, WordPress'te özelleştirmeleri uygulamanın en kolay yoludur. Ancak, genellikle başlıklarda durum böyle değildir. Başlıkları görsel olarak düzenlemenizi sağlayan bir eklenti istiyorsanız, bir sayfa oluşturucu kullanmanız gerekir. Bu işlevi sunan çoğu sayfa oluşturucu, önceki bölümde tartıştığımız gibi yüksek ücretle gelir.

Başlığı özelleştirmenizi sağlayan ücretsiz eklentiler, genellikle yalnızca ona özel kod eklemenin daha kolay bir yolunu sunar. Alternatif olarak, web geliştirme deneyiminiz yoksa göz korkutucu (ve riskli) olabilecek bir alt tema kullanarak tema dosyalarınızı manuel olarak düzenlemektir.

Böyle bir eklentinin harika bir örneği Header Footer Code Manager'dır. Bu araç, üstbilgiye ve/veya altbilgiye HTML, CSS ve JavaScript parçacıkları eklemenize ve bu parçacıkların hangi sayfalara yükleneceğini seçmenize olanak tanır:

Eklenti etkin olduğunda, kontrol panelindeki HFCM > Yeni Parçacık Ekle sayfasına gidin. Burada, eklemek istediğiniz snippet türünü, nerede görüntüleneceğini ve üstbilgiye mi yoksa altbilgiye mi ekleyeceğinizi seçebilirsiniz:

WordPress başlığına özel kod ekleme

Başlığa yeni öğeler eklemeyi planlıyorsanız, HTML kullanmanız gerekir. Başlığın ve içerdiği öğelerin stilini değiştirmek için CSS parçacıkları kullanmak isteyeceksiniz.

Bu yaklaşımın ana dezavantajı, bunlara CSS eklemek için hangi sınıfları ve kimlikleri kullandığını görmek için başlık kodunu kontrol etmeniz gerekmesidir. Bu, yeni kod parçacıkları eklerken, değişikliklerin işe yarayıp yaramadığını kontrol ederken ve sonuçlardan memnun kalana kadar kodu ince ayarlarken zaman alan bir süreç olabilir.

WordPress başlığını bugün özelleştirin

WordPress başlığını düzenlemek, beklediğinizden daha kolaydır. Bunun nedeni, WordPress'in bu öğeyi özelleştirmek için temanızın yerleşik ayarlarından sayfa oluşturuculara kadar çok çeşitli seçenekler sunmasıdır. Tek yapmanız gereken, kullanırken en rahat hissettiğiniz seçeneği bulmak ve işe başlayabilirsiniz.

WordPress'te başlığınızı nasıl düzenleyeceğiniz hakkında sorularınız mı var? Aşağıdaki yorumlar bölümünde onlar hakkında konuşalım!

Ücretsiz rehber

Hızlandırmak için 5 Temel İpucu
WordPress Siteniz

Yükleme sürenizi %50-80 oranında azaltın
sadece basit ipuçlarını takip ederek.