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.
WordPress ile ilgili harika şeylerden biri, kullanıcıların tüm harika öğeleri web sitelerine eklemelerine yardımcı olan kısa kod adı verilen bu küçük şeyleri kullanmasıdır. Kullanışlı, hafif, kullanımı kolay ve herhangi bir WordPress yöneticisi için son derece önemlidir. Bugün, Slider Revolution’a nasıl kısa kod ekleyeceğimizden bahsedeceğiz.
Kısa Kodlar Nedir?
WordPress’te kısa kodlar, belirli bir öğe, işlevsellik veya tasarım özelliği eklemek için web sitenizin arka ucuna yerleştirilebilen küçük kod parçalarıdır. Galeriler, videolar, düzen öğeleri, simgeler veya resimler içeren sayfa bölümleri, pasta grafikler, sayaçlar vb. gibi infografikler eklemek için kullanılabilirler. Tabii ki kaydırıcılar için de kullanılabilirler. Premium WordPress temaları genellikle, kullanıcıların yalnızca birkaç tıklamayla sayfalarına veya kaydırıcılarına ekleyebilecekleri çok çeşitli özel kısa kodlar içerir.
Kaydırıcı Devrimine Neden Kısa Kodlar Eklenir?
Slider Revolution, neredeyse sonsuz yaratıcı olanaklara sahiptir. Yine de, bazen daha önce biçimlendirilmiş bir kısa kodu kaydırıcınıza kopyalamak, katmanları kendi başınıza sıfırdan oluşturmaktan daha kolaydır. Bir düşünün: Slider Revolution’da karmaşık bir öğe oluşturmak istediğinizde, bunu üst üste binen ve o öğeyi oluşturmak için bir araya gelen birden çok katmanı kullanarak yapabilirsiniz. Fakat bu aynı zamanda, hepsinin aynı animasyona sahip olmasını isteseniz bile her bir katmanı ayrı ayrı canlandırmanız gerektiği anlamına gelir. Öte yandan, daha önce stilize edilmiş bir kısa kod kullanır ve bunu kaydırıcıya bir katman olarak eklerseniz, tüm bu güçlüklerle uğraşmak zorunda kalmazsınız. Bu yöntemin çok büyük bir zaman kazandırdığı açıktır, bu yüzden Slider Revolution’a nasıl kısa kod ekleneceğini kontrol edelim.
Kaydırıcınıza Kısa Kodlar Nasıl Eklenir?
Başlamadan önce, ihtiyaçlarınıza uygun olduğundan emin olmak için kullanmak istediğiniz kısa kodu seçmeli ve test etmelisiniz. Arka uçtaki kısa koda erişin ve onu rastgele bir test sayfasına ekleyin. Daha sonra Metin düzenleyici modunu kullanarak kopyalayabilir ve kaydırıcınıza yapıştırabilirsiniz – ancak daha sonra buna daha fazla değineceğiz.
Goodwish temamız, kaydırıcılarda kısa kod kullanmanın iyi bir örneği olabilir. Spesifik olarak, aşağıda görüldüğü gibi Ekoloji Evi:
Bu tür şeyler, eklenti kullanılmadan sayfadaki kısa kodlar kullanılarak kesinlikle oluşturulabilir, fakat onu canlandırmak istedik ve Slider Revolution’ın bunun için mükemmel olduğunu gördük.
Kaydırıcının sol tarafında bir miktar metin ve bir CTA düğmesi olduğunu görebiliriz (Slider Revolution’a düğmeler eklemek başka bir basit işlemdir). Diğer tarafta, animasyonlu sayaca sahip bir infografik öğemiz var. Bu durum üzerinde bazı metinler ve arka plan için dikdörtgen bir şekille birleştirilmiş özel Pasta Grafiği kısa kodumuz kullanılarak eklendi. Bunun gibi bir öğe, ince daire için bir katman, kalın olan için başka bir katman, yüzde için bir katman ve aşağıdaki başlık metni için bir katman daha kullanılarak Slider Revolution’da katman katman oluşturulabilir.
Yani sadece dört farklı katman eklemekle kalmayacak, aynı zamanda onları teker teker canlandırmamız gerekecek. Bununla birlikte Pasta Grafiği kısa kodunun kendi animasyonları vardır, bu nedenle kısa kodu kaydırıcı çalışma çerçevesine eklediğinizde, onunla birlikte tüm işlevselliğe sahip olursunuz. Yüzde ve başlık arasında seçim yapabileceğiniz Merkezi metin Türü gibi temel/genel seçeneklerle birlikte gelir; bunun altında yüzde değeri için bir alanımız var ve üçüncüsü dairenin altındaki başlığı ayarlamak içindir. Önceden tanımlanmış stili korumak istemiyorsanız, kendi başlık etiketinizi seçebilirsiniz. Ayrıca metin eklemek için bir seçenek var, fakat bizim örneğimizde kaydırıcı herhangi bir metin kullanmadı.
Pasta Grafikler kısa kodunda ayrı bir “Tasarım Seçenekleri” sekmesi vardır. Öğe için tercih edilen renkleri seçebileceğiniz yer burasıdır. Varsayılan ayarları beğenmediyseniz, tablonun altındaki boyutları ve kenar boşluğunu da değiştirebilirsiniz.
Kısa kodunuzun tüm öğelerini tanımladıktan ve canlı sayfada kontrol ettikten sonra, metin düzenleme moduna geçerek kodu kopyalayabilirsiniz. Bizim durumumuzda, kod [edgtf_pie_chart type_of_central_text=”percent” percent=”90″ title=”Raised So Far” active_color=”#ffffff” inactive_color=”#f6cd7d” title_color=”#ffffff” percent_color=”#ffffff”].
Şimdi kaydırıcıya kısa kod ekleme zamanı. Slider Revolution’da bir metin katmanına yapıştırmanız ve diğer katmanlarda yaptığınız gibi katman seçeneklerini ayarlamanız yeterlidir.
Ve hemen hemen hepsi bu kadar. Metin katmanındaki kısa kod, Goodwish temasındaki örneğimizdeki infografik öğeye dönüşür ve kullanmaya karar verdiğiniz diğer tüm kısa kodlar da aynısını yapar.
Çözüm Yolu
Slider Revolution kaydırıcılarına kısa kodlar eklemek, bugün tartıştığımız gibi durumlarda son derece yardımcı olabilir. Gördüğümüz gibi, aksi takdirde ayrı katmanlar oluşturmak için harcayacağınız zamandan çok tasarruf etmenizi sağlar, ayrıca stilizasyon ve özelleştirme üzerinde tam kontrole sahip olursunuz. Tek yapmanız gereken, sizin için çalışan bir kısa kod bulmak ve ihtiyaçlarınıza uyacak şekilde biraz değiştirmek.