WordPress düzenleyicide düğme nasıl eklenir [öğretici]

Bu eğitimde WordPress düğme bloğuna bakacağız:

• Web sitesi düğmelerinin ana işlevi nedir
• Blok düzenleyicide düğme nasıl eklenir
• Ekstra ipucu – Google Analytics'te dönüşümleri izleyin

WordPress düğme bloğu neden bu kadar önemli?

Web sitesinde gezinme, ziyaretçiler ve müşteriler için önemlidir. Onları bir alt sayfadan daha uzağa göndermek istiyoruz. Tüm alışveriş süreci boyunca onlara rehberlik edin. Bu nedenle, önemli bağlantıları sayfa içeriğine doğru bir şekilde eklemek önemlidir.

Temelde 2 seçeneğimiz var. Standart bağlantı veya düğmeyi kullanın. İlk ve daha sonra seçeneğinin ne zaman kullanılacağına dair görüşler çeşitlidir. Bir sayfada birden fazla olası eylemin olması normaldir. Hangisinin birincil hangisinin ikincil olduğundan emin olmalıyız. Düğmeyi yalnızca birincil işlem için kullanmanızı öneririz. Bu şekilde, bu birincil eylemin daha fazla görünürlüğünü elde edersiniz. Ziyaretçilerin dikkatini bu eyleme odaklayacaksınız. Harekete geçirici mesaj düğmesi de diyebiliriz. Bir alt sayfada çok fazla düğme oluşturmayın.

Ana düğme işlevleri nelerdir?

• Düğmeler ziyaretçilerin dikkatini çekebilir – harekete geçirici mesaj
• Sayfayı ayırırlar veya içeriği yayınlarlar ve daha okunabilir hale getirirler.
• Sayfadaki yönlendirme ile ilgili yardım. Pek çok ziyaretçi sayfayı yalnızca gözleriyle görsel olarak tarar
• Köprüleri kullanarak ziyaretçileri diğer sayfalara yönlendirin

Düğme başarısını belirleyen birçok parametre vardır. Örneğin boyut, yerleşim veya düğme rengi önemlidir. Standart UI ve UX ilkelerini takip etmek gereklidir. Yeşil renk, örneğin bir şey satın almak için olumlu eyleme sahip düğmeler için kullanılır. Kırmızı renk negatif içindir – örneğin bülten aboneliğinden çıkmak için. Ziyaretçi eylemlerini doğrudan etkileyecek şekilde doğru tasarlanmış düğmeler.

WordPress'te herhangi bir Sayfaya veya Gönderiye düğme ekleme

WordPress 5 öncesi durum

Düğme eklemek, WordPress Blok düzenleyicisi icat edilmeden önce oldukça karmaşık bir işlemdi. Çünkü bu özellik WordPress'te doğal olarak yoktu. Temayı Sayfa Oluşturucu veya 3. taraf eklentisi ile kullanabilirsiniz. Kısa kodlar bu durumda düğmeler oluşturur.

Eski WordPress temalarımızda, görsel düzenleyicide kısa kodları kullanarak düğme ekleyebilirsiniz. Kısa Kod Ekle -> Düğmesine tıkladıktan sonra, kalıcı pencerede çeşitli ayarları yapabilirsiniz. Metin, metin rengi, düğme rengi, url, hizalama vb. Bu gelişmiş ayarlar sayesinde herhangi bir programlama yapmadan oldukça kolay ve hızlı bir şekilde buton ekleyebilirsiniz.

WordPress düzenleyicide Düğme bloğu nasıl kullanılır?

WordPress 5 sayesinde ikinci bir yol var. Daha kolay. WordPress görsel düzenleyici, birçok kullanışlı blok getiriyor. Web sitesinde bir düğme oluşturmak için artık düzenleyicide WordPress Düğme bloğunu kullanabilirsiniz.

Adım adım kılavuz WordPress düzenleyicide düğme ekleme

1. İlk önce düğmeyi nereye eklemek istediğinize karar vermeniz gerekir.
2. Düğme bloğu çeşitli şekillerde eklenebilir:
– üst çubukta veya blok düzenleyicide Düğme bloğunu seçtiğiniz herhangi bir yerde “+” işaretine tıklayarak

– arama çubuğunu kullanarak herhangi bir bloğu da bulabilirsiniz, sadece “düğme” yazın

– mevcut tüm bloklara erişmenizi sağlayan “/“ yazarak

3. Oluşturulan Düğme bloğu daha fazla yapılandırılabilir

Düğme metni ve URL adresi ekle

WordPress Blok düğmesi oluşturulur oluşturulmaz, içine metin yazabilirsiniz. Harekete geçirici mesaj düğmesi için net mesaj içeren kısa metin kullanmanın daha iyi olduğunu unutmayın. Metni kalın, italik veya altı çizili olacak şekilde ayarlayabilirsiniz. Tüm bu değişiklikler araç çubuğuna tıklanarak yapılabilir. Ayrıca düğmeyi yana hizalayabilir veya ortalayabilirsiniz.

Düğme genellikle başka bir sayfaya veya harici web sitesine işaret eder. Bu nedenle hemen altında URL adresi eklemek için bir giriş var. Avantaj, URL eklemenin metin seçmeyi gerektirmemesidir.

Düğme rengini değiştirme

Yeni düzenleyici, WordPress düğme bloğunu birkaç saniye içinde değiştirmenize olanak tanır. Sağ taraftaki kenar çubuğundaki ayarları kullanmanız yeterlidir. Düğme arka plan rengini veya düğme içindeki metin rengini değiştirebilirsiniz. Temel önceden tanımlanmış renkler vardır veya kendinizinkini seçebilirsiniz. Renk kombinasyonunun iyi olup olmadığını görmek için tüm değişiklikler hemen görülebilir.

Harika bir özellik, örneğin gri arka plan ve beyaz metin rengi gibi yanlış kombinasyonlar seçerseniz, WordPress blok düzenleyicisi, web sitenizde düğmenin okunamayacağı konusunda sizi uyaracaktır.

Kendi düğme stilinizi bulun

Düğmeyi ultra hızlı ve zahmetsizce oluşturmak veya değiştirmek için hazırlanmış stillerden birini kullanabilirsiniz. Düğme bu şekilde örneğin yuvarlak, kenarlıklı veya dikdörtgen olarak değiştirilebilir. Web sitenizin stiline veya tasarımına en uygun olanı deneyin.

Özel CSS ile düzenleme düğmesi

Özel CSS sınıfları kullanılarak daha da fazla özelleştirme elde edilebilir. Bu şekilde, WordPress düzenleyicide kendi CSS stillerinizi ve stil düğmenizi tam olarak istediğiniz gibi ekleyebilirsiniz.

Gördüğümüz gibi, düğme kısa kodunu kullanmaktan çok daha kolay bir yol var. WordPress Düğme bloğu, WordPress Blok Düzenleyici ile uyumlu herhangi bir temada kullanılabilir. Yepyeni Citadela WordPress temamız hakkında daha fazlasını okuyun. WordPress Block Editor için özel olarak tasarlanmış ve geliştirilmiştir.

Sonunda ekstra ipucu

WordPress düğme bloğunuzu ve düğme başarısını izlemeyi unutmayın. Google Analytics kullanıyorsanız, benzersiz bir URL oluşturabilirsiniz. Ziyaretçi tıklamalarını izlemek için Google UTM parametresi ekleyebilirsiniz. URL, URL oluşturucu kullanılarak oluşturulabilir. Parametre eklemek, ziyaretin kaynağını belirlemenizi sağlar. Ziyaretçilerin alışveriş sayfanıza nereden geldiğini bilmek istiyorsanız çok kullanışlıdır.

Şu anda WordPress düğme bloğuyla ilgili en büyük sorununuz nedir? Aşağıdaki yorumlarda tartışalım. Web sitesindeki Düğmeleri kullanma deneyiminizi paylaşın.