İçindekiler
WordPress düğme bloğu neden bu kadar önemli?
Web sitesindeki navigasyon ziyaretçiler ve müşteriler için önemlidir. Onları bir alt sayfadan diğerine 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 şekilde yerleştirmek önemlidir.
Temel olarak 2 seçeneğimiz var. Standart bağlantı veya düğme kullanın. İlk ve sonraki seçeneğin ne zaman kullanılacağına ilişkin görüşler çeşitlidir. Bir sayfada birden fazla olası eylem olması olağandır. Hangisinin birincil ve hangisinin ikincil olduğundan emin olmamız gerekir. Düğmeyi yalnızca birincil eylem 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. Buna eyleme çağrı butonu da diyebiliriz. Bir alt sayfada çok fazla düğme oluşturmayın.
- Düğmeler ziyaretçilerin dikkatini çekebilir - harekete geçirici mesaj
- Sayfa veya gönderi içeriğini ayırır ve daha okunabilir hale getirir
- Sayfada yönlendirme konusunda yardımcı olun. Birçok ziyaretçi sayfayı sadece gözleriyle tarar
- Köprüleri kullanarak ziyaretçileri diğer sayfalara yönlendirmek
Düğme başarısını belirleyen pek çok parametre vardır. Örneğin boyut, yerleşim veya düğme rengi önemlidir. Standart UI ve UX ilkelerini takip etmek gerekir. Yeşil renk, örneğin bir şey satın almak gibi olumlu eylem içeren düğmeler için kullanılır. Kırmızı renk olumsuz eylemler içindir - örneğin bülten aboneliğinden çıkmak için. Bu şekilde doğru tasarlanmış butonlar ziyaretçi eylemlerini doğrudan etkiler.
WordPress'te herhangi bir Sayfa veya Yazıya düğme ekleme
WordPress 5'ten önceki durum
WordPress Blok editörü icat edilmeden önce buton eklemek oldukça karmaşık bir işlemdi. Çünkü bu özellik WordPress'te doğal olarak bulunmuyordu. Temayı Page Builder veya 3. parti eklenti ile kullanabiliyordunuz. 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. Insert Shortcode -> Button seçeneğine tıkladıktan sonra modal 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 editöründe Düğme bloğu nasıl kullanılır?
WordPress 5 sayesinde ikinci bir yol var. Çok daha kolay. WordPress görsel editörü birçok kullanışlı blok getiriyor. Web sitesinde bir düğme oluşturmak için artık editördeki WordPress Düğme bloğunu kullanabilirsiniz.
WordPress editörüne nasıl düğme ekleneceğine dair adım adım kılavuz
1. Öncelikle düğmeyi nereye yerleştirmek istediğinize karar vermeniz gerekir
2. Düğme bloğu çeşitli şekillerde eklenebilir:
- üst çubuktaki "+" işaretine tıklayarak veya Düğme bloğunu seçtiğiniz blok düzenleyicide herhangi bir yere tıklayarak
- arama çubuğunu kullanarak herhangi bir bloğu da bulabilirsiniz, sadece "düğme" yazın
- "/" yazarak mevcut tüm bloklara erişebilirsiniz
3. Oluşturulan Düğme bloğu daha fazla yapılandırılabilir
Düğme metni ve URL adresi ekleyin
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ş vardır. Avantajı, URL eklemenin metin seçmeyi gerektirmemesidir.
Düğme rengini değiştirme
Yeni editör, WordPress düğme bloğunu birkaç saniye içinde değiştirmenize olanak tanır. Sadece sağ taraftaki kenar çubuğundaki ayarları kullanın. Düğme arka plan rengini veya düğme içindeki metin rengini değiştirebilirsiniz. Önceden tanımlanmış temel renkler vardır veya kendi renginizi seçebilirsiniz. Renk kombinasyonunun doğru 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 editörü sizi web sitenizde düğmenin okunamayacağı konusunda uyaracaktır.
Kendi düğme stilinizi bulun
Düğmeyi çok hızlı ve hiç çaba harcamadan 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üğme düzenleme
Özel CSS sınıfları kullanılarak daha da fazla özelleştirme elde edilebilir. Bu şekilde kendi CSS stillerinizi ve stil düğmenizi WordPress editörüne tam olarak istediğiniz gibi ekleyebilirsiniz.
Gördüğümüz gibi, düğme kısa kodu 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 fazla bilgi edinin. 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ınızı izlemeyi unutmayın. Google Analytics kullanıyorsanız, benzersiz bir URL oluşturabilirsiniz. Ziyaretçilerin tıklamalarını izlemek için şunları ekleyebilirsiniz Google UTM parametresi. URL, URL oluşturucu kullanılarak oluşturulabilir. Parametreler 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ğu ile yaşadığınız en büyük sorun nedir? Aşağıdaki yorumlarda tartışalım. Web sitenizde Düğme kullanma deneyiminizi paylaşın.
Bu öğreticiyi paylaştığınız için teşekkürler. Ayrıca lütfen bana nasıl bir blok şablonu oluşturabileceğim konusunda yol gösterebilir misiniz? Bu kaynağı kullanarak aynı şeyi yapıyorum https://wpitech.com/create-wordpress-gutenberg-block-templates/ ancak bir hata veriyor ve ön uçta bazı programlama satırları var. Kod şu şekilde
add_action( 'init', function() {
$args = array(
'public' => true,
'etiket' => 'Haberler',
'show_in_rest' => true,
'template_lock' => 'all',
'şablon' => array(
array( 'core/paragraph', array(
'placeholder' => 'Son Dakika Haberleri',
güzel yazı için çok teşekkürler.....
Bir eklenti indirmeden içeriği bir düğme ile daraltmanın bir yolu olup olmadığını biliyor musunuz? Temel olarak wordpress.com premium kullanıyorum, işletme değil, bu yüzden eklentileri indirmek gerçekten kolay bir seçenek değil.
Teşekkürler!
Selamlar,
Sorduğunuz için teşekkürler. Sorununuzu çözmek için bir çözüm sunup sunamayacaklarını doğrudan wordpress.com ekibine sormalısınız. Saygılarımla!
Zlatko
AİT ekibi