Bu makale, devam eden Kaydırıcı Devrimi eğitim serimizin bir parçasıdır. Bu dizideki tüm makaleleri Kapsamlı Kaydırıcı Devrim Kılavuzumuzda bulabilirsiniz.
Harekete geçirici mesajlar, kullanıcı arayüzünün bölümleri veya basit bağlantılar olsun, düğmeler herhangi bir web sitesinin temel bir öğesidir. Özen ve dikkatle tasarlandıklarında, sitenizde kullanıcılara rehberlik etmeye ve ziyaretçilerinizin genel deneyimini iyileştirmeye yardımcı olabilirler. Fakat nasıl etkili bir düğme tasarlayacağınızı bilmenin yanı sıra, düğmelerinizi nereye yerleştireceğinizi de düşünmeniz gerekir. Ve ekranın üst kısmındaki kaydırıcı, önemli web sitesi öğelerinin yerleştirilmesi için her zaman iyi bir seçimdir. Bugünün eğitiminde, Slider Revolution’a nasıl düğme ekleyeceğinizi göstereceğiz. Bu durum kaydırıcıya bir düğme kısa kodu ekleyerek veya yeni bir düğme katmanı oluşturarak yapılabilir. Slider Revolution’a nasıl kısa kod ekleneceğini özel bir makalede zaten ele aldık, bu nedenle kaydırıcılarınıza başka kısa kodlar eklemekle ilgileniyorsanız bunu kontrol ettiğinizden emin olun.
Hatta Slider Revolution’a nasıl düğme ekleyeceğiniz ile ilgili videomuzu da izleyebilirsiniz:
Veya adım adım metin kılavuzunu tercih ederseniz okumaya devam edin.
Slider Revolution’a Düğme Kısa Kodu Ekleme
Kaydırıcınıza kısa kod aracılığıyla bir düğme eklemek oldukça basittir. Fakat asıl kodu kaydırıcınıza eklemeden önce, bir test sayfasında bir düğme ‘oluşturmanızı’ ve her şeyin istediğiniz gibi göründüğünden emin olmanızı öneririm.
Bu eğitimin amaçları doğrultusunda, Evently WordPress temasını kullanacağız. Düğmemizi temanın özel düğme kısa koduyla oluşturacağız.
Kısa kodun Genel ayarlarında, çeşitli özelleştirme seçeneklerimiz olduğunu görebilirsiniz. Düğmeniz için seçenekleri tam olarak nasıl ayarladığınız, kullanmakta olduğunuz temaya ve aradığınız düğme stiline bağlı olacaktır.
Bu temanın düğmesi ayrıca Tasarım seçeneklerine sahiptir, böylece düğmeyi kendi başınıza ‘tasarlayabilirsiniz’. Düğmenin arka planı, metni ve kenarlığı için başlangıç ve fareyle üzerine gelme renklerini seçebilir, ayrıca bir yazı tipi boyutu, yazı tipi ağırlığı seçebilir ve düğme kenar boşluğunu ve dolgusunu özelleştirebilirsiniz.
Düğmenizin görünümünü tanımladıktan sonra Metin düzenleme moduna geçin ve düğme kısa kodunu kopyalayın. Benim durumumda kod [mkdf_button size=”small” text=”Purchase” target=”_blank” icon_pack=”” font_weight=”700″ link=”https://evently.mikado-themes.com/” color=”#ffffff” hover_color=”#ffffff” background_color=”#356bf8″ hover_background_color=”#0141f5″ border_color=”#356bf8″ hover_border_color=”#0141f5″ font_size=”13″ padding=”16px 46px”].
Şimdi kaydırıcınıza gidin ve basit bir metin katmanı ekleyin. Ardından daha önce kopyaladığınız kodu o katmana yapıştırın. Çalışma çerçevenizde metin olarak görünecektir.
Fakat kaydırıcınızı kaydedip düğmenin üzerine yerleştirildiği sayfaya gittiğinizde doğru şekilde görüntülenmesi gerekir. Artık düğmenin konumu, duyarlılığı ve animasyonu ile oynayabilirsiniz.
Kaydırıcı Devrimine Düğme Katmanı Ekleme
Belki de temanızla birlikte gelen düğmelerin tasarımının hayranı değilsiniz. Veya belki de temanın önceden tasarlanmış bir düğme kısa kodu yoktur. Slider Revolution’da kendi düğmenizi yaratma kararınızın nedeni ne olursa olsun, şimdi bunu tam olarak nasıl yapacağınızı öğreneceksiniz.
İlk olarak kaydırıcı çalışma çerçevesine bir düğme katmanı ekleyin.
Düğmeyi eklediğinizde, siz özelleştirene kadar çalışma çerçevenizde metin olarak görünecektir.
Ekranın sağ tarafında çok sayıda önceden tasarlanmış düğme stili bulacaksınız ve web sitenizin stiline uygun olanı seçebilirsiniz.
Bu yaygın düğme stillerinin yanı sıra, örneğin oynatma düğmeleri gibi biraz farklı bir şey de seçebilirsiniz.
Hatta düğmenize bir gölge efekti ekleyebilirsiniz.
Temel düğme stilini tanımladıktan sonra, gidip web sitenizin görünümüne daha iyi uyması için gelişmiş ayarlarını değiştirebilirsiniz.
Düğmeyi özelleştirmek, Katman Seçeneklerinden başka herhangi bir katmanı özelleştirmekle aynıdır. Düğmenin ilk görünümünü değiştirmekten fareyle üzerine gelindiğinde nasıl görüntüleneceğini değiştirmeye, animasyonlar eklemeye ve kolaylaştırmaya kadar ihtiyacınız olan her şey orada.
Ve hepsi bu kadar. Düğme katmanınızı ayarlamayı tamamladığınızda, yanıt verebilirliği ve gelen animasyonu gibi daha gelişmiş seçenekler üzerinde çalışabilirsiniz. İşte Evently temasından gelen bir animasyon örneği:
Slaytlarınızı canlandırma ve katmanlarınızı duyarlı hale getirme hakkında daha fazla bilgi edinmek için Slider Revolution makale dizimizin tamamını kontrol ettiğinizden emin olun.
Konu Özeti
Düğmenizi ister bir kısa kod olarak ister bir Slider Revolution katmanı aracılığıyla oluşturun, stillerini kolayca özelleştirebilir ve web sitenizin ziyaretçileri için neyin en iyi olduğunu görmek için farklı metinler deneyebilirsiniz. Fakat artık Slider Revolution’a düğme eklemenin bu son derece basit iki yolunu öğrendiğinize göre, slaytlarınızın her birinin bir harekete geçirici mesaj veya ziyaretçilerinizin ne yapmalarını istediğinizi bilmelerini sağlayacak bir bağlantı içerdiğinden emin olabilirsiniz. veya sitenizde bir sonraki ziyaret etmelerini istediğiniz sayfa.