Başlık gezinme menüsüne bir düğme ekleme

Başlık gezinme menüsü, WordPress'tir ve genellikle kullanılmayan bir web sitesi gayrimenkulüdür. Çoğu web yöneticisi bunu yalnızca gezinme için kullanırken, bir arama çubuğu ve hatta tanıtım içeriği de ekleyebilirsiniz. Ancak bunu etkili bir şekilde yapabilmek için başlık gezinme menüsüne bir düğme eklemeyi düşünmelisiniz . Bu makalede, bunu yapmanın neden yararlı olduğunu ve bunu nasıl düzgün bir şekilde yapacağınızı ayrıntılı olarak ele alacağız.

Başlık gezinme menüsüne bir düğme eklemenin faydası

Başlık gezinme menüsünde bir düğme olması önemsiz bir şey gibi görünebilir. Sonuçta, standart bir köprü ile bir düğme arasında pek bir fark yok gibi görünüyor. Aslında, düz metin yerine bir düğmeye sahip olmak şaşırtıcı sonuçlar verebilir . Bunun nedeni çoğunlukla insan dikkatinin nasıl çalıştığı ve düğmelerinizin ne kadar dikkate değer olduğudur.

İnsanlar genellikle başlık gezinme menüsünü nasıl deneyimliyor?

Başlık gezinme menüsü genellikle insanların fark ettiği ikinci şeydir. Web sitenizi iyi tasarladıysanız ve gezinme menüsünü doğru bir şekilde eklediyseniz, gönderinizin başlığı izleyicinin dikkatini çeken ilk şey olmalıdır. Ancak bundan sonra, neyin mevcut olduğunu görmek için bakışları doğal olarak navigasyon menüsüne yönelmelidir. Mevcut sayfada kalmaya karar verirlerse, öyle olsun. Ancak, web sitenizde başka ilgi çekici noktalar varsa, bunlar başlık gezinme menüsünde açıkça görülebilmelidir.

Sonuçta amacınız, insanları web sitenizde mümkün olduğunca uzun süre tutmak olmalıdır . Ve anlaşılması kolay bir menüye sahip olmak çok yardımcı olabilir. Peki, tüm bunların içinde düğmeler nereden geliyor?

Düğme eklemenin faydası

Düğme eklemenin ana fikri, önemli bir şeyi vurgulamaktır. Başlık menüsü ilginç bağlantılar içeriyor olsa da, hepsi aynı öneme sahip değildir. Bazıları okumaya yardımcı olacak basit gezinme araçlarıdır. Ve diğerleri, okuyucularınızı dönüşüme yönlendirmeye hizmet eden daha doğrudan tanıtım içeriğidir. Peki, ikinci içerik söz konusu olduğunda, düğmeler tercihiniz olmalıdır . Onları uygun gördüğünüz şekilde değiştirebileceğiniz için, doğal olarak öne çıkacak ve dikkat çekeceklerdir. Bu nedenle, müşterinizin web sitenizdeki yolculuğunu anlıyorsanız, onları sosyal medyaya çekmek veya başarılı bir dönüşüm için butonları kolayca kullanabilirsiniz.

Özelleştirme ipuçları

Düğmelerinizi uygun etkiye sahip olacak şekilde özelleştirmek biraz zor olabilir. Bir yandan, web sayfasının görünümünü bozacaklarından çok fazla dışarı çıkmalarını istemezsiniz. Ancak dikkat çekmeyecekleri için çok fazla karışmalarını da istemezsiniz. Yani, bulmanız gereken şey, söylemesi yapmaktan daha kolay olan orta yol. Tavsiyemiz, başlık gezinme menüsünde düğmeleri başarıyla kullanan web sitelerini aramak ve renkleri nasıl kullandıklarını görmek. Unutmayın, düğmenizin şeklini, dış hatlarını, yazı tipini ve rengini değiştirebilirsiniz. Bu nedenle, kişiselleştirmede bu çeşitliliği kendi avantajınıza kullanın. İdeal olarak, web sitenizin genel estetiğine uygun stili bulacaksınız . Aynı zamanda dikkat çekerken.

Başlık gezinme menüsüne bir düğme nasıl eklenir

Neyse ki, WordPress başlık gezinme menüsüne bir düğme eklemek şaşırtıcı derecede basittir. Öncelikle, navigasyon menüsüne gitmeniz ve bir düğmeye dönüştürmek istediğiniz bağlantıyı eklemeniz gerekir. Bunu Görünüm -> Menü sayfasından yapabilirsiniz. Bunu yaptıktan sonra, üst kısımdaki Ekran Seçenekleri düğmesine tıklayın. Bunu yaparak, birkaç seçenek içeren bir açılır menü alacaksınız. Bu durumda sadece 'CSS Sınıfları' seçeneğini işaretlemeniz yeterlidir.

Bunu yaptıktan sonra, aşağı kaydırın ve bir düğmeye dönüştürmek istediğiniz menü öğesini genişletin. Orada, öğe ayarlarında yeni bir CSS sınıfı seçeneği alacaksınız. İçinde sınıf adını girebilirsiniz. Teorik olarak, sınıfınızı uygun gördüğünüz şekilde adlandırabilirsiniz. Ancak bu yazımızda daha kolay anlaşılması için sınıfa “menu-button” adını vereceğiz. Adınızı girdikten sonra 'Menüyü Kaydet' düğmesini tıklamayı unutmayın.

CSS kodu ekleme

Özel CSS sınıfımızı ekledikten sonra CSS kodunu eklemeye geçebiliriz. Burada Görünüm -> Özelleştir'e gitmeniz ve WordPress tema özelleştiricisini başlatmanız gerekir. Bunu yaparak web sitenizin bir önizlemesini ve tema ayarlarının bir listesini alacaksınız. Yapmanız gereken Ek CSS sekmesine tıklayıp genişletmektir. Burada özel CSS kodunuzu ekleyebileceğiniz bir kutu alacaksınız. Yeni başlayanlar için aşağıdaki kodu yapıştırmanızı öneririz:

.menü butonu {
arka plan rengi:#eb5e28;
sınır:1 piksel;
sınır yarıçapı:3px;
-webkit-box-shadow:1px 1px 0px 0px #2f2f2f;
-moz-box-shadow:1px 1px 0px 0px #2f2f2f;
kutu-gölge:1px 1px 0px 0px #2f2f2f;
}
.menu-düğmesi a, .menu-düğmesi a:hover, .menu-düğmesi a:etkin {
renk:#fff !önemli;
}

CSS kodunu ekledikten sonra, tema özelleştirici bunu web sitenizin önizlemesine uygular. Bu, yaptığınız değişiklikleri görmenizi sağlar. Ve merak etmeyin, değişiklikler kalıcı değil. İhtiyaç duyuyorsanız, devam edin ve CSS ile denemeler yapın ve neler yapabileceğinizi görün. Değişikliklerinizi kaydetmek için Yayınla düğmesine tıklayın.

Ve bununla, başlık gezinme menüsüne bir düğme eklemeyi bitirdiniz.

Son düşünceler

Her şey düşünüldüğünde, düğmeler başlık menünüze harika bir eklenti olabilir. Ancak, doğru tasarımı bulmanız çok önemlidir . Aslında, insanların bir düğme eklemekten kaçınmasının ana nedenlerinden biri, düğmeyi web sitesi tasarımına sığdıramamalarıdır. Sıkışırsanız, profesyonel bir grafik tasarımcıya danışmanızı ve katkılarına değer vermenizi şiddetle öneririz. Gördüğünüz gibi, tasarımı çözdükten sonra bir düğme eklemek gerçekten çok fazla zaman almıyor.