İçerik kaydırıcıları günümüzde WordPress'te yaygındır, ancak genellikle yalnızca çok sınırlı durumlarda kullanılırlar – tipik olarak, ana sayfalarda, en son gönderileri veya resim galerilerini sergilemek için bulunurlar. Yeni bir eğilim gelişiyor, burada WordPress web siteleri, ziyaretçileri harekete geçmeye motive eden ilgi çekici hikayeler anlatmak için içerik kaydırıcılarının potansiyelini ve esnekliğini kullanıyor – yani ürün turları şeklinde.
WordPress ürün turunuz için bir içerik kaydırıcısı kullanmak, kullanıcıları kendi hızlarında önemli noktalarda yönlendirerek ürünlerinizi daha iyi satmanıza yardımcı olabilir – bu, yalnızca bir video kullanmaktan daha iyidir, çünkü kullanıcılar bir zaman kodunu tahmin etmek zorunda kalmak yerine belirli, tanımlanmış noktalara ileri/geri atlayabilirler. Ayrıca, bir içerik kaydırıcısını bu şekilde kullanmak, her türlü web medyasından yararlanır – bu da kullanıcınızı pasif bir şekilde video izlemeye zorlamak yerine slaytlara etkileşimli içerik ekleyebileceğiniz anlamına gelir.
Yakın zamana kadar, en basit içerik kaydırıcısı ürün turları dışında herhangi bir şey oluşturmak için kodlama bilmeniz gerekiyordu, ancak biz de tüm bunları değiştiren SlideDeck 2 adlı harika bir kaydırıcı eklentisi kullanıyorduk.
Bu güçlü eklenti, tek satır kod gerektirmeden dakikalar içinde harika kaydırıcılar oluşturmayı çok kolaylaştırır. SlideDeck 2'nin diğer güçlü özelliklerinden birini önceki bir gönderide ele aldık, ancak en son güncellemeleri, özel içerik kaydırıcıları oluşturmanıza ve ziyaretçilerinizi harekete geçmeye motive edecek ilgi çekici sunumlar oluşturmak için her slaytın içeriğini uyarlamanıza olanak tanır. SlideDeck 2'yi kullanarak WordPress siteniz için harika bir ürün turu oluşturmayı göstermek üzere bu hızlı kılavuzu hazırladık.
Eklentiyi Satın Alma ve Kurma
İlk olarak: Özel İçerik slaytları SlideDeck 2'de premium bir özelliktir, bu nedenle sitenizde kullanmak için satın almanız gerekecektir. Eklentiyi satın almak için SlideDeck web sitesine gitmenizi ö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ğini etkinleştirmek için Profesyonel veya Geliştirici paketini satın almanız, ardından eklentiyi ve ek özellikleri etkinleştiren bir 'Eklenti' yüklemeniz gerekir.
Eklentiyi yüklemek için, WordPress Eklentisi Yüklemek İçin Adım Adım Kılavuzumuzu takip edebilirsiniz.
Terminoloji
Başlamadan önce, açıklığa kavuşturmamız gereken birkaç terim var:
- Slayt Türü – Her biri belirli bir içerik türüne uyacak ş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ı, ayrıca içeriğin sayfada nasıl sunulacağını kontrol ederler. Tıpkı WordPress temalarında olduğu gibi, içerik kaydırıcınıza 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 verebilir.
Tamam, şimdi jargon bitti, 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ı oluşturmayı size göstereceğiz. Ana kontrol paneline gitmek için önce “Yönet”e tıklayın. Bu ekran, yeni SlideDeck'ler oluşturmanıza ve mevcut SlideDeck'lerinizi sıralamanıza olanak tanır.
Özel İçerik bölümünde, mavi “Slayt Desteği Oluştur” düğmesine tıklayın. İlk slaytınızı oluşturmak için Özel İçerik Düzenleyici ekranına yönlendirileceksiniz. Özel İçerik Düzenleyici'ye ulaştığınızda, Slayt Desteğinizi adlandırarak başlayın. İlk slaytınızın oluşturulduğunu fark edeceksiniz ve kullandığınız Slayt Desteği 2 paketine bağlı olarak üç veya dört farklı Slayt Türü arasında bir seçeneğiniz olacak – Profesyonel paket kullanıcıları Görüntü, Video ve Metin Slayt Türlerine erişebilecek; Geliştirici paket kullanıcıları bu üçüne ek olarak HTML Slayt Türünü seçebilecek.
Bu açılır menünün altında, SlideDeck 2'nin en benzersiz özelliklerinden biri olan canlı önizleme penceresi bulunur (SlideDeck 2'nin WPBeginner'ın Planı'nda önerilen bir WordPress eklentisi olmasının nedenlerinden biridir). Burada, düzenlerken kaydırıcınızın gerçek zamanlı olarak güncellendiğini görürsünüz.
Bir Resim slaydı ile başlama
Turunuza başlamak üzere olan ziyaretçilere hızlı ve görsel olarak ilgi çekici bir genel bakış sunan bir resim slaydı ile başlayalım. “Resim Slaydı” Slayt Türü'ne tıklayın. Açılan menü, bir resim slaydı oluşturmaya ilişkin tüm seçenekleri göstermek üzere yenilenecektir:
Resim Yükle | URL Belirt – Resminizi WordPress Medya Galerisine yüklemek mi yoksa başka bir yerde barındırılıyorsa basitçe bir URL yapıştırmak mı istediğinizi seçin.
Başlık | Gövde Metni | Yok – Metin başlığının resmin üzerine bindirilmesini mi istediğinize, yoksa buna eşlik edecek kısa bir gövde metni mi olmasını istediğinize SlideDeck'e bildirin. Alternatif olarak, ilgili metin olmadan yalnızca resmi gösterebilirsiniz.
Slayt Bağlantısı – Kullanıcı slaytın herhangi bir yerine tıklarsa ziyaret edilecek bir URL belirtin.
Başlık – Başlık veya gövde metni alanlarında gösterilecek slayta bir başlık verin.
Açıklama – Slayt için açıklama metnini girin. Buraya zengin metin girebilirsiniz!
Başlık Konumu – Slayt üzerindeki metin bindirmesinin konumunu belirler. Başlıklar üst/alt, gövde metni ise sol/sağ gidebilir.
Slaytınızı istediğiniz gibi ayarladıktan sonra, “Uygula” düğmesine basmanız yeterlidir ve Canlı Önizleme alanı ilk slaytınızı göstermek için yenilenecektir. Örneğimizde, bir URL belirterek, altta bir başlık ve slayt bağlantısı olmadan slaytımızı oluşturduk.
İşte ilk Özel İçerik slaytımız oluşturuldu – kolay, değil mi? Şimdi, ürünümüzün demosunu gösteren bir video eklemek için ikincisini ekleyeceğiz.
Video slaydı oluşturma
SlideDeck 2, üç kaynaktan video içeriğini destekler: YouTube, Vimeo ve Dailymotion – bu da ürünümüzün demo videosunu bu hizmetlerden birine yükleyip video sayfasının URL'sini yapıştırıp “Güncelle”ye basmamız gerektiği anlamına gelir.
Görüntü Kaydırma Türünde olduğu gibi, ziyaretçilerinize videoda ne görecekleri hakkında bir fikir vermek için bir başlık ve kısa bir açıklama veya metin paragrafı eklemeyi seçebilirsiniz. Varsayılan olarak SlideDeck 2, YouTube/Vimeo/Dailymotion sayfanızdaki açıklama içeriğini çekecektir, ancak ürün turu için ihtiyaçlarınıza göre ayarlayabilirsiniz.
Her zamanki gibi, Uygula'ya basın ve kaydırıcıda hızlı bir tıklama yapın – artık resim ve video slaytlarınız arasında ileri geri gidebileceksiniz.
Bir metin slaydı oluşturma
Bazen, örneğin bir özellik listesi göstermek veya ürün hakkındaki harika bir incelemeden bir alıntı paylaşmak için metin için alana ihtiyacınız olur. Bu gibi durumlarda, Metin Slayt Türünü kullanabiliriz.
Bu, dikkate alınması gereken yalnızca birkaç seçeneği olan çok basit bir Slayt Türüdür:
Düzen – Temel düzen, başlığı slaytın en üstüne yerleştirir ve metin altına akar. Çok sütunlu, metni otomatik olarak iki sütuna kaydırarak daha çok gazete benzeri bir format sağlar. Blok Alıntı, kısa bir metin parçasını büyük, kalın tipografiyle vurgulamanıza olanak tanır. Her zamanki gibi, slaydı SlideDeck'inize eklemek için Uygula'ya basın.
Slaytları Yeniden Düzenleme
Bu noktada, kullanıcılarınızın turla hemen etkileşim kurmasını ve ilgilenmesini sağlamak için videonuzun slaytıyla resim yerine başlamak isteyebileceğinizi düşünebilirsiniz. SlideDeck bunu anında yapmanızı sağlar – slayt başlığı alanında, video slaytını tıklayıp sürükleyin ve resim slaytının solundaki parlayan alana bırakın. Süper basit!
Daha ileri gitmek – HTML Slayt Türünü kullanma
HTML Slayt Türü, SlideDeck 2'nin Geliştirici paketine güçlü bir eklentidir ve bir slayda kendi HTML kodunuzu girmenize olanak tanır. İç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, müşterilerin ürün turunun sonunda bir e-posta bülteni almak için kaydolmalarını sağlayacak bir kayıt formu yerleştirebilirsiniz – 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 Kaydırma Türünü seçin.
Özel kodunuzu HTML Ekle alanına yapıştırabilirsiniz. Yapılandırıldığından emin olmanıza yardımcı olmak için farklı etiketleri otomatik olarak renklendirdiğini fark edeceksiniz. Dikkat edilmesi gereken birkaç önemli nokta:
- Kaydırma içeriği için CSS stil kurallarını <style></style> etiketleri arasına dahil edebilirsiniz ve bunlar SlideDeck'teki tüm kaydırmalara uygulanacaktı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 stil ayarlamaları için, SlideDeck'inizi yayınlamayı düşündüğünüz sayfada görüntüleyerek daha doğru bir önizleme elde edersiniz.
Kod yerleştirildikten sonra Uygula'ya basın ve slayt döndürmeye eklenecektir.
Lens'i Yapılandırma
İlk Özel İçerik Slayt Desteğinizi oluşturdunuz! Devam edin ve Canlı Önizleme'deki slaytlar arasında gezinmek için birkaç dakika ayırın ve iyi yapılmış bir işin verdiği gururun tadını çıkarın.
Şimdi, Lens'inizi yapılandırarak sitenizle kusursuz görünmesini sağlama zamanı. SlideDeck, Lens'i ö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? Tamam. Tatlı tema seçildi ve özelleştirildi mi? Tamam. Yeni ürün turunuzu yayınlamaya ve ziyaretçilerinizi müşteriye dönüştürmeye hazır görünüyorsunuz!
SlideDeck, kaydırıcılarınızı WordPress sitenize yerleştirmenin üç yolunu sunar – mevcut bir sayfa veya gönderinin içeriğine ekleme, kaydırıcının yerleştirildiği yeni bir sayfa veya gönderi oluşturma ve son olarak sayfa şablonunuza ekleme; bu, ürün turunu ana sayfanıza eklemek istiyorsanız muhtemelen en iyi seçeneğinizdir.
Sonuçlandırma
İçerik kaydırıcıları genellikle yalnızca resim galerileri veya öne çıkan gönderiler için kullanılsa da, SlideDeck 2, ziyaretçilerinizi etkileşimde tutan 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 bolca esneklik sunar. WPBeginner olarak bunu kontrol etmenizi şiddetle tavsiye ederiz! Ö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 var mı? Yorumlarda bize bildirin! Ayrıca, bu serinin ilk bölümüne göz atın, burada Dinamik Kaynak Slayt Destekleri oluşturmayı gösteriyoruz.
Dokunmatik arayüz kaydırıcıları, web tasarımının geleceğidir. SlideDeck'i Şimdi Alın. %20 indirimden yararlanmak için kupon kodunu kullanın: WPB-SD2.
Bir sorunuz veya öneriniz mi var? Tartışmayı başlatmak için lütfen bir yorum bırakın.