Oceanwp’de Smart Slider 3 ile nasıl dinamik bir slayt yaparım?

Web sitenize bir kaydırıcı eklemek iyi bir seçim olabilir, çünkü ziyaretçileriniz için ilk izlenimi oluşturur. Ancak WordPress sayfanıza bir kaydırıcı eklemeye karar verdikten sonra, hangisini seçeceğinizi nereden biliyorsunuz? Serbestçe kullanabilir misin? Yönetmek kolay mı? Sitenize kolayca koyabilir misiniz? Tüm sorularınızın cevabı evet, mümkündür, akıllı kaydırıcı 3 tüm bunu yapabilir: tamamen ücretsiz, kullanıcı dostu ve ayrıca OceanWP temanızla iyi işlev görür. Bu öğreticide, bir demo kaydırıcısını nasıl içe aktarabileceğinizi, kendi akıllı kaydırıcınızı nasıl oluşturabileceğinizi ve OceanWP temasını kullanarak nasıl dinamik bir yazı kaydırıcısı oluşturabileceğinizi göstereceğim.
Akıllı kaydırıcıyı yükleme 3 Eklentileri açtığınızda Smart Slider 3’ü kolayca yükleyebilirsiniz → Yeni Ekle. Akıllı kaydırıcı 3’ü arayın ve bundan sonra yükleyebilirsiniz.

Başka bir seçenek, doğrudan Smart Slider 3 web sitesinden indirebilmeniz ve ardından yükleyebilmenizdir. Bundan sonra akıllı kaydırıcıyı etkinleştirebilirsiniz 3:

İlk slaytımı nasıl yaparım? Demo değişimini içe aktarmak iyidir, ancak size kendi sürücünüzü nasıl yapabileceğinizi göstermek istiyorum. Numune kaydırıcısı tam genişlikten ilk slaydı nasıl yaptığımı göstereceğim.

İlk olarak gösterge tablosundaki yeni kaydırıcı seçeneğini seçtim ve bundan sonra açılır pencerede tam geniş bir mod seçtim.

Kaydırıcı boyutunu 1200×600 piksel olarak ayarladım ve sonra kaydırıcımı yaptım. Bundan sonra doğrusal gradyanın arka plan rengine sahip boş bir slayt ekledim, bu yüzden slayt ayarlarında → arka plan sekmesine ayarladım. Bir slayt yapmak için 2 farklı düzenleme modu kullanacağım. Bunlardan biri, sayfa yapıcısı gibi işlev gören içerik modudur ve slaytlar hızlı bir şekilde yapabilirsiniz ve harika duyarlı davranışlara sahip olabilirsiniz. Başka bir düzenleme modu, katmanınızı herhangi bir yere sürükleyebileceğiniz, ancak konumu ve yanıt verebilirliği korumalısınız.

Orijinal kaydırıcıda içeriğin solda olduğunu görebilirsiniz: başlık, metin ve 2 düğme ve sağda bir dizüstü bilgisayar görüntüsü var ve bu görüntüde bir YouTube videosu katmanı var. Bu resim ve video tuval modunda düzenlenecektir, çünkü bu modda katmanı diğer katmanın üstüne veya altına koyabilirsiniz. Maksimum genişliği içeriğe ayarladım çünkü duraklamadan bir satırda tam geniş bir metin istemiyorum ve sağ tarafta içeriğe ihtiyacım yok – video orada olacak. Bu yüzden onu sola konumlandıracağım. Ve sonra başlığı, metin katmanını ve düğmeyi içeriğe bıraktım. Diğer tarafta olduğu gibi biraz daha sol dolgu koydum ve katmanlar arasında biraz marj verdim.
Bundan sonra katman ayarlarında tasarım sekmesine gittim ve yazı tiplerinin ve yazı tiplerinin rengini de ayarladım. İndirme düğmesi için indirme bağlantısını veriyorum ve Hover efektini ayarlıyorum.
Kendi katmanınızı tasarlamak için birçok seçenek vardır ve aynı zamanda duyarlı hale getirebilirsiniz, örneğin “EM” değeri ile dolgu ayarlayabilirsiniz, bu nedenle mobil cihazda bu ayar da iyi olacaktır. Şimdi içerik hazır. Tamamlamak için sadece 2 adım var: Tuval modunda bir dizüstü bilgisayar görüntüsü ve bir YouTube video katmanı bir slayt içine koydum. Onu sadece sağ tarafa sürükledim ve ayarlıyorum.

Dizüstü bilgisayar + video kombinasyonunun mobil cihazlarda görünmesi o kadar önemli olmadığını düşünüyorum, bu yüzden hücresel görünümü kapatıyorum. Şimdi bunu duyarlı görünümde kontrol ediyorum ve metnin başlığının ve katmanının istediğimden daha büyük olduğunu görebiliyorum, bu yüzden yazı tipi boyutu ölçeği ile bunun için daha düşük bir değer ayarladım.

Şimdi ilk slaytla hazırım. Kaydırıcım için daha fazla slayt kullanmak istersem, bu kaydırıcıyı ikiye katlarım ve videoları veya görüntüleri değiştiririm ve metin değiştiririm, çünkü yapı hazırdır, bu yüzden baştan başlamak zorunda değilim. adım.

