Şeffaf Başlık Oluşturmak için Elementor Nasıl Kullanılır?

Yayınlanan: 2022-03-01

Şeffaf başlıklar, sitenizin görünümünü iyileştirmenin harika bir yolu olabilir. Web sitenizin tasarımının öne çıkmasını ve sitenizin ziyaretçileri için daha etkileşimli görünmesini sağlar.

Ancak, herhangi bir programlama dili bilmeden WordPress'te şeffaf bir başlık oluşturmak için Elementor'u kullanabilir misiniz? Cevap Evet! Kesinlikle yapabilirsin. Bu makale size kolayca bir Elementor şeffaf başlığı oluşturma talimatlarını gösterecektir.

İçindekiler
[Göster][Gizle]
  1. Şeffaf Başlıklar Kullanmanın Avantajları
    1. Uzun Web Sayfaları için Mükemmel
    2. İşlem Yapılabilir Web Siteleri için En İyisi
    3. Site Gezinme Yeteneğinizi Geliştirin
  2. Şeffaf Başlık Oluşturmak için Elementor Pro Nasıl Kullanılır?
    1. Elementor Pro Eklentisini Kurun ve Etkinleştirin
    2. Siteniz için Menü Oluşturun
    3. Normal Bir Başlık Oluşturmak için Elementor Pro'yu kullanın
    4. Elementor Pro Kullanarak Şeffaf Yapışkan Bir Başlık Oluşturun
  3. Ücretsiz Şeffaf Başlık Oluşturmak için Elementor Nasıl Kullanılır?
    1. Elementor Eklentisi için Elementor ve Essential Eklentileri Kurun ve Etkinleştirin
    2. Siteniz için Menü Oluşturun
    3. Şeffaf Yapışkan Bir Başlık Oluşturmak için Elementor için Temel Eklentileri Kullanın
  4. Woostify Kullanıcıları için Şeffaf Başlık Nasıl Oluşturulur?
  5. Son sözler

Şeffaf Başlıklar Kullanmanın Avantajları

eleman-şeffaf-başlık-1

İlgi çekici Elementor şeffaf başlıklarını kolayca oluşturabilirsiniz. Ancak isterseniz, bir adım daha ileri gidebilir ve ziyaretçiler sayfa içeriğinde gezinirken bunu düzeltebilirsiniz. Avantajları aşağıdadır:

Uzun Web Sayfaları için Mükemmel

Şeffaf bir yapışkan başlık kullanmak, ziyaretçilerinizin hoş bir deneyim yaşamasını sağlamanın şık ve hızlı bir yoludur.

Web sitenizin daha kullanıcı dostu bir navigasyon sistemine sahip olmasına yardımcı olabilirler. Sitenizin içeriği çok uzunsa bu avantaj çok işinize yarayacaktır.

İşlem Yapılabilir Web Siteleri için En İyisi

Şeffaf yapışkan başlıklar, perakende veya e-ticaret siteleri gibi işlem yapılabilir web sitelerinde en iyi sonucu verir. Bunun nedeni, ziyaretçilerin hala sayfa içeriğindeyken belirli bir işlem yapmasını istemenizdir.

Web sitenizde gezinirken başlık güzel bir şekilde gösterildiğinde, ziyaretçiler onu keşfetmeyi daha uygun bulacaktır.

Ayrıca başlık şeffaf olduğu için içeriğin okunabilirliğini azaltmaz. Bu nedenle, şeffaf bir başlık eklemek sitenizin hemen çıkma oranını azaltabilir ve ziyaretçilerinizi verimli bir şekilde yönlendirmeye yardımcı olabilir.

Site Gezinme Yeteneğinizi Geliştirin

Sitenizde şeffaf bir yapışkan başlık kullanmak, ziyaretçilerinizi hemen harekete geçmeye teşvik eder. Belirli bir seçeneği ararken onlara zaman kazandırır.

Ve markanızın logosunu ana sayfanın her yerine koymak yerine, onu şeffaf bir yapışkan başlıkta zarif bir şekilde sergileyebilirsiniz.

Şeffaf Başlık Oluşturmak için Elementor Pro Nasıl Kullanılır?

Şimdi, Elementor Pro'yu kullanarak şeffaf bir başlık oluşturmayı ve özelleştirmeyi öğrenelim.

Elementor Pro Eklentisini Kurun ve Etkinleştirin

Sitenizde henüz Elementor Pro yoksa, onu yüklemeniz ve etkinleştirmeniz gerekir.

  1. WordPress kontrol panelinden Eklentiler > Yeni Ekle seçeneğine gidin.
eleman-saydam-başlık-2
  1. 'Elementor' yazarak eklentiyi bulun. Daha sonra Elementor Web Sitesi Oluşturucu'nun bir seçenek olarak listelendiğini göreceksiniz.
  2. Sırasıyla Şimdi Kur düğmesini ve Etkinleştir düğmesini tıklayın.
  3. Elementor Pro'yu başarıyla satın aldıktan sonra my.elementor.com'a gidin.
  4. Satın aldıktan sonra e-postada aldığınız bilgilerle giriş yapın.
  5. Ardından, Profil sayfasına yönlendirileceksiniz. .zip dosyasını bilgisayarınıza indirmek için sağ üst köşedeki Eklentiyi İndir düğmesine tıklayın.
