Menüyü Değiştir

Beaver Themer ile Üstbilgi ve Altbilgi Nasıl Oluşturulur

Yayınlanan: 2024-10-03

Tüm Beaver Builder Ürünlerinde %25 İndirim... Acele Edin İndirim Yakında Sona Eriyor! Daha fazla bilgi edin

how to create headers and footers using beaver themer
  • Kunduz Temalı

Beaver Themer ile Üstbilgi ve Altbilgi Nasıl Oluşturulur

Sayfa oluşturucular güzel sayfalar oluşturmak için harikadır ancak özelleştirmeyi genellikle üstbilgi ve altbilgileri kapsayacak şekilde genişletmezler. Bu sınırlama, kullanıcı deneyimini (UX) ve marka bütünlüğünü olumsuz yönde etkileyen görsel tutarsızlıklara yol açabilir.

Neyse ki Beaver Themer tema oluşturma eklentimiz, özel üstbilgiler ve altbilgiler tasarlamanın kolay bir yolunu sunarak sitenizin tamamını görsel olarak tutarlı tutar.

Bu kılavuzda Beaver Themer ile üstbilgi ve altbilgi oluşturmak için dört basit adımı inceleyeceğiz. Hadi dalalım!

İçindekiler

  • Beaver Themer'a Giriş
  • Kunduz Temalı Başlıklar Nasıl Oluşturulur (4 Adımda)
  • Kunduz Temalı Alt Bilgiler Nasıl Oluşturulur (4 Adımda)
  • Son Düşünceler
  • İlgili Sorular

Beaver Themer'a Giriş

Beaver Themer, üstbilgiler, altbilgiler ve daha fazlası gibi genellikle temanız tarafından tanımlanan site alanlarını özelleştirmenize olanak tanıyarak sayfa oluşturmayı tamamen yeni bir düzeye taşıyor. Bu, sitenizin tamamında uyumlu, markalı bir görünüm olasılığının önünü açar:

Beaver Themer Tema Oluşturucu Eklentisi

Beaver Themer ile şunları yapabilirsiniz:

  • Üstbilgileri, altbilgileri, duyuru çubuklarını ve CTA'ları ayarlayın.
  • 404 sayfa, arama sayfaları ve blog arşivleri için özel düzenler tasarlayın.
  • Özel gönderi türleri için şablonlar oluşturun.
  • Tüm sayfalarda veya yalnızca seçilen sayfalarda ekran ayarlarını kontrol edin.

Beaver Builder'ın sürükle ve bırak düzenleyicisi ile öğeleri eklemek ve stillendirmek, renk seçenekleri, düzenler ve düğmeler ve iletişim formları gibi modüllerle tamamlanmış standart bir sayfa oluşturmak kadar kolaydır.

Premium Planlarla Beaver Themer'a Erişim Sağlayın

İyi haber şu ki Beaver Themer her premium Beaver Builder planına dahil:

New Beaver Builder Fiyatlandırması 2024

Bu, premium plana yatırım yaptığınızda gelişmiş özelleştirme seçeneklerine erişim kazanacağınız anlamına gelir.

Artık Beaver Themer'ın avantajlarını araştırdığımıza göre, Beaver Themer ile adım adım başlık oluşturma sürecine geçelim.

Kunduz Temalı Başlıklar Nasıl Oluşturulur (4 Adımda)

Özel bir başlık, markanızı sergilemenize, sitenizde gezinmeyi kolaylaştırmanıza ve önemli CTA'ları vurgulamanıza yardımcı olabilir. Beaver Themer ile nasıl bir tane oluşturacağınız aşağıda açıklanmıştır:

Başlamak için premium Beaver Builder sayfa oluşturucunun ve Beaver Themer eklentilerinin kurulu, etkinleştirilmiş ve lisanslı olduğundan emin olun. Ayrıca WordPress panosunda Görünüm > Menüler bölümüne giderek siteniz için bir menü oluşturun.

Adım 1: Yeni Bir Tema Düzeni Oluşturun

Yeni bir Themer düzeni oluşturmak için Beaver Builder > Themer Düzenleri'ne tıklayın WordPress yönetici alanınızdan. Ardından Yeni Ekle'yi seçin:

kunduz temalı üstbilgiler ve altbilgiler oluşturun; 1. adım: yeni bir tema düzeni oluşturun

Burada düzeninize bir Başlık verebilirsiniz:

kunduz temalı üstbilgiler ve altbilgiler oluşturun; Beaver Themer ile WordPress'e başlık ekleyin

