WordPress Başlık Menünüze Nasıl Düğme Eklenir?

WordPress başlık menünüze bir düğme eklemek ister misiniz?

Başlık gezinme menüsüne bir düğme eklemek, daha dikkat çekici bir harekete geçirici mesaj oluşturmanıza olanak tanır. En önemli sayfalarınıza daha fazla tıklama alabilir ve ziyaretçilerinizin harekete geçmesine yardımcı olarak daha iyi bir kullanıcı deneyimi yaratabilir.

Bu makalede, WordPress başlık menünüze nasıl kolayca düğme ekleyeceğinizi göstereceğiz.

WordPress gezinme menüsüne düğme ekleme

WordPress Başlık Menüsüne Neden Bir Düğme Eklemelisiniz?

WordPress gezinme menüleri genellikle hepsi aynı görünen düz metin bağlantılardır. Tasarım açısından tüm bağlantılara aynı önem ve ağırlık verilmiştir.

Düz bağlantılar içeren başlık gezinme menüsü

Bir çevrimiçi sipariş formuna bağlantı, oturum açma veya kaydolma sayfası bağlantısı veya şimdi satın al bağlantısı eklemek isterseniz ne olur? Bu önemli harekete geçirici mesajlar, başlık menüsündeki diğer bağlantılara benzeyecektir.

WordPress gezinme menünüzdeki önemli bağlantıları düğmelere dönüştürmek, onları daha belirgin hale getirecektir. Bu, kullanıcıların web sitenizdeki etkileşimlerini ve deneyimlerini geliştirerek onları kolayca bulmalarına yardımcı olur.

Bir düğme ile gezinme menüsü

Varsayılan olarak, WordPress, Düğmeler bloğunu kullanarak WordPress gönderilerine ve sayfalarına düğme ekleme seçeneklerine sahiptir. Ancak, gezinme menülerine düğme eklemek için yerleşik bir seçeneğe sahip değildir.

Neyse ki, WordPress gezinme menünüzdeki herhangi bir bağlantıyı bir düğmeye dönüştürmek için kolay bir hile var.

Bununla birlikte, bir eklenti yüklemeden WordPress başlık menünüze nasıl düğme ekleyeceğinize bir göz atalım.

WordPress Başlık Menünüze Düğme Ekleme

İlk olarak, bir düğmeye dönüştürmek istediğiniz bağlantıyı WordPress gezinme menünüze eklemeniz gerekir.

Basitçe şuraya gidin: Görünüm » Menüler WordPress panonuzdaki sayfaya gidin ve bağlantıyı gezinme menünüze ekleyin.

WordPress menüsüne bir bağlantı ekleyin

Bundan sonra, üst kısımdaki Ekran Seçenekleri düğmesine tıklamanız gerekir. Bu, bir dizi seçenek içeren bir aşağı açılır menüyü ortaya çıkaracaktır. ‘CSS Sınıfları’ seçeneğinin yanındaki kutuyu işaretlemeniz gerekir.

Ekran Seçeneklerinde CSS sınıflarını göster

Şimdi menünüze gidin ve bir düğmeye dönüştürmek istediğiniz menü öğesini genişletmek için tıklayın.

Bu da ilginizi çekebilir  Sitenizi Joomla'dan WordPress'e Kolayca Taşıma (Adım Adım)

Bir bağlantıya özel CSS sınıfı ekleyin

Menü öğesi ayarlarında yeni bir CSS sınıfı seçeneği göreceksiniz. Burada bir sınıf adı girmeniz gerekiyor. Bu CSS sınıfına istediğiniz herhangi bir benzersiz ad verebilirsiniz, ancak bu eğitimin iyiliği için ona menü düğmesi diyeceğiz.

Bir isim girdikten sonra, değişikliklerinizi kaydetmek için ‘Menüyü Kaydet’ düğmesine tıklayın.

Artık menü öğesine kendi özel CSS sınıfımızı eklediğimize göre, kendi özel CSS kodumuzu ekleyerek tasarlayabiliriz.

basitçe git Görünüm » Özelleştir WordPress tema özelleştiricisini başlatmak için.

Artık sağda web sitenizin canlı bir önizlemesini ve sol sütunda bir dizi tema ayarını göreceksiniz.

WordPress tema özelleştiricisinde ek CSS seçeneği

Şimdi genişletmek için Ek CSS sekmesine tıklamanız gerekiyor. Bu size özel CSS kodunuzu ekleyebileceğiniz bir kutu gösterecektir.

Burada, başlangıç ​​noktası olarak aşağıdaki CSS kodunu kopyalayıp yapıştırabilirsiniz.


.menu-button { 
background-color:#eb5e28;
border:1px;
border-radius:3px;
-webkit-box-shadow:1px 1px 0px 0px #2f2f2f;
-moz-box-shadow:1px 1px 0px 0px #2f2f2f;
box-shadow:1px 1px 0px 0px #2f2f2f;
}
.menu-button a,  .menu-button a:hover, .menu-button a:active { 
color:#fff !important;
}

CSS kodunu ekler eklemez, tema özelleştirici bunu otomatik olarak web sitenizin önizlemesine uygulayacak ve değişikliklerin etkili olduğunu görebileceksiniz.

Endişelenmeyin, siz Yayınla düğmesini tıklatana kadar değişiklikler web sitenizde yayınlanmayacaktır.

Menü düğmesi önizlemesi

CSS ile istediğiniz kadar oynamaktan çekinmeyin. Arka plan rengini değiştirebilir, metin rengini bağlayabilir, kenarlık ekleyebilir ve daha fazlasını yapabilirsiniz.

Değişikliklerinizi kaydetmek için Yayınla düğmesine tıklamayı unutmayın.

Bu kolay olmadı mı?

Bu numarayı yalnızca başlık menünüze düğmeler eklemek için değil, WordPress gezinme menünüzdeki herhangi bir bağlantıyı vurgulamak için de kullanabilirsiniz.

Bu makalenin, WordPress başlık menünüze nasıl düğme ekleyeceğinizi öğrenmenize yardımcı olacağını umuyoruz. Kullanıcıların düğmelerinizle nasıl etkileşime girdiğini görmek ister misiniz? WordPress’te dönüşüm oranının nasıl izleneceğine ilişkin kılavuzumuza bakın. Ardından, küçük işletmeler için en iyi canlı sohbet yazılımı listemize göz atın.

Bu makaleyi beğendiyseniz, lütfen abone olun Youtube kanalı WordPress video eğitimleri için. Bizi de bulabilirsiniz heyecan ve Facebook.

Bu da ilginizi çekebilir  Eğlenceli ve Güvenli Bir Dört Temmuz İçin İpuçları





Kaynak

Teşekkürler Bunu zaten beğendin
Yorum yok