SlideDeck ile WordPress’te Slider Oluşturmak için Adım Adım Kılavuz

Dün WPBeginner Kuponlarının lansmanından sonra, tamamen ana WPBeginner sitesi için her şeyi entegre eden ve yine de iyi görünen en iyi tasarımı oluşturmaya odaklandık. Sitemize bir kaydırıcı eklemek istedik, ancak her betiğin bir sınırlaması vardı. Daha sonra 99designs, SitePoint ve Flippa’dan harika Matt Mickiewicz’e (WPBeginner’daki Röportajına bakın) bizi SlideDeck’in (web’deki açık ara en iyi kaydırıcı komut dosyası) yaratıcıları olan Digital Telepathy’deki insanlara yönlendirdiği için teşekkür ederiz. SlideDeck ile biraz oynadık ve çok etkilendik. Yeni başlayanlar için harika çünkü kaydırıcı oluşturmak için kolay sürükle-bırak arayüzünü kullanmanızı sağlayan eksiksiz bir WordPress eklentisi sunuyor. Bununla birlikte, geliştiriciler için de harika çünkü geliştiricilere kendi ihtiyaçlarına göre özelleştirmeleri için ek özgürlük sunan bir jQuery sürümüne sahip. Bu makalede, SlideDeck WordPress Eklentisi ile tek bir kod satırını düzenlemeden WordPress’te nasıl kaydırıcı oluşturabileceğinizi göstereceğiz.

Bu eklenti ile neler yaratabileceğinizi görmek istiyorsanız, işte bir CANLI Demo.

Adım 1. Eklentinin İndirilmesi ve Kurulması

SlideDeck’in Web sitesine gidin ve eklentiyi indirin. ÜCRETSİZ sürümü ve destek ve çok daha fazla özellik sunan PRO sürümü var. Ne zaman yeni bir ürünle çalışsak, her zaman destek sürümünü alıyoruz. Geliştirmemizde birkaç kez takıldık ve destekleri inanılmazdı ve bize yardımcı oldu. PRO sürümünü almanızı şiddetle tavsiye ediyoruz çünkü aşağıdaki gibi harika özellikler içeriyor: Dikey Slaytlar, Dokunmatik Ekran Desteği, Destek, RSS Beslemesi Akıllı Slayt Desteleri, Arka Plan Görüntü Desteği ve çok daha fazlası.

Eklentiyi indirdikten sonra, devam edin ve eklentiyi kurun/etkinleştirin. ( WordPress Eklentisi Kurmak için Adım Adım Kılavuzumuzu izleyin)

Bir Kaydırıcı Oluşturalım

Eklentiyi etkinleştirdikten sonra, SlideDeck adında yeni bir sekme eklendiğini göreceksiniz. Gidelim ve Yeni SlideDeck Ekle’ye tıklayalım. Yazı Yazma Paneline benzeyen bir ekrana yönlendirileceksiniz.

Yaptığımız şey, içeriği slaydımıza eklemek ve ona bir başlık vermekti. Özel bir arka plan görüntüsüne sahip olabilirdik (PRO Özelliği), ancak basitlik uğruna bunu yapmadık. Bu eklentinin kutudan çıktığında neler yapabileceğini göstermek istiyoruz. Bu bizim ilk standart slaytımızdı. Demomuza eklediğimiz bir sonraki slayt dikey bir slayttı (PRO Özelliği). Dikey slaytlar temelde bir slayt içinde birden fazla slayttır. Yukarıdaki resme bakarsanız, Dikey Slayta Dönüştür adlı bir düğme var. Bir sonraki slaytımız için tıkladığımız düğme buydu ve eklenen şey buydu:

Şimdi işlemi istediğiniz kadar slayt için tekrarlayın. Slaytları oluşturmayı tamamladıktan sonra, slaytları sitenizde yayınlamak için SlideDeck Seçeneklerine bakalım. Bunu Slaytları düzenle ekranınızın sağ tarafında göreceksiniz.