Tür için Tema Düzeni'ni seçin. Düzen için, Başlık'ı seçmek üzere açılır menüyü kullanın. Devam etmek için Themer Düzeni Ekle'ye tıklayın.

Adım 2: Ayarları Yapılandırın

Daha sonra, ayarlar sayfasında başlığın nerede ve nasıl görüntüleneceğini tanımlayın:

kunduz temalı üstbilgiler ve altbilgiler oluşturun; Başlığınızı Beaver Themer ile düzenleyin
  • Yapışkan Başlık : Bu başlık stili, siz sayfayı aşağı kaydırdıkça tarayıcı penceresinin üst kısmında sabit kalır.
  • Yer Paylaşımı Başlığı : Başlığın arka planını şeffaf hale getirmek ve içeriğin ekranın üst kısmında yer almasını sağlamak için bunu seçin.
  • Konum : Başlığın sitenin tamamında mı yoksa yalnızca belirli sayfalarda mı görüntüleneceğini seçin.
  • Kurallar : Kullanıcının oturum açma durumuna veya diğer kriterlere göre görünürlüğü kontrol edin.

Bu ayarları kaydetmek için Yayımla'yı tıklayın.

3. Adım: Başlık Düzeninizi Özelleştirin

Artık ayarlarınız yapılandırıldığına göre, düzenleyicide yeni başlığınızı açmak için Beaver Builder'ı Başlat'a tıklayın:

kunduz temalı üstbilgiler ve altbilgiler oluşturun; Beaver Themer başlığınızı özelleştirmek için Beaver Builder düzenleyicisine erişin

Burada, Beaver Builder otomatik olarak size iletişim ayrıntıları, sosyal simgeler, başlık ve menü dahil çeşitli modüller içeren varsayılan bir başlık şablonu sağlar:

kunduz temalı üstbilgiler ve altbilgiler oluşturun; Beaver Themer başlığıyla sağlanan varsayılan seçenekler

Başlığınızı sıfırdan oluşturmak için bu modülleri silebilir veya isterseniz İçerik panelinde bulunan, önceden tasarlanmış farklı bir başlık şablonuyla başlayabilirsiniz:

kunduz temalı üstbilgiler ve altbilgiler oluşturun; Mevcut Beaver Themer başlık düzeni şablonları arasından seçim yapın

Ayrıca her modülü kendi bilgilerinizle kişiselleştirebilirsiniz. Örneğin sosyal hesaplarınıza bağlantılar ekleyebilir veya web sitesinin başlığını düzenleyebilirsiniz. Düzenlemek istediğiniz modüle tıklamanız yeterlidir; kolay özelleştirme için ayarlar açılır kutusu görünecektir.

kunduz temalı üstbilgiler ve altbilgiler oluşturun; Beaver Builder ile web sitenizin başlığını düzenleyin

Bazı modüller dinamik olarak içerik oluşturmak için saha bağlantısı kullanır. Örneğin, web sitenizin başlığı WordPress ayarlarındaki Site Başlığınızdan otomatik olarak alınabilir. Bu saha bağlantısını kaldırmak için yanındaki “X” işaretini tıklamanız yeterlidir.

kunduz temalı üstbilgiler ve altbilgiler oluşturun; Beaver Themer başlığınızdaki saha bağlantısını silin

Ardından, tercih ettiğiniz başlığı Başlık metin alanına yazmanız yeterlidir:

kunduz temalı üstbilgiler ve altbilgiler oluşturun; Beaver Themer başlığınıza yeni bir başlık ekleyin

Stil sekmesinde renkleri, yazı tiplerini ve daha fazlasını markanızın görünümüne uyacak şekilde ayarlayabilirsiniz. İdeal rengi seçmek için renk seçiciyi kullanın ve markanızın kişiliğine uygun bir yazı tipi seçin. Son olarak, mükemmel uyum için kaydırıcıyı kullanarak yazı tipi boyutunu ayarlayın.

kunduz temalı üstbilgiler ve altbilgiler oluşturun; Beaver Themer başlık başlığınızı özelleştirme

Başlığınızdaki modülleri yeniden düzenlemek isterseniz, Taşı simgesini tıklamanız ve her modülü düzen içinde tercih ettiğiniz konuma sürüklemeniz yeterlidir:

kunduz temalı üstbilgiler ve altbilgiler oluşturun; Beaver Builder modüllerini başlığınızda taşıma