Doğrudan verandama nasıl bir kaydırıcı gönderi yapabilirim? Gönderinizi vurgulamak istiyorsanız, yayınınızdan en önemli bilgileri içeren bir kaydırıcı yapmak iyidir: örneğin, ziyaretçilerinizin dikkatini çekebilecek ve okumasını sağlayabilecek başlık, yazı tarihi ve görüntüler. Smart Slider 3 ile bir yayından dinamik bir değişiklik kaydırıcısı yapabilirsiniz, böylece web siteniz yaşayabilir, çünkü yeni bir gönderi paylaşırsanız, kaydırıcı otomatik olarak değişecektir. Nasıl yönetebileceğinize dair bir örnek göstereceğim. WordPress Post şablonunu tam geniş bir kaydırıcıya aktardıktan sonra, filtre seçeneğini seçeceğim yeni bir dinamik slayt ekleyeceğim. Kategoriyi seçiyorum ve gönderim tarihine göre sipariş ediyorum. 3 slayt ayarladım, böylece son 3 yazı seçilen kategoride kaydırıcımda görünecek.

Sonra saklıyorum ve kaydırıcıyı yazımı ayarlayabilirim.
Varsayılan olarak yalnızca üstün görüntülere sahip başlık görünür. Ama ihtiyacım olan bu değil, ithal ettiğim şablon örneğini kullanmak istiyorum. 3 adımda yapabilirsiniz: Adım 1: Örnek slaytını kopyalayın

2. Adım: Dinamik bir slayta yapıştırın

Adım 3: Arka plan görüntüsünü üstün bir görüntüyle değiştirin, dinamik olarak değişecektir.

Ve dinamik slaytlarınız için temalar ve arka planlar elde edersiniz:

Aynı şekilde, iç katman katmanı için dinamik değişkenleri ayarlayabilirsiniz. Böylece başlık, tarih, içerik gibi birçok değişken girebilir veya gönderiye de bağlantı verebilirsiniz.

Bu değişkenleri ayarlayabilirsiniz, örneğin dinamik metin katmanının içeriğimin yalnızca 100 karakterini görüntülediğini belirledim. Dinamik kaydırıcı yayınınızı yaptıktan sonra OceanWP temasına girmelisiniz.

Kaydırıcıları kullanıma hazır nasıl içe aktarabilirim? Akıllı kaydırıcı 3’ü etkinleştirdikten sonra, Smart Slider 3 menüsünü girebilirsiniz ve orada gösterge tablosunda göreceksiniz. Yeni bir kaydırıcı ekleyebilir veya buradan kütüphane şablonundan bir şablon seçebilirsiniz. Bir kaydırıcı hızlı bir şekilde yapmak istiyorsanız, en kolay yol bir demo kaydırıcısı içe aktarmaktır.

Smart Slider 3, sayfanıza kolayca ekleyebileceğiniz ücretsiz bir demo kaydırıcısına sahiptir. Şablon kitaplığında kullanmak istediğiniz değişimi seçebilirsiniz, İçe Aktar düğmesini tıklayın, tema kontrol panelinize indirilir ve ayarlayabilirsiniz.

Yeni bir kaydırıcı ekledikten veya şablondan birini içe aktardıktan sonra bir demo slayt kullanarak, kaydırıcınıza daha fazla slayt ekleyebilirsiniz. Slayt Ekle düğmesini tıklamanız yeterlidir. Boş resimler, videolar veya vites oluşturmak için birçok seçenek vardır ve kayar bir bıçak ve dinamik ekleyebilirsiniz veya statik genişlik seçebilirsiniz, yani her zaman slayt ve slaytınızın üstünde olacak ve anahtarlar olmayacaktır. . Örneğin, navigasyon yapmanın iyi bir yoludur.

Ayrıca kayarınızda bir demo slayt kullanabilirsiniz, ayarlayabileceğiniz hazırlanmış birçok şablon vardır. Kütüphane seçeneğini tıklayın ve kullanacağınız şablonu seçin.

Koyu veya parlak cilt arasında geçiş yapabilir ve kategori arasından da seçim yapabilirsiniz. Ve slaytınızı ayarlayabildikten sonra, her şeyi, başlığı, metni, katmanları ve arka planı da değiştirebilirsiniz. Kaydırıcımı Oceanwp temama nasıl koyabilirim? Akıllı kaydırıcı 3 OceanWP temanıza eklemek çok basittir: daha kısa bir vardiya kullanabilir ve yazı veya sayfaya kolayca kopyalayıp ekleyebilirsiniz. Ya da OceanWP ayarlarındaki OceanWP eklentisi ile kaydırıcıyı önce/sonrası koyabilirsiniz. üst çubuk, üstbilgi, başlık veya altbilgi. Ve başka bir seçenek daha var, Smart Slider 3 widget’ı kullanarak Elementor veya diğer sayfa yapımcılarına ayarlayabilirsiniz. Akıllı kaydırıcı 3 ile özel bir başlık nasıl yaparsınız? Özel bir başlık oluşturarak, bence en kolay yol olan bir sayfa oluşturucu kullanabilirsiniz. Tema panelini → Kütüphane sekmeme dikkat edin, ardından Yeni Ekle’yi tıklayın. (Tema paneli için bir okyanus eklentisine ihtiyacınız vardır, bu nedenle bu önerilen eklentiyi eklemeniz ve etkinleştirmeniz gerekir.) Elementor sayfa üreticisini kullanıyorsanız, Post özelliğinde Canvas Elementor Şablonunu seçin ve bundan sonra kaydırıcı ekleyebilirsiniz. temanız.

Oceanwp'de Smart Slider 3 ile nasıl dinamik bir slayt yaparım?