İçerik kaydırıcıları günümüzde WordPress’te yaygındır, ancak genellikle yalnızca çok sınırlı koşullarda kullanılırlar – tipik olarak, ana sayfalarda, son gönderileri veya resim galerilerini sergilemek için bulunurlar. WordPress web sitelerinin içerik kaydırıcılarının potansiyelini ve esnekliğini kullanarak ziyaretçileri harekete geçmeye motive eden ilgi çekici hikayeler anlattığı yeni bir trend gelişiyor – yani ürün turları şeklinde.
WordPress ürün turunuz için bir içerik kaydırıcısı kullanmak, kullanıcıları kilit noktalarda kendi hızlarında yönlendirerek ürünleri daha iyi satmanıza yardımcı olabilir – bu sadece bir video kullanmaktan daha iyidir, çünkü zaman kodunu tahmin etmek zorunda kalmak yerine belirli, tanımlanmış noktalara geri / ileri atlayabilirler. Ayrıca, bu şekilde bir içerik kaydırıcı kullanmak her türlü web ortamından faydalanmanızı sağlar; yani kullanıcınızı pasif bir şekilde video izlemeye zorlamak yerine slaytlara etkileşimli içerik ekleyebilirsiniz.
Yakın zamana kadar, en basit içerik kaydırıcı ürün turları dışında herhangi bir şey oluşturmak için nasıl kod yazılacağını bilmeniz gerekiyordu, ancak tüm bunları değiştiren SlideDeck 2 adlı harika bir kaydırıcı eklentisi kullanıyoruz.
Bu güçlü eklenti, tek bir kod satırı bile gerektirmeden dakikalar içinde harika kaydırıcılar oluşturmayı süper basit hale getiriyor. SlideDeck 2’nin diğer güçlü özelliklerinden birini önceki bir yazıda ele almıştık, ancak son güncellemeleri özel içerik kaydırıcıları oluşturmanıza ve ziyaretçilerinizi harekete geçmeye motive eden ilgi çekici sunumlar oluşturmak için her slaydın içeriğini uyarlamanıza olanak tanıyor. SlideDeck 2’yi kullanarak WordPress siteniz için nasıl güzel bir ürün turu yapabileceğinizi göstermek için bu hızlı kılavuzu hazırladık.
Eklentiyi satın alma ve yükleme
Her şey sırayla: Özel İçerik slaytları SlideDeck 2’de premium bir özelliktir, bu nedenle sitenizde kullanmak için satın almanız gerekir. SlideDeck web sitesine gitmenizi ve eklentiyi satın almanızı öneririz – içerdiği güç için oldukça ucuzdur ve daha iyi özellikler elde etmek ve daha fazla sitede kullanmak için kolayca yükseltebilirsiniz.
Özel İçerik özelliğinin kilidini açmak için Profesyonel veya Geliştirici paketini satın almanız, ardından eklentiyi ve ek özelliklerin kilidini açan bir ‘Eklenti’ yüklemeniz gerekir.
Eklentiyi yüklemek için kullanışlı Adım Adım WordPress Eklentisi Yükleme Kılavuzumuzu takip edebilirsiniz.
Terminoloji
Başlamadan önce açıklamamız gereken birkaç terim var:
- Slayt Türü – Her biri belirli bir içerik türünü barındıracak şekilde tasarlanmış 4 farklı slayt türü vardır: resim, video, metin ve HTML.
- Lens – Lensler içerik kaydırıcınız için temalar gibidir. Kaydırıcınızın nasıl görüneceğini ve davranacağını ve içeriğin sayfada nasıl sunulacağını kontrol ederler. Tıpkı WordPress temalarında olduğu gibi, içeriğinize farklı bir Lens uygulamak yalnızca birkaç saniye sürer ve kaydırıcınız için önemli ölçüde farklı bir görünüm ve his sağlayabilir.
Tamam, şimdi jargon aradan çıktığına göre, devam edin ve SlideDeck 2’yi etkinleştirin ve başlayalım!
Özel İçerik SlideDeck Oluşturma
SlideDeck’in Özel İçerik özelliğini kullanarak dört farklı içerik türünü bir araya getiren bir ürün turu içerik kaydırıcısını nasıl oluşturacağınızı göstereceğiz. Ana panele gitmek için “Yönet “e tıklayarak başlayın. Bu ekran yeni SlideDeck’ler oluşturmanızı ve mevcut SlideDeck’lerinizi sıralamanızı sağlar.
Özel İçerik bölümünde mavi renkli “SlideDeck Oluştur” düğmesine tıklayın. İlk slaydınızı oluşturmak için Özel İçerik Düzenleyici ekranına yönlendirileceksiniz. Özel İçerik Düzenleyicisine geldiğinizde, SlideDeck’inizi adlandırarak başlayın. İlk slaytınızın oluşturulduğunu ve SlideDeck 2’nin hangi paketini kullandığınıza bağlı olarak üç veya dört farklı Slayt Türü arasında seçim yapabileceğinizi göreceksiniz – Profesyonel paket kullanıcıları Resim, Video ve Metin Slayt Türlerine erişebilir; Geliştirici paketi kullanıcıları bu üçüne ek olarak HTML Slayt Türünü de seçebilir.
Bu açılır menünün altında SlideDeck 2’nin en benzersiz özelliklerinden biri olan canlı önizleme penceresi yer alır (SlideDeck 2’nin WPBeginner’s Blueprint‘te önerilen bir WordPress eklentisi olmasının nedenlerinden biri de budur). Burada, siz düzenlerken kaydırıcınızın gerçek zamanlı olarak güncellendiğini görürsünüz.
Resim slaytı ile başlama
Bir resim slaydı ile başlayalım – ziyaretçilerimize yapmak üzere oldukları tur hakkında hızlı ve görsel olarak ilgi çekici bir genel bakış sağlayan bir şey. “Görsel Slayt” Slayt Türüne tıklayın. Açılır menü, bir resim slaytı oluşturmakla ilgili tüm seçenekleri gösterecek şekilde yenilenecektir:
Bir resim yükleyin | URL belirtin – Resminizi WordPress Medya Galerisi’ne yüklemek isteyip istemediğinizi seçin veya başka bir yerde barındırılıyorsa sadece bir URL yapıştırın.
Başlık | Gövde Metni | Hiçbiri – SlideDeck’e görüntünün üzerine bir metin başlığı mı yoksa ona eşlik edecek kısa bir gövde metni mi istediğinizi söyleyin. Alternatif olarak, ilişkili metin olmadan tüm görüntüyü gösterebilirsiniz.
Slayt Bağlantısı – Kullanıcı slayt üzerinde herhangi bir yere tıklarsa ziyaret edilecek bir URL belirtin.
Başlık – Başlık veya gövde metni alanlarında gösterilmek üzere slayta bir başlık verin.
Açıklama – Slayt için açıklama kopyasını girin. Buraya zengin metin girebilirsiniz!
Başlık Konumu – Slayt üzerindeki metin kaplamasının konumunu belirler. Başlıklar üstte/altta, gövde metni ise solda/sağda olabilir.
Slaydınızı istediğiniz şekilde ayarladıktan sonra “Uygula” düğmesine basmanız yeterlidir; Canlı Önizleme alanı yenilenerek ilk slaydınızı gösterecektir. Örneğimizde, slaydımızı bir URL belirleyerek, altta bir başlık ve slayt bağlantısı olmadan oluşturduk.
Böylece ilk Özel İçerik slaytımız oluşturulmuş oldu – kolay değil mi? Şimdi, ürünümüzün demosunu gösteren bir video eklemek için ikinci bir slayt ekleyeceğiz.
Video slaydını oluşturma
SlideDeck 2, YouTube, Vimeo ve Dailymotion olmak üzere üç kaynaktan video içeriğini destekler; yani tek yapmamız gereken ürünümüzün demo videosunu bu hizmetlerden birine yüklemek ve ardından videonun sayfasının URL’sini yapıştırıp “Güncelle” düğmesine basmaktır.
Görüntü Slayt Türünde olduğu gibi, ziyaretçilerinize videoda ne görecekleri hakkında fikir vermek için bir başlık ve kısa bir başlık veya metin paragrafı eklemeyi seçebilirsiniz. Varsayılan olarak SlideDeck 2, YouTube/Vimeo/Dailymotion sayfanızdaki başlık içeriğini çekecektir, ancak bunu ürün turu için ihtiyaçlarınıza göre ayarlayabilirsiniz.
Daha önce olduğu gibi Uygula’ya basın ve kaydırıcıya hızlıca tıklayın – artık resim ve video slaytlarınız arasında gidip gelebileceksiniz.
Metin slaytı oluşturma
Bazen sadece bir metin için alana ihtiyaç duyarsınız – örneğin bir özellik listesi göstermek veya ürünle ilgili övgü dolu bir incelemeden bir alıntı paylaşmak için. Bu gibi durumlarda Metin Slayt Türünü kullanabiliriz.
Bu çok basit bir Slayt Türüdür ve dikkate alınması gereken sadece birkaç seçenek vardır:
Düzen – Temel düzen, başlığı slaydın en üstüne yerleştirir ve metin alttan akar. Çoklu sütun, metni otomatik olarak iki sütuna sararak daha çok gazete benzeri bir format sağlar. Blok Alıntı, kısa bir metin parçasını büyük, kalın tipografi ile vurgulamanıza olanak tanır. Daha önce olduğu gibi, slaydı SlideDeck’inize eklemek için Uygula düğmesine basın.
Slaytları yeniden düzenleme
Bu noktada, kullanıcılarınızın hemen turla etkileşime geçmesini ve katılımını sağlamak için görüntü yerine video slaytınızla yönlendirmek istediğinizi düşünüyor olabilirsiniz. SlideDeck bunu anında yapmanızı sağlar – slayt başlığı alanında video slaydına tıklayıp sürükleyin ve görüntü slaydının solundaki parlayan alana bırakın. Süper basit!
Daha ileri götürmek – HTML Slayt Türünü kullanmak
HTML Slayt Türü, SlideDeck 2’nin Geliştirici paketine eklenen ve bir slayta kendi HTML kodunuzu girmenizi sağlayan güçlü bir eklentidir. İçeriğinizin daha karmaşık düzenleri veya içerik kaydırıcınıza daha güçlü etkileşimler eklemek için mükemmeldir. Örneğin, bir kayıt formu ekleyebilirsiniz, böylece müşteriler ürün turunun sonunda bir e-posta bülteni almayı seçebilirler – eğer varsa, güçlü bir harekete geçirici mesaj!
Açılır menüde HTML düzenleyicisini görüntülemek için HTML Slayt Türü’nü seçin.
HTML Ekle alanına özel kodunuzu yapıştırabilirsiniz. Doğru yapılandırıldığından emin olmanıza yardımcı olmak için farklı etiketleri otomatik olarak renklerle kodladığını fark edeceksiniz. Dikkat edilmesi gereken birkaç önemli nokta:
- Slayt içeriği için CSS stil kurallarını <style></style> etiketleri arasına ekleyebilirsiniz ve bunlar SlideDeck’teki tüm slaytlara uygulanır
- SlideDeck’in Canlı Önizlemesi, temanızın stillerinin içerik kaydırıcınızla nasıl etkileşime girebileceğini tahmin edemediğinden, karmaşık stiller için SlideDeck’inizi yayınlamayı düşündüğünüz sayfada görüntülerseniz daha doğru bir önizleme elde edersiniz.
Kodu yerleştirdikten sonra Uygula düğmesine basın; slayt rotasyona eklenecektir.
Lensin Yapılandırılması
Artık ilk Özel İçerik SlideDeck’inizi oluşturdunuz! Canlı Önizleme’deki slaytlara tıklamak için birkaç dakikanızı ayırın ve iyi yapılmış bir işin ışıltısının tadını çıkarın.
Şimdi Lensinizi yapılandırarak sitenizle kusursuz görünmesini sağlamanın zamanı geldi. SlideDeck, Lensi özelleştirerek yeni ürün turunuzun görünümünü kontrol etmek için çok sayıda seçenek içerir.
SlideDeck’inizi Kaydetme ve Yayınlama
Harika içerik mi? Kontrol edin. Güzel tema seçilmiş ve özelleştirilmiş mi? Tamam. Görünüşe göre yeni ürün turunuzu yayınlamaya ve ziyaretçilerinizi müşterilere dönüştürmeye hazırsınız!
SlideDeck, kaydırıcılarınızı WordPress sitenize yerleştirmek için üç yol sunar: mevcut bir sayfanın veya yazının içeriğine yerleştirmek, kaydırıcının gömülü olduğu yeni bir sayfa veya yazı oluşturmak ve son olarak sayfa şablonunuza yerleştirmek; ürün turunu ana sayfanıza eklemek istiyorsanız muhtemelen en iyi seçeneğiniz budur.
Toparlıyorum
İçerik kaydırıcıları genellikle yalnızca resim galerileri veya öne çıkan gönderiler için kullanılsa da SlideDeck 2, ziyaretçilerinizin ilgisini çeken ve geri dönmelerini sağlayan ilgi çekici deneyimler oluşturmak için içerik kaydırıcılarının potansiyelini keşfetmeniz için size tonlarca esneklik sağlar. WPBeginner olarak bir göz atmanızı şiddetle tavsiye ediyoruz! Özel bir SlideDeck’i nasıl kullandığımıza dair canlı bir örneği Ücretsiz WordPress Blog Kurulumu sayfamızda görebilirsiniz.
Paylaşmak istediğiniz bir SlideDeck örneğiniz mi var? Yorumlarda bize bildirin! Ayrıca, Dinamik Kaynak SlideDeck‘lerini nasıl oluşturacağınızı gösterdiğimiz bu serinin birinci bölümüne de göz atın.
Dokunmatik arayüzlü kaydırıcılar web tasarımının geleceğidir. SlideDeck’i Şimdi Alın. Kupon kodunu kullanın: WPB-SD2 %20 indirim için.
Bir sorunuz veya öneriniz mi var? Lütfen tartışmayı başlatmak için bir yorum bırakın.