Satırınızın arka plan rengini güncellemek için İngiliz anahtarı simgesini tıklayın. Satır Ayarları açılır penceresinde Stil sekmesine gidin, ardından Arka Plan Rengi'ne gidin ve istediğiniz gölgeyi seçin:

kunduz temalı üstbilgiler ve altbilgiler oluşturun; Başlığınızın arka plan rengini değiştirme

İngiliz anahtarı simgesini tıklayarak herhangi bir satırı, sütunu veya modülü aynı şekilde düzenleyebileceğinizi unutmayın.

4. Adım: Başlığınıza İçerik Ekleyin

Başlığınıza daha fazla modül eklemeyi de düşünebilirsiniz. Daha önce de belirtildiği gibi Beaver Builder, saha bağlantıları aracılığıyla dinamik içeriğe izin verir.

Kendi saha bağlantılarınızı kurmak için, mevcut alanları görüntülemek üzere kutunun yanındaki + simgesini tıklamanız yeterlidir:

kunduz temalı üstbilgiler ve altbilgiler oluşturun; Beaver Builder ile saha bağlantısı oluşturma

Ardından dinamik içeriğinizi oluşturmak için Bağlan'a tıklayın.

Beaver Builder ile başlık oluşturmanın en iyi kısımlarından biri, başlığınıza eklenecek modüllerden herhangi birini seçebilmenizdir. Mevcut modüllerinize erişmek için + simgesine tıklamanız yeterlidir:

kunduz temalı üstbilgiler ve altbilgiler oluşturun; Beaver Builder kenar çubuğunu açma

Bu eylem İçerik panelini açar. Başlığa şirket sloganınızı eklemek istiyorsanız Metin Düzenleyici modülünü bulup düzeninize sürüklemeniz yeterlidir:

kunduz temalı üstbilgiler ve altbilgiler oluşturun; Beaver Builder metin düzenleyici modülünü kullanma

Sayfaya bıraktığınızda metninizi ekleyebileceğiniz bir açılır pencere görünecektir. Ardından metninizin yazı tipini, rengini ve boyutunu değiştirmek için Stil sekmesine geçin:

kunduz temalı üstbilgiler ve altbilgiler oluşturun; Beaver Builder'da metin düzenleyicinizi düzenleme

Dolguyu ayarlamak, özel CSS eklemek veya metin modülünüze animasyonlar eklemek için Gelişmiş sekmesine tıklayın.

Ayrıca başlığınıza bir CTA eklemek isteyebilirsiniz. Bunu yapmak için bir Düğme modülü ekleyin, ardından metni özelleştirmek, bağlantınızı eklemek ve bir simge eklemek için Genel sekmesini kullanın:

kunduz temalı üstbilgiler ve altbilgiler oluşturun; Beaver Builder düğme modülü

Stil sekmesinde genişliği ayarlayabilir, metin ve arka plan renklerini (vurgu renkleri dahil) seçebilir ve hizalamayı ve dolguyu değiştirebilirsiniz:

kunduz temalı üstbilgiler ve altbilgiler oluşturun; Başlığınızdaki düğmeyi özelleştirin

İster bir fotoğraf, ister bir atlıkarınca veya bir geri sayım sayacı eklemek isteyin, süreç tüm modüllerde tutarlıdır.

Kunduz Temalı Alt Bilgiler Nasıl Oluşturulur (4 Adımda)

Web siteniz için özel bir altbilgi tasarlamak da akıllıca bir harekettir. Mevzuat uyumluluğuna yardımcı olabilir ve kullanıcı deneyimini geliştirebilir. Örneğin kişisel bilgi topluyorsanız gizlilik politikanıza bir bağlantı eklemeniz faydalı olacaktır. Bir site haritası eklemek, kullanıcıların sitenizde gezinmesini de kolaylaştırabilir.

Ayrıca iletişim bilgilerinizi tüm sayfalarda görüntüleyerek kolayca erişilebilir hale getirebilirsiniz. Dönüşümleri teşvik etmek için bir kayıt formu eklemeyi bile düşünebilirsiniz.

Özel altbilginizi oluşturmak için, Beaver Themer ile birlikte premium Beaver Builder sayfa oluşturucu eklentisini kullanarak başlığınızı oluştururkenkine benzer bir süreci izleyeceksiniz.

Adım 1: Yeni Bir Themer Düzeni Oluşturun

Tıpkı üst bilginizde olduğu gibi, alt bilginiz için bir düzen oluşturarak başlayacaksınız. Beaver Builder > Tema Düzenleri'ne gidin ve Yeni Ekle'ye tıklayın.

