Beaver Themer ile WordPress Site Başlığınızı Nasıl Ayarlayabilirsiniz?
İyi tasarlanmış web sitelerini oluşturan birçok öğe. WordPress web sitesi başlığınız çok önemlidir, çünkü bu ziyaretçilerin sitenize ne zaman geldiklerini gördükleri ilk şeydir. Özel bir başlık yaparak, ziyaretçilerin dikkatini çekebilir ve marka tanıtımı oluşturabilirsiniz. Bu yazıda, bazı ünlü başlıkların neden etkili olduğunu göstereceğiz ve Beaver Themer ile kendi özel başlığınızı nasıl kolayca oluşturabileceğinizi açıklayacağız. Özel bir başlık nedir (ve neden önemlidir) WordPress sitesi başlığınız sayfanın üstünde. Genellikle site, logo ve diğer kimlik bilgilerinin adını içerir. Beaver Builder sitesinin ekran görüntüsünde, üst çubukta afişler, daha sonra logo ve navigasyon menülerine sahip ana başlık var.
Başlık her sayfada görüntülenir, böylece ziyaretçiler birkaç kez görür. Aslında, başlıklar genellikle tüm sayfalarınızda tutarlı kalan tek öğedir. Sonuç olarak, başlığınız web sitenizin kimliğinde büyük bir rol oynar ve marka tanımasını geliştirmeye yardımcı olur. WordPress sitesinde, etkin temanız başlığınızla ilgili neredeyse her şeyi kontrol eder. WordPress özelleştirici hakkında kendi başlık görüntünüzü yükleme, renk şemasını ayarlama ve belki de düzeni biraz kontrol etme gibi bazı ayarlamalar yapabilirsiniz. Bazı temalarda başka logolar ve markalaşma ekleyebileceğiniz özel alanlar vardır.Ancak, özelleştirici neredeyse asla başlığınızın görünümü üzerinde tam kontrol vermez. Ziyaretçilerin markanızı hatırlamasına gerçekten yardımcı olan özel bir başlık yapmak istiyorsanız, ayarlamalar üzerinde daha fazla kontrole ihtiyacınız var. Etkili web sitesi başlıklarına örnek olarak, yüksek kaliteli özel web sitesi başlıklarının bazı örneklerini görelim. Ana tasarım öğelerinin marka görüntüleme, navigasyon ve sitenizin daha pek çoğunda nasıl büyük bir rol oynadığına bir örnek verdiler. WordPress ile ilgili her şey için popüler bir kaynak olarak wppemula, WPBeginner’ın çok iyi bir profesyonel başlığa sahip olması şaşırtıcı değil. Turuncu renk, web sitesi genelinde yaygın bir özelliktir, bu da site markası için güçlü bir işaretleyici haline getirir: Bu başlık ayrıca, kullanıcıların sitede oldukları her yerde sayfalar arasında kolayca hareket edebilmeleri için bir gezinme menüsü içerir. Alt, kullanıcıları yeni başlayan WP’nin en popüler kaynaklarına yönlendiren önemli bir harekete geçirici mesajdır (CTA). WP başlangıç başlıkları, açık ve erişilebilir navigasyon yoluyla markalaşmalarını birleştirir, kullanıcı deneyimini (UX) geliştirir ve çok görünür CTA ile dönüşümü teşvik eder. Bu örnek, birçok öğeyi küçük alanlara paketleyebileceğinizi göstermektedir. Bu WP WP makinesi barındırma şirketi WordPress başlığı aracılığıyla UX ve Markalaşma sağlar. Soldaki marka adını ve WP motor logosunu açıkça gösterir. WPBeginner başlığı gibi, basit bir gezinme menüsü var ve müdahale etmiyor: Bu başlık çok önemli olan birkaç özellik sunar. İlk olarak, geri dönen kullanıcıların hesaplarına kolayca erişebilmesi için gelen bir bağlantısı var. Sonra destekleyici özellikler var. Anında sohbet penceresi açabilir ve müşteri destek temsilcileriyle konuşabilirsiniz. Ayrıca çeşitli kendi kendine yardım kaynaklarına da erişebilirsiniz. Başlığa yerleştirilerek, bu özelliğe her sayfadan kolayca erişilebilir. Bu özellikler, güvenilir bir barındırma sağlayıcısı olarak WP motorunun görüntüsünü güçlendirir, böylece hem UX’i artırır hem de marka kimliğini güçlendirir. Pekrang.net başlığı daha küçük sitelerde de çok etkili olabilir. Blondish.net bir web sitesi geliştiricisi, tasarımcı, blog yazarı ve podcaster wordpress Nil Flores: parlak renkler, yıldız logoları ve ana navigasyon bağlantıları ile bu hatırlanması kolaydır. Önemli bir renk şeması, siteye birçok kişilik verir. Bir geliştirici kiralamak için web’i keşfederseniz, bu site kesinlikle dikkatinizi çekecektir. Bir fincan Jo’nun popüler yaşam tarzı blogu Bir fincan Jo, rahat bir profesyonel olarak görünen, kolayca yaklaşılan, ancak sofistike olan sahibi Joanna Goddard için çok uygun bir başlık sergiliyor. Klasik tipografi ve ince görünüm, bu ekran görüntüsünde görebileceğiniz gibi harika tasarımları ve hayal gücünü yansıtır. Dikkatinizi çeken şey, blog başlığında ilk ‘O’ da küçük bir resimdi. Konuyu yansıtan sayfadan sayfaya geçtiğinizde değişir. Örneğin, yiyecek sayfasına gittiğinizde turuncu dilimlerin özelliklerinin nasıl göründüğüne bakın: Bu dinamik fotoğraf gibi küçük ayrıntılar, minimalist bir tasarıma sahip bile sitenin ve yaratıcısının anında bir izlenimini yaratabilir. Amazon bile en büyük marka adı, markalarını güçlendirmek ve ziyaretçileri dönüştürmeye teşvik etmek için bir gölgelik kullanıyor. Amazon editörünü ele alalım, örneğin: bu sol üst köşede ünlü bir Amazon logosu ve birkaç navigasyon menüleri var. Eklediğiniz öğelerin sayısını sayan bir sepet simgesi var ve sadece bir değil iki CTA – bugün ilk teklifi ve alışverişi deneyin. Bu küçük bir alana sıkılmak için çok şey var. Bununla birlikte, Amazon’un çeşitli ürünlere erişim sağladığı bilinmektedir, bu nedenle başlık tasarımı marka imajına uygundur. WordPress sitenizin başlığını geleneksel olarak nasıl ayarlayabilirsiniz, temayı ayarlamak için geliştirici özel bir kod yazacaktır. Bu, özellikle sitenin duyarlı olması için gereksinimlerle gelişmiş kodlama becerileri gerektirir. Şu anda, bir kodlama deneyiminiz olmasa bile, Beaver Builder eklentisi için eklentimiz olan Beaver Themer’ı kullanarak çok etkili bir özel başlık yapabilirsiniz. Beaver Themer, genellikle içerik alanında düzen için kullanılan Beaver Builder ön uç drag-drop düzenleyicisini kullanarak özel bir başlık oluşturma gücü verir. İşte kolay yol. Bu, temaların gölgesinin düzeni için bir şablondur: Ekran görüntülerinde, temaların Beaver Builder editörünü nasıl kullandığını görebilirsiniz. Başlık şablonunda üst bıçaklar, başlık modülleri ve menü modülleri olan iki satır vardır. Gerçekten bazı tıklamalar yapabilir ve aynı iki satıra sahip olabilirsiniz, ancak fark nedir:
Şablonu değiştirmek için yaptığımız şey budur:
Üst bıçakların arka planını koyu renklere dönüştürün ve metni ve simgeleri beyaz hale getirin. Sağ sütun menüsü modülünü başlığın altına taşıyın. Sıralar ve modüllerde stil ve dolgu satırı.
Üstbilgiye ek olarak, altbilgi, arşiv ve tek gönderim sayfası, arama sayfası, sayfa 404 ve satış afişleri gibi “bölüm” sayfaları ve woocommerce, etkinlik takvimi ve kolay dijital indirmeler için benzer bir düzen oluşturabilirsiniz. Eklentiler yüklediyseniz.
Beaver Themer fiyatı yılda 147 $ olarak belirlenir ve%40 uzatma indirimi. Bu eklenti olduğu için, işlevini sağlamak için bir Beaver Builder’a da ihtiyacınız var. Beaver Themer ile Özel Başlığınızı Oluşturma Adımları Bu, Özel Başlık için Temerlerin Düzenini Yapma Yoludur. Beaver Builder eklentisinin ve Beaver Themer eklentisinin premium sürümünü yükleyip etkinleştirerek başlayın. Ardından site kontrol panelinizi açın ve kenar çubuğundaki Beaver Builder> Themer düzenlerini tıklayın. Ekranın üst kısmına Yeni Ekle’yi tıklayın. Bu ekran görüntüsünde gösterildiği gibi, başlığınızın düzeni için bir başlık oluşturun (web sayfanızda veya URL’de görüntülenmez) ve türü başlık olarak time düzeni ve düzen olarak ayarlayın:
Düğmeyi tıklayın Tema düzenini ekleyin. Ardından, bu ekran görüntüsündeki mavi düğmeyi Beaver Builder’ı başlatın.
Bu, İçe Aktarılan Başlık Düzeni Şablonu ile Beaver Builder düzenleyicisini açar.Aşağıdaki ekran görüntülerinde gösterildiği gibi özel gölgeliklerinizi yapmak için şablonu değiştirin.Veya şablondaki birini veya her iki satırı silebilir ve baştan başlayabilirsiniz. Başlığınızın orta ve küçük cihazlarda nasıl görüleceğini görmek ve yalnızca geçerli olan ayarlarda değişiklikler yapmak için Beaver Builder’ın Duyarlı Editörünü kullanabileceğinizi unutmayın. bir cihaz boyutu.Büyük, orta ve küçük bir ekran ekranı değiştirmek için editördeyken R klavye kısayolunu kullanın.Satırları ve şablon modüllerini açarken dikkat edeceğiniz bir şey, bazı alanların statik metin yerine bir alan bağlantısı kullanmasıdır.Bu örnekte, ekranda görünen “Demo Sitesi” metni, bu ekran görüntüsünde gösterildiği gibi, site başlığının bağlantısından dinamik olarak yapılır.
Nitelikli alan için sağda görünen Plus işaretini tıklayarak bir alan bağlantısı oluşturabilir, ardından listedeki dinamik değerlerden birini seçebilirsiniz. Bu durumda, site başlığının bağlantı alanı, Genel Ayarlar> Site başlığında bulunan WordPress ayarlarının değerini alır ve Site URL’sinin sitesi Genel Ayarlar> Site Adresi (URL) değerini ayarlar. İsterseniz bu alanda statik metinler yazabilirsiniz, ancak alan bağlantısının avantajı, WordPress ayarlarınızı değiştirdiyseniz, yeni değer başlığınızda otomatik olarak görüntülenecektir. Başka bir konumda, alan bağlantısı, düzenin gerçekleştiği sayfaya bağlı olarak değerin değişmesini sağlar. Örneğin, tek bir yazı düzeni yaparsanız ve Başlık Modülü alanının bağlantısı POST başlığında düzenlenirse, başlık hangi yazının görüntülendiğine bağlı olarak değişir. Beaver Themer’a dahil olan alan bağlantılarına ek olarak, WordPress Custom Alanına, Gelişmiş Özel Alanına veya Özel Pods alanına bağlanabilirsiniz, böylece ayar seçeneğiniz neredeyse sınırsızdır. Gölgeyi bitirdikten sonra, COMPLE tıklayarak düzenleyicideki değişiklikleri kaydedin. Bu ekran görüntüsünde gösterildiği gibi, başlığınızın ayarlarına dönmek için sayfanın üst kısmındaki WordPress yönetici çubuğundaki TEME Düzenini Düzenle’yi tıklayın. Başlığınızı nasıl görüntülemek istediğinizi belirleyin. Yapışkan hale getirebilirsiniz, yani kullanıcı sayfayı aşağı kaydırdığında görülecektir. Veya şeffaf bir arka planla kaplamayı sağlayabilirsiniz:
Bu ekran görüntüsünde gösterildiği gibi görüneceği yeri ayarlayarak başlığınızı görüntüleyecek bir yer seçin: Tüm siteyi seçerseniz, başlığınız tüm yayınlarınızda ve sayfalarınızda görülecektir. Daha sınırlı olmak istiyorsanız, belirli bir yazı veya sayfa türü seçebilir ve birden fazla konum kuralı ekleyebilirsiniz. Başlığınızın görünmez olmasını istediğiniz bir alan varsa, istisna kurallarını kullanın. Düğmeyi seçin, istisna kurallarını ekleyin ve sitenizde başlığınızın getirilmesini istemeyen hangi konumu belirleyin. Bu hariç tutulan sayfa için, diğer temaların düzenini kullanabilirsiniz veya temanız görüntülenecektir. Gerekli tüm kuralları yapılandırdıktan sonra Mavi Güncelleme düğmesini tıklayın. Özel başlığınız kullanıma hazır! Beaver Themer ile özel bir şeffaf başlık da yapabilirsiniz. İşte bunu nasıl yapacağınız konusunda size rehberlik eden bir video eğitimi. Aşağıda göz atın … Sonuç Marka görüntüleme ve etkili tasarım herhangi bir site için çok önemlidir. Başlığınız sitenizin kimliğini belirlemeye ve ziyaretçilerin dikkatini çekmeye yardımcı olabilir. Beaver Themer ile gelişmiş kodlama becerileri olmadan özel bir WordPress web sitesi gölgelik yapabilirsiniz. Doğrudan demo sitemizle ücretsiz olarak test edebilirsiniz. Beaver Themer ile özel bir başlık kullanma hakkında sorularınız mı var? Aşağıdaki yorum bölümünde bize bildirin!