eleman-şeffaf-başlık-3
  1. Sitenizin WordPress panosundan Eklentiler > Yeni Ekle'ye tıklayın. Ardından, sol üst köşedeki Eklenti Yükle düğmesine tıklayın.
  2. Dosya Seç düğmesini tıklayın. Az önce indirdiğiniz .zip dosyasını seçin. Ardından, Etkinleştir'i tıklayın.
  3. Sitenin kontrol panelinin üstünde, lisans anahtarınızı etkinleştirmenizi isteyen bir bildirim alacaksınız.

Siteniz için Menü Oluşturun

Ardından, henüz yapmadıysanız, WordPress panosunu kullanarak bir başlık menüsü oluşturmanız gerekir. Aşağıda bir giriş kılavuzu bulunmaktadır.

  1. WordPress kontrol panelinden Görünüm > Menüler'e gidin.
eleman-şeffaf-başlık-4
  1. Menü Adı metin kutusuna menü adını girin. Ardından Menü Oluştur düğmesine tıklayın.
  2. Sol panele odaklanın. Burada sitenin sayfalarını, gönderilerini, kategorilerini ve menüye özel bağlantılarını ekleyebilirsiniz.
elementor-şeffaf-başlık-5
  1. Menü öğelerini yeniden düzenlemek veya sağ panelde alt menüler oluşturmak için sürükleyip bırakabilirsiniz.
eleman-saydam-başlık-6
  1. Mutlu olduğunuzda, Menüyü Kaydet düğmesine tıklamayı unutmayın.

Normal Bir Başlık Oluşturmak için Elementor Pro'yu kullanın

  1. WordPress kontrol panelinden Şablonlar > Yeni Ekle'ye gidin.
elementor-şeffaf-başlık-7
  1. Bir pop-up penceresi açılacaktır. Açılır menüden Elementor başlık şablonunu seçin ve şablonunuzu adlandırın metin kutusuna adını girin. Ardından, ŞABLON OLUŞTUR düğmesine tıklayın.
elementor-transparent-header-8
  1. Elementor Şablon Galerisi bir açılır pencerede görünecektir. Tüm Elementor başlık stilleri arasında gezinebilirsiniz. Bir favori seçtikten sonra imlecinizi üzerine getirin ve ardından Ekle düğmesine tıklayın. Ayrıca hepsini önizleyebilirsiniz.
elementor-transparent-header-9

Elementor Pro Kullanarak Şeffaf Yapışkan Bir Başlık Oluşturun

  1. Şimdi, Elementor Pro'yu kullanarak başlığı şeffaf hale getirmeniz gerekiyor. Bunu yapmak için başlığın üstündeki altı noktalı düğmeye tıklayın.
elementor-transparent-header-10
  1. 'Düzen' bölümünde, Menü açılır menüsünden istediğiniz menüyü seçin.
eleman-saydam-başlık-11
  1. Başlığın arka plan rengini ve saydam değerini değiştirmek için Stil sekmesine gidin. 'Arka Plan' bölümünde, Klasik arka plan türünü seçin (bir boya fırçasıyla gösterilir).
elementor-transparent-header-12
  1. Renk Seçici düğmesine tıklayın. Ardından istediğiniz rengi ve şeffaf değeri seçin.
  2. Tipografi, arka plan yerleşimi, kenarlık ve ayırıcı dahil olmak üzere başlığın genel görünümünü daha da değiştirebilirsiniz. Denemekten çekinmeyin.
  3. Ardından, Gelişmiş sekmesine gidin. Ardından, Hareket Efektleri bölümüne gidin. Kaydırma Efektleri seçeneğini etkinleştirin.
elementor-şeffaf-başlık-13
  1. Şuna Göre Etkiler açılır menüsünden Tüm Sayfa seçeneğini seçin.
  2. Son olarak, Yapışkan açılır menüsünden Üst seçeneğini seçin.
  3. Memnun olduğunuzda, değişiklikleri uygulamak için Yayınla düğmesine tıklayın.

Sonuç aşağıdakine benzer olacaktır:

elementor-transparent-header-14

Ücretsiz Şeffaf Başlık Oluşturmak için Elementor Nasıl Kullanılır ?

Bütçeniz düşükse ve Elementor Pro'ya para harcamak istemiyorsanız, şeffaf başlıklar oluşturmak için başka bir eklentiye ihtiyacınız var.

Bu yazıda Elementor eklentisi için Essential Addons kullanacağız. Bu, bir milyondan fazla aktif kullanıcısı olan en popüler widget kitaplığıdır.

Bir web sitesini öne çıkarmak ve olabildiğince ilgi çekici hale getirmek için birçok widget'ı ücretsiz olarak alacaksınız. Saydam başlıklar oluşturmak için premium sürüme ihtiyacınız olmadığını unutmayın.

Elementor Eklentisi için Elementor ve Essential Eklentileri Kurun ve Etkinleştirin

  1. WordPress kontrol panelinden Eklentiler > Yeni Ekle seçeneğine gidin.
elementor-transparent-header-15
  1. ' Elementor ' yazarak eklentiyi bulun. Daha sonra bir seçenek olarak listelenen Elementor eklentisini göreceksiniz.
  2. Sırasıyla 'Şimdi Kur' düğmesini ve 'Etkinleştir' düğmesini tıklayın.
  3. Elementor eklentisi için Essential Addons ile yukarıdaki işlemi tekrarlayın.

Siteniz için Menü Oluşturun

Bunu zaten yukarıda ele aldık. Lütfen know-how için yukarı kaydırın.

Şeffaf Yapışkan Bir Başlık Oluşturmak için Elementor için Temel Eklentileri Kullanın

  1. Temel Eklentiler > Öğeler'e gidin. Burada Basit Menü widget'ını etkinleştirin. AYARLARI KAYDET düğmesine tıklamayı unutmayın.
eleman-saydam-başlık-16
  1. Elementor ile yeni bir sayfa/yazı oluşturun veya mevcut bir sayfayı açın.
  2. Sol alt köşedeki Ayarlar düğmesine (bir dişli ile gösterilir) tıklayın. Sayfa Düzeni açılır menüsünde 'Öğe Kanvası'nı seçin. Bu şekilde tema ile birlikte gelen başlıktan kurtulabilirsiniz.
elementor-şeffaf-başlık-17
  1. Dokuz kare simgesine tıklayarak widget menüsüne geri dönün. Basit Menü widget'ını arayın. İstediğiniz konuma sürükleyip bırakın.
eleman-saydam-başlık-18
  1. Genel bölümünde, Menü Seç açılır menüsünden istediğiniz menüyü seçin.
elementor-şeffaf-başlık-19
  1. Başlığın arka plan rengini ve saydam değerini değiştirmek için Stil sekmesine gidin.
elementor-transparent-header-20
  1. Arka Plan bölümünde, Klasik arka plan türünü seçin (bir boya fırçasıyla belirtilir).
  2. Renk Seçici düğmesine tıklayın. Ardından, istediğiniz bir renk ve şeffaflık değeri seçin.
  3. Tipografi, arka plan yerleşimi, kenarlık ve ayırıcı dahil olmak üzere başlığın genel görünümünü daha da değiştirebilirsiniz. Denemekten çekinmeyin.
  4. Ardından, Gelişmiş sekmesine gidin. Ardından, Konumlandırma bölümüne gidin. Konum açılır menüsünde Sabit seçeneğini belirleyin.
elementor-şeffaf-başlık-21
  1. Dokuz kare simgesine tıklayarak widget menüsüne geri dönün. Spacer widget'ını arayın. Basit Menü widget'ının hemen altına sürükleyip bırakın.
eleman-saydam-başlık-22
  1. Spacer bölümünde, Space değerini başlığın yüksekliğine uyacak şekilde ayarlayın.
elementor-transparent-header-23
  1. Memnun olduğunuzda, değişiklikleri uygulamak için Yayınla düğmesine tıklayın.

Woostify Kullanıcıları için Şeffaf Başlık Nasıl Oluşturulur?

Woositfy temasını, hatta ücretsiz sürümünü kullanıyorsanız, sitenizin tamamı için birkaç dakika içinde hızlı bir şekilde güzel bir şeffaf başlık uygulayabilirsiniz. Teknik bilgi için aşağıdaki talimatları izleyin:

  1. WordPress panosundan Görünüm > Özelleştir'e gidin.
elementor-transparent-header-24
  1. Ardından Düzen > Şeffaf Başlık seçeneğine gidin.
elementor-transparent-header-25
elementor-şeffaf-başlık-26
  1. Şeffaf Başlığı Etkinleştir geçişini açın .
eleman-şeffaf-başlık-27
  1. Yeni Genel ve Tasarım sekmesinde, yeni şeffaf başlığı ihtiyaçlarınıza göre özelleştirebilirsiniz. Örneğin, 404, gönderiler vb. gibi belirli sayfalarda etkinleştirebilir/devre dışı bırakabilirsiniz.
elementor-şeffaf-başlık-28
eleman-saydam-başlık-29
  1. Sonuçtan memnun kaldığınızda Yayınla düğmesine tıklamayı unutmayın.

Son sözler

Elementor şeffaf bir başlık oluşturmak, kullanıcıların sitenizde gezinmesine yardımcı olacak şık bir yaklaşımdır.

Oluşturduğumuz başlık tamamen duyarlı. Bu nedenle, bu sorun hakkında çok endişelenmenize gerek yok. Woostify kullananlar için üçüncü yola gitmelisiniz. Ayrıca güzel bir şeffaf başlık oluşturmak istediğinizde en basit ve en hızlı yoldur.