kunduz temalı üstbilgiler ve altbilgiler oluşturun; Yeni tema düzenini ayarlayın

Adımlar hemen hemen öncekilerle aynıdır; altbilginize bir ad verin, Tür için Tema Düzeni'ni seçin ve Düzen için Altbilgi'yi seçin:

kunduz temalı üstbilgiler ve altbilgiler oluşturun; Beaver Themer ile yeni bir altbilgi ekleyin

Ardından Themer Düzeni Ekle'ye tıklayın.

Adım 2: Alt Bilgi Ayarlarını Yapılandırın

Altbilgi düzeninizi düzenlemek için yeni bir sayfaya ulaşacaksınız. Bu ayarlar başlığınkinden daha basittir.

Altbilginizin web sitenizde nerede görüntülenmesini istediğinizi seçin. Bunu ayarlamak için Konum açılır menüsünü kullanın:

kunduz temalı üstbilgiler ve altbilgiler oluşturun; Altbilgi düzeninizi Beaver Themer ile düzenleyin

Konum ve hariç tutma kuralları eklemek için ilgili düğmeyi tıklayın. Dahil etmek veya hariç tutmak istediğiniz belirli sayfaları seçin.

Bunu Kurallar bölümünde tekrarlayın. Altbilgi ayarlarınızdan memnun olduğunuzda Yayınla'yı tıklayın.

3. Adım: Alt Bilgi Düzeninizi Özelleştirin

Şimdi düzenleyiciyi açmak için Beaver Builde r'yi Başlat'ı seçin:

Altbilginizi düzenlemek için Beaver Builder'ı başlatın

Başlıkta olduğu gibi, Beaver Builder altbilginiz için de varsayılan bir düzen şablonu sağlamıştır:

Varsayılan Beaver Builder altbilgi modülleri

Örneğin, şirketinizin iletişim bilgilerini, yararlı kaynaklara yönlendiren bağlantıları ve işletmenizin kısa bir açıklamasını ekleyebileceğiniz bir bölüm vardır. Bu sütunları silebilir ve altbilginizi sıfırdan oluşturabilir veya mevcut içeriği değiştirebilirsiniz.

Örneğin Ek Kaynaklar yerine en popüler blog yazılarınızı veya ürün sayfalarınızı öne çıkarmak isteyebilirsiniz. Bunu İngiliz anahtarı simgesine gidip Başlık Ayarları'nı seçerek yapabilirsiniz:

Beaver Builder'da başlık ayarları

Daha sonra Genel sekmesinde yeni başlığınızı yazabilirsiniz. Özel renkler uygulamak, benzersiz yazı tipleri seçmek ve başlığın boyutunu ayarlamak için Stil sekmesine geçin:

Beaver Themer alt bilginizdeki başlıkları düzenleyin

Değişikliklerinizi uygulamak için Kaydet'e tıklayın.

Şimdi bağlantılarınızı aşağıdaki metin kutusuna eklemeniz gerekecek. Tekrar İngiliz anahtarı simgesinin üzerine gelin ve Metin Düzenleyici Ayarları 'nı seçin.

Burada mevcut girişleri silebilir ve bunları kendi sayfalarınızla değiştirebilirsiniz. Metin düzenleyicide, Bağlantı simgesini tıklayarak sayfalarınızın başlıklarını ve bağlantılarınızı ekleyebilirsiniz:

Beaver Themer altbilginize bağlantılar ekleyin

URL'nizi yapıştırın ve Kaydet'i seçin. Aynı şekilde iletişim numaranızı ve şirket e-posta adresinizi de ekleyebilirsiniz.

Beaver Builder varsayılan olarak bir telif hakkı bildirimi içerir. Modüle tıklayarak ve kendi ifadenizi ekleyerek ayarlayın:

Beaver Themer'da telif hakkı bildirimini düzenleyin

Altbilgi düzeniniz ayarlandığında, gezinmeyi ve kullanıcı deneyimini geliştiren içerik eklemenin zamanı geldi.

4. Adım: Alt Bilginize İçerik Ekleyin

İletişim bilgileri, kaynak bağlantıları ve telif hakkı bildirimi gibi temel bilgileri ele aldık. Ancak altbilgi düzeninizi geliştirmek için herhangi bir Beaver Builder modülünü ekleyebilirsiniz.

Örneğin, katılımı artırmak için bir kayıt formu eklemeyi düşünün. Abonelik Formu modülünü bulun ve altbilginize sürükleyin:

Altbilginize bir abone olma formu ekleyin

Beaver Builder, birçok e-posta pazarlama sağlayıcısıyla entegre olarak açılır menüden tercih ettiğiniz hizmeti seçmenize olanak tanır:

E-posta pazarlama sağlayıcınızı kayıt formunuza ekleyin

Bu sekmede şartlar ve koşullar onay kutusu ekleyebilir veya kullanıcıların abone olduktan sonra göreceği mesajı özelleştirebilirsiniz.

Düğme metnini düzenlemek, renkleri ayarlamak, dolgu eklemek ve daha fazlasını yapmak için Düğme sekmesine geçin:

Kayıt formunuzdaki abone ol düğmenizi düzenleyin

Kullanıcıların bot olmadıklarını doğrulamasını istiyorsanız Captcha sekmesini yararlı bulabilirsiniz.

Sosyal hesaplarınıza da bağlantılar eklemeyi düşünün. Simge Grubu modülünü kullanın ve altbilginize sürükleyin:

Beaver Builder'a simge grubu modülünün eklenmesi

Ardından, açılır pencerenizin Simgeler sekmesinde Simgeyi Düzenle'ye tıklayın:

Beaver Builder simge grubu modülünü düzenleyin

İlgili olanı seçmek için Simge Seç'e tıklayın. Facebook, LinkedIn ve Twitter gibi büyük sosyal medya platformlarına ilişkin simgeler bulacaksınız. Daha sonra bağlantıyı profilinize ekleyin:

Sosyal simgelerinizi altbilginize ekleyin

Geri kalan sosyal bağlantılarınızı ekleyebileceğiniz yere geri dönmek için Kaydet'i tıklayın:

Altbilginize sosyal medya simgeleri ekleme

Altbilginize modüller eklemeye devam edin. Düzenden memnun kaldığınızda Bitti > Yayınla'yı tıklayın .

Son Düşünceler

Sayfa oluşturucular, gönderilerin ve sayfaların tasarımını basitleştirir, ancak genellikle üstbilgi ve altbilgilerin özelleştirilmesini sınırlar. Neyse ki Beaver Themer, web sitenizin tasarımı üzerinde size tam kontrol sağlıyor.

Beaver Themer ile üstbilgi ve altbilgilerin nasıl oluşturulacağına dair kısa bir özet:

  1. Yeni bir Beaver Themer düzeni oluşturun.
  2. Ayarlarınızı yapılandırın.
  3. Üstbilgi ve altbilgi düzenlerinizi özelleştirin.
  4. Üstbilginize veya altbilginize içerik ekleyin.

Bu adımlarla web sitenizin işlevselliğini artırabilir ve benzersiz marka kimliğinizi yansıtmasını sağlayabilirsiniz.

İlgili Sorular

Üstbilgiler ve altbilgiler için Beaver Themer kullanmanın faydaları nelerdir?

Beaver Themer, markanıza uygun benzersiz üstbilgiler ve altbilgiler oluşturmanıza olanak tanıyan kapsamlı özelleştirme seçenekleri sunar. Düzenler üzerinde kontrol ve dinamik içeriği kolayca entegre etme yeteneği sağlar.

Beaver Themer'ı Nasıl Kullanırsınız?

Beaver Themer, web sitenizin tasarımı üzerinde size tam kontrol sağlar. Üstbilgileri, altbilgileri, 404 sayfaları ve diğer önemli bölümleri kolayca düzenleyebilirsiniz. Yeni bir Themer düzeni oluşturarak ve içeriğinizin nasıl görüntüleneceğini yönetmek için ayarları yapılandırarak başlayın. Bundan sonra renkleri özelleştirin ve sitenizin görünümünü geliştirmek için çeşitli modüller ekleyin

Başlığımı nasıl mobil uyumlu hale getirebilirim?

Başlığınızı mobil uyumlu hale getirmek için Beaver Builder'daki duyarlı ayarları kontrol edin. Kullanılabilirliği artırmak için düzeni ve yazı tipi boyutlarını mobil cihazlara özel olarak ayarlayabilirsiniz.

Will Morris Hakkında

Will Morris, WordCandy'de kadrolu yazardır. WordPress hakkında yazmadığı zamanlarda stand-up komedi rutinini yerel çevrede sergilemeyi seviyor.

Bültenimiz

Bültenimiz kişisel olarak ayda bir kez yazılmakta ve gönderilmektedir. En azından sinir bozucu veya spam içerikli değil.
Söz veriyoruz.

Bültene Katılın

Beaver Builder'ı Bugün Deneyin

Beaver Builder