Elementor’da bir sütunun ya da kutunun tamamını tıklanabilir yapmak, kart tasarımlarında kullanıcı deneyimini ciddi şekilde iyileştirir. Ziyaretçi sadece küçük bir butona değil, kartın her yerine tıklayarak ilgili sayfaya gidebilir. Bu kısa videoda nasıl yapıldığını gösteriyorum.
Container ile tıklanabilir kutu
Elementor’un yeni Flexbox Container yapısında bu iş artık kod gerektirmiyor:
- Tıklanabilir yapmak istediğiniz container’ı seçin.
- Düzen sekmesinde HTML etiketini a (link) olarak değiştirin.
- Açılan bağlantı alanına gidilecek adresi yazın.
- İçerideki buton ya da başka linkleri kaldırın; link içinde link olması hatalı HTML oluşturur.
Eski section/column yapısında
Eski sütun yapısını kullanıyorsanız sütuna bir CSS sınıfı verip küçük bir JavaScript ya da CSS çözümüyle tıklanabilir yapabilirsiniz. Videoda bu yöntemi de anlatıyorum. Yine de mümkünse sayfayı container yapısına taşımanızı öneririm.
İpuçları
- Tıklanabilir kartlara hover efekti (gölge, hafif büyüme) ekleyerek ziyaretçiye ipucu verin.
- Kart içindeki başlık, linkin açıklayıcı metni olarak SEO’ya da katkı sağlar.
- Mobilde kartların kolay dokunulabilir büyüklükte olduğunu kontrol edin.
İlgili yazılar
Videonun notları
Bu videoda “Elementor Sitede Sütunlar Nasıl Tıklanabilir Yapılır” anlatmaya çalıştım. Video süresi 6 dakikadır.
Elementor da Sütunlar Nasıl Tıklanabilir Yapılır?
İlgili Bağlantılar
Bu yazıda kullanılan araçları lisanslı olarak sitenize kurmamızı isterseniz Elementor Pro Lisansı ürünümüzü inceleyebilirsiniz.
Eğitime konu olan bağlantılara videonun açıklama kısmından da erişebilirsiniz.
Eğitim İçeriği
Eğitim içeriğini videonun açıklama kısmından da inceleyebilirsiniz.
