Divi Eklentisi Vurgusu - Her Şey Kaydırıcısı

Yayınlanan: 2017-06-18

Standart Divi kaydırıcı modülü, güçlü bir kaydırıcıdır. Özellikler bir başlık, düğme, metin, medya, bağlantı, arka plan, yer paylaşımı ve daha fazlasını içerir. Divi Builder ile mizanpajlar oluşturup bunları slayta yerleştirmek isteseydiniz ne olurdu? Her Şey Kaydırıcısının yaptığı tam olarak budur.

Her Şey Kaydırıcısı, CakeWP'nin slaytlar içinde Divi düzenlerini kullanmanıza izin veren üçüncü taraf bir eklentidir. Bununla sadece kaydırıcılardan çok daha fazlasını yapabilirsiniz. Ayrıca, aşağıdakileri oluşturmak için kaydırma modülü ile birlikte kullanılabilen AS Menü modülünü de içerir:

  • Sekmeler
  • atlıkarıncalar
  • Etkileşimli Bölümler
  • Fiyatlandırma Geçişleri
  • Filtrelenebilir Galeriler
  • Etkileşimli CTA'lar
  • Filtrelenebilir Ürünler
  • bir web sayfası

Her Şey Kaydırıcısı Divi, Extra ve Divi Builder eklentisi ile çalışır. Bu eklenti vurgusunda, Her Şey Kaydırıcısının neler yapabileceğine bir göz atacağız. Görseller Unsplash.com'dan alınmıştır.

  • Satın alma bilgileri için CakeWP.com'a bakın.

Herhangi Bir Kaydırıcıyı Yükleme

Eklentiyi herhangi bir premium eklenti gibi yükleyin ve etkinleştirin. Etkinleştirildiğinde, Gösterge Tablosundaki Eklentiler menüsünün üzerine gelin ve Her Şey Kaydırıcı Lisansı'nı seçin. Lisans anahtarınızı girin ve Lisansı Etkinleştir'i seçin. Ardından Değişiklikleri Kaydet'i seçin.

Divi Builder'a iki yeni modül eklendi: Her Şey Kaydırıcısı ve AS Menüsü. Birlikte bazı ilginç tasarımlar yaratabilirler.

Her Şey Kaydırıcı Modül Ayarları

Ayarlar arasında yeni slaytlar, sonraki/önceki kontroller, nokta kontrolleri, fareyle üzerine gelindiğinde göster kontrolleri, döngü kaydırıcısı, animasyon, yükseklik, fare sürüklemesi vb. bulunur. Tasarım sekmesi, Sonraki ve Önceki kontroller için özel stiller, ekran başına slayt sayısı, aradaki kenar boşluğu içerir. slaytlar, nokta renkleri ve daha fazlası.

Herhangi Bir Kaydırıcı Slayt Ayarları

Yeni Slayt Ekle'yi tıklayın. Burada, slaytlar için düzenleri seçeceğiniz Slayt Düzeni adlı bir açılır menü göreceksiniz. Bunlar önceden hazırlanmış düzenler, oluşturduğunuz ve kitaplığa kaydettiğiniz düzenler veya yüklediğiniz düzenler olabilir.

AS Menü Kaydırıcı Modül Ayarları

Ayarlar menü yönlendirmesini, hizalamayı vb. içerir. Tasarım sekmesi yazı tiplerini, boşlukları, arka planları, renkleri ve daha fazlasını içerir. Yeni Menü Öğesi Ekle'yi tıklayarak menü öğelerini oluşturacaksınız. URL'yi yapıştıracak, bir simge seçecek, bir resim seçeceksiniz, vb.

Her Şey Kaydırıcı Başlangıç ​​Kitleri

Her Şey Kaydırıcısı, slaytları oluşturmak için düzenleri kullanır. Başlamanıza yardımcı olmak için geliştiricinin web sitesinden indirebileceğiniz çok sayıda ücretsiz başlangıç ​​seti ve düzen paketi bulunmaktadır. Bunları kullanmak için Divi Kitaplığına aktarın.

Özel Kaydırıcı Oluşturma

Kendime ait birkaç düzen oluşturdum ve her birini slayt olarak seçtim. İstediğiniz kadar slayt ekleyebilirsiniz. Bunları etiketlemeyi en iyisi buluyorum, böylece değişiklik yapmak istiyorsanız hangi slaydın hangisi olduğunu bilirsiniz.

Bu slayt bir görüntü ve bar sayacı içerir. Sol köşede nokta navigasyonunu ve her iki tarafta da kaydırıcı kontrollerini görebilirsiniz. Bu örnekte farem sol gezinme düğmesinin üzerinde geziniyor. Tüm stiller özelleştirilebilir.

Animasyonlar

Slaytlar canlandırılabilir ve otomatik olarak kaymasını veya kaydırılmamasını sağlayabilirsiniz. İçeri ve dışarı için animasyon içerir. Sıçrama, lastik bant, jöle, nabız, sallama, tada, yalpalama, sallanma, solma, çevirme, döndürme, yakınlaştırma ve çok daha fazlası gibi tüm temel özellikleri içeren 80'e yakın animasyona sahiptir. Animasyonun üzerine gelindiğinde durmasını sağlayabilirsiniz.

Yön tuşları

Gezinme düğmeleri bağımsız olarak biçimlendirilebilir. Simgeler, kenarlıklar, renkler vb. için hem normal hem de fareyle üzerine gelin.

Bu örnekte gezinme düğmesini bağımsız olarak biçimlendirdim ve noktaların boyutunu artırdım (noktalar için istediğiniz boyutu piksel cinsinden belirtebilirsiniz). Fareyle üzerine gelme animasyonu, rengi ve kenarlık yarıçapını değiştirir. Çoğu Divi modülüyle aynı stil özelliklerini içerir.

Düğmeler ve noktalar, düğmeler üstte ve noktalar altta olacak şekilde sağa taşındı. Bunları her iki tarafa veya üst veya alt için sola, ortaya veya sağa yerleştirebilirsiniz. İsterseniz her birini de kapatabilirsiniz. Düğmeler ve noktalar arasında, düzen seçenekleri için birçok kombinasyon vardır.

AS Menü Modülü

AS Menü modülü, daha fazla gezinme seçeneği eklemek için harikadır ve simgeler ve resimler kullanabilir. Yatay ve dikey yönlendirme seçeneklerini içerir ve diğer modüller gibi şekillendirilebilir.

AS Menu modülü, ziyaretçilerinizin slaytlar arasında gezinebilmesi için bir menü oluşturur. Slaytların kendileri, URL'nin sonunda (tarayıcınızın adres çubuğunda) bir gezinme etiketi içerir. Her menü öğesi için bu etiketi kullanın. Bu örnekte, slayt birinin URL etiketi #s_1'dir.

Menüyü en alta yerleştirdim, yazı tipi boyutunu büyüttüm ve öne çıkması için bir arka plan ekledim. Sözcükler tıklanabilir, ancak bu örnekte düğmeler gibi görünmüyorlar. Bunu değiştirmek kolay.

Bazı özel dolgular ekledim ve üzerine gelme ve arka plan renklerini ayarladım.

Gezinme düğmelerini de kaydırıcıdan kaldırdım ve en üste AS Menü modülünü yerleştirdim. Menü yatay yönde görüntüleniyor. Arka plan renklerine sahip dolgu, metnin etrafında kutular oluşturur. Dolgu kullanarak düğmeleri istediğiniz kadar büyütebilirsiniz.

Düzeni 2 sütunlu (3/4 + 1/4) olarak ayarladım ve menü yönünü dikey olarak yerleştirdim.

Yandaki menü, özellikle modülün görüntü ve ikon özelliklerini düşündüğünüzde bazı ilginç olasılıklar yaratıyor. Bununla neler yapabileceğimize bir bakalım.

Benzersiz Bir Sayfa Oluşturma

Kaydırıcıyı kullanarak tam sayfalar oluşturabilir ve ardından bunlar arasında otomatik olarak, düğme ve nokta navigasyonu veya menü modülü ile kaydırabilirsiniz. Bu örnek için, solda 1/4'te AS Menü modülü ve sağda 3/4'te Her Şey Kaydırıcısı ile yeni bir tam genişlikte sayfa oluşturdum. Web sitesini bir bakışta görsel olarak tanımlamaya yardımcı olmak için bölüme bir arka plan resmi ekledim.

Bu örnek için AS Menu modülünün image özelliğini kullanmak istedim. Bu menü için menü öğelerinin her biri için resim ekliyorum. Ayrıca, resimlerle veya kendi başlarına kullanılabilecek simgeler içerir.

Slaytlar için, tek bir kategori seçilerek tek bir blog modülü ile mizanpajlar oluşturdum.

AS Slider modülü, tüm blog düzenlerini ayrı slaytlar olarak gösterecektir. Sonraki/önceki ve nokta denetimlerini kapattım.

Kaydırıcı, her kategori için blog modülünü görüntülerken, soldaki dikey yönlendirmeye ayarlanmış menü, kategoriler için görüntüleri görüntüler ve slaytlar arasında gezinme işlevi görür. Kaydırıcı, her kategoriden en son gönderiyi görüntülemek için slaytlar arasında dönecek şekilde ayarlanmıştır. Bu, gezinme hariç tüm ana sayfanın bir kaydırıcı olduğu anlamına gelir. Elbette menü ayrıca yukarı, aşağı veya sağa da yerleştirilebilir.

Herhangi Bir Kaydırıcı Belgesi

Dokümantasyon CakeWP'nin web sitesinde sağlanır ve bir başlangıç ​​kılavuzu ve bir eğitim de dahil olmak üzere resimler ve çeşitli videolar içeren bir genel bakış içerir. Ayrıca, modüllerin nasıl kullanılacağına dair fikir vermesine yardımcı olacak demolar da içerir.

Lisans, Destek ve Güncellemeler

Eklenti, seçtiğiniz lisansa göre siz ve müşterileriniz için web sitelerinde kullanılabilir. Seçilebilecek üç lisans vardır:

  • 1 Site – 30,00 $
  • 5 Site – $50.00
  • Sınırsız site – 120,00$

Tüm lisanslar bir yıllık destek ve güncellemeleri içerir.

  • Satın alma bilgileri için CakeWP.com'a bakın.

Son düşünceler

Her Şey Kaydırıcısı ilginç bir modüldür. Divi düzenlerini slayt olarak kullanma yeteneği, birçok tasarım olanağı sunar. Özellikle menü modülünde görsel kullanmayı seviyorum. Modüllerin kullanımı kolaydır ve belgeler, başlamanız için adım adım talimatlar sağlar.

Kaydırıcılarınızı standart Divi kaydırıcısının ötesine genişletmekle ilgileniyorsanız, Her Şey Kaydırıcısı istediğiniz eklenti olabilir.

Sizden duymak isteriz. Herhangi Bir Şey Kaydırıcısını kullandınız mı? Yorumlarda deneyiminizi bize bildirin.

VectorsMarket / Shutterstock.com aracılığıyla Öne Çıkan Görsel