Otomatik oynatmayı seçebilir, klavye navigasyonuna izin verebilir, fare kaydırma tekerleği navigasyonuna izin verebilir, animasyon hızını ayarlayabilir, harika görünümlerinden birini seçebilir ve hangi slayttan başlamak istediğinizi seçebilirsiniz. Ayrıca sürükle-bırak ile slaytları yeniden sıralayabilirsiniz. Temanıza eklemeniz için kod içeren bir tema kod parçacığı olduğunu görüyorsunuz. Bunu temanızda istediğiniz yere ekleyebilirsiniz. Bir dakika, SlideDeck’i WordPress’e entegre etmek için tek bir kod satırını bile düzenlemeniz gerekmeyecek dememiş miydik? Evet, bu eğitimde sözlerimize sadık kalacağız. Tek bir kod satırını bile düzenlemeden WordPress’inize nasıl entegre edebileceğinizi gösterelim.

SlideDeck’i WordPress Yazılarına/Sayfalarına Entegre Etme

Yeni Bir Gönderi veya Sayfa Oluşturun. Sağ taraftaki kenar çubuğuna yeni bir SlideDeck kutusu eklendiğini göreceksiniz.

SlideDeck Ekle düğmesine tıklayın. Eklemek istediğiniz Kaydırıcıyı seçin ve gönderiyi Yayınlayın. Gönderiyi yayınladığınızda, kaydırıcınız Klasik Görünüm ile aşağıdaki gibi görünecektir:

Yapışkan bir yazı, tam genişlikte sayfa şablonu veya istediğiniz başka bir şey üzerinde kullanabilirsiniz. Ama durun, burada bitmiyor. Biraz daha ileri gidelim.

Öne Çıkan Gönderiler içeren bir Kaydırıcı Ekleme

Öne çıkan yazı kaydırıcıları blog yazarlarının favorileridir. Bu özelliği çok sayıda blogda görüyoruz, ancak bu kaydırıcıların çoğu kullanıcılar için sınırlı kontrol ile temalara kodlanmış durumda. SlideDeck ile bunu yapmanın ne kadar kolay olduğuna bir göz atalım. En son gönderilerinizi, en popüler gönderilerinizi, öne çıkan gönderilerinizi (sizin seçtikleriniz) göstermenizi sağlayan “Smart SlideDeck” adlı dinamik bir kaydırıcı ekleyebilir, bunu kategoriye göre sıralayabilir, hatta kaydırıcınıza eklemek için başka bir siteden RSS Beslemelerini içe aktarabilirsiniz. Çeşitli görünümleri arasından seçim yapabilir, farklı gezinme türlerini seçebilir ve hemen hemen 5 dakikadan daha kısa bir sürede bir kaydırıcı hazırlayabilirsiniz. Size nasıl yapıldığını gösterelim. Eğitimimizde, Yazılarımızdan Öne Çıkan girişleri görüntüleyeceğiz.

Mevcut gönderilerinize gidin ve 5 gönderi seçin ve kutuyu işaretleyerek bunları Akıllı Slayt Güverteleri’ne ekleyin.

Şimdi, SlideDeck Panelinize gidelim ve Akıllı SlideDeck Ekle’ye tıklayalım. Dış Görünümünüzü Seçin:

Kaç slayt görüntülemek istediğinizi, oynatma seçeneklerini, içerik türünü seçin (Gönderiden Öne Çıkan girişler olarak nasıl sahip olduğumuza bakın). Resim seçenekleri, başlık uzunluğu, alıntı uzunluğu vb. gibi İçerik Ayarlarını seçebilirsiniz. Gezinme Stillerinizi seçin ve Yayınla’ya tıklayın.

Bunun üzerindeki kodu düzenlemeniz gerekir. Kenar Çubuğu, Tema Snippet Kodu’ndan kodu alın ve temanıza yapıştırın. Büyük olasılıkla index.php dosyanızın en üstüne. Örnek bir kod şöyle görünecektir:

<?php if (is_home()) { slidedeck( 73, array( 'width' => '100%', 'height' => '370px' ) ); } ?>

Bu, kaydırıcınızı yalnızca ana sayfanızda görüntüler.

SlideDeck’in gerçekten harika demolarını görmek istiyorsanız, SlideDeck’in web sitesini ziyaret edin ve bir göz atın.

Eklentiyi uyguladıkça eklenti hakkındaki düşüncelerinizi bize bildirin.