yapılandırmak istiyorum WordPress Plugin Kaydırıcı Devrimi?

Bu eğitim serisinin başlangıcından beri WordPress Plugin  kaydırıcı Devrim, öğrendik eklentiyi indirin ve yükleyin. Daha sonra Arayüzünü ve farklı işlevlerini keşfetti. Şimdi, size bir yapılandırmalarını göstererek devam edelim. "Kaydırıcı".

Eğer bir acemiyseniz ve başlamak için kaynak arıyorsanız; Başlamak için ihtiyacınız olan her şeyi burada bulacaksınız. Ve blog oluşturmayı keşfedersen oku Bir WordPress Blogunu Kolayca Oluşturma: Kılavuz ve Tuto

Bununla birlikte, kaydırıcının ne olduğunu öğrenelim.

Pratikte kaydırıcı nedir?

Kaydırıcı bir HTML bileşenidir. Evet biliyorum, öyle dedi, sana pek fayda sağlamaz. Yani kaydırıcı, çeşitli bilgileri bir döngü içinde görüntülemenize (veya göstermemenize) izin veren bir özelliktir. Bu bilgiler " slayt Bir "kaydırıcının" varlığı olan ve resimlerden, video metinlerinden, bağlantılardan vb. oluşabilen.Slider devrimi - WordPress Slider Revolution eklentisi

kaydırıcı "Bu nedenle içerir" slaytlar (En azından 1) ve bu slaytlar multimedya elemanları içeriyor (resim, video, müzik, metin) animasyonlu veya etkileşimli olabilir (kullanıcının eylemlerine tepki göstermek).

Not : Çevirebilirsin " sürgü "İçinde interaktif ve dinamik slaytlar '.

Slider Revolution bunu yapmamızı sağlar ve daha fazla gecikmeden başlayacağız.

Henüz bir web sitesi oluşturmadıysanız ve bir WordPress tema bu güçlü özelliği doğal olarak bütünleştiren WordPress Plugin, Bu premium WordPress temaları listesi mükemmel olacak.

Bir kaydırıcının oluşturulması: İlk konfigürasyonlar

Başlamak için menüyü tıklamalısınız " kaydırıcı Devrim WordPress panonuzda.

Devrim kaydırıcı wordpress

Şimdi öğeye tıklayın yeni Slider Ve kaydırıcının yapılandırma arayüzüne geleceksiniz.

Yeni-kaymak-kaymak-devrim-öğretici

Kaydırıcı konfigürasyon arayüzü göz korkutucu olabilir, ancak geri adım atarsanız işlevselliğini daha iyi anlayacaksınız. Bu arayüzün iki bölümden oluştuğunu fark edebilirsiniz. Soldaki birincisi 5 farklı alandan, sağdaki ikincisi ise 6 küçük alandan oluşuyor. Hemen yukarısında, şunları yapmanıza izin veren araç çubuğu vardır:

  • Sürgü listesine geri dön « Tüm Kaydırıcılar »
  • Erişim kaydırma ayarlarına (bu senin üzerinde olduğun pencere)
  • Slayt düzenleme arayüzü
  • Bir yedekleme düğmesi
  • Slayt düzenleme düğmesi
  • Kaydırıcı önizleme düğmesi
  • Bir sürgü çıkarma düğmesi
  • Bir düğme (dönüştekrarlama) Sürgü Listeye

bar araçları devrim-kaydırıcı

Şimdi sol sütundaki her bölümü açıklayacağız.

Bu WordPress eklentisi, web sitenizin yüklenmesini yavaşlatabilecek birçok görüntüyü işler. Keşfedin WordPress blogunuzu resimlere göre optimize etmeye neden ihtiyacınız var?

"İçerik Kaynağı" Bölümü

İçerik kaynak devrimi kaydırıcı

Bu bölüm, kaydırıcının kaynağını yapılandırmanıza olanak tanır. Aslında, burada oluşturmaya karar verebilirsiniz:

  • Tüm animasyonları kendiniz yapılandırmanız gereken klasik bir kaydırıcı
  • Manevra odanızın oldukça sınırlı olduğu bir makale listesi
  • Seçebileceğiniz belirli makalelerden oluşan bir kaydırıcı
  • Flickr haber akışının bir kaydırıcısı
  • Instagram özet akışının kaydırıcısı
  • Bir ürün kaydırıcısı WooCommerce
  • Heyecan yem bir sürgü
  • Facebook yayınlarında bir kaydırma çubuğu
  • YouTube Yayınları Üzerine Bir kaydırıcı
  • Ve Vimeo yayınlarında bir sürgü

Şunu da belirtmek gerekir: Slider Revolution, çevrimiçi bir mağazada ürünleri vurgulamayı sağlayan güçlü bir eklentidir. Keşfedin 10 WordPress temalarını online mağaza oluşturarak kıyafetlerinizi sergileyebilirsiniz

Bununla birlikte, klasik bir kaydırıcıyı nasıl yaratacağımızı sunacağımızdan memnun olacağız, çünkü en çok kullanılan, ustalaşması en zor ve etkileri arasında en olağanüstü olanıdır. Uygulama ile, diğer sürgülerde kendi konfigürasyonlarınızı yapmayı başaracaksınız. Problem durumunda, geri dönüp burada yorum yapmaktan çekinmeyin. Öyleyse seçeneği bırak " Varsayılan kaydırıcı "Aktif.

Kaydırıcı Başlığı ve Kısa Kod bölümü

Muhtemelen tahmin etmişsindir. Bu bölüm, kaydırıcının başlığını ve ona eşlik edecek kısa kodu tanımlamanıza izin verir (çok da roket bilimi).

Başlıktaki ve Kısa kod-du kaydırıcı

"Bir kaydırıcı türü seçin" bölümü

seçmek-a-tür-of-kaydırıcı-kaymak-devrim

Bu bölüm, kaydırıcının temel yapısını tanımlamanıza olanak tanır. Aslında, aralarından seçim yapabileceğiniz 3 seçeneğiniz vardır:

  • İlk seçenek için, kullanılabilir alana uyarlanmış ve gezinme düğmeleri gibi temel öğelere sahip genişlikleri olan varsayılan bir kaydırıcı tanımlayın.
  • İkinci seçenek için, gezinme düğmesi olmadan ve önceki seçenekten çok daha etkileyici, dinamik ve etkileşimli bir stil uygulamaya karar verebilirsiniz. Bu seçeneğe "kahraman sahnesi" deniyor çünkü burada animasyonlara ve etkileşime daha fazla vurgu yapacaksınız.
  • Son seçenek, oldukça çeşitli animasyonlarda görüntülerin soldan sağa basitleştirilmiş kaydırılmasıyla çok daha klasik bir stil sunar.

Not : Ne zaman bir seçenek seçerseniz, "Bu Slider Türünden bir ön ayar yükleyinHangi seçtiğiniz kaydırıcı türünün gelişmiş varyasyonlarını sunar.

değiştirmek-of-tür sürgünün

Tüm varyasyonları açıklayamayacağım, ancak mevcut resimlerden sonuçlar çıkarabileceksiniz. Örneğin, kaydırıcı türü için " Standart Dördüncü bir varyasyonunuz var " Başparmak Alt öz ", Alt kısımda küçük resimleri olan bir kaydırıcı oluşturmanıza olanak tanır ve otomatik kaydırma animasyonuna sahiptir.

başparmak alt kendinden kaydırıcı-devrim-öğretici

"Slayt Düzeni" bölümü

kaydırıcı-düzen-devrim-kaydırıcı

Bu bölüm, kaydırıcınız için bir düzen belirlemenizi sağlar. Yani gidebilirsin ' Devrim Slider »Kaydırıcıya uygulayacağı genişlikleri otomatik olarak seçin, kaydırıcıya tam genişliği uygulamayı veya kaydırıcıyı tam ekran modunda kullanmayı seçin.

Hangi seçeneği seçtiğinize bağlı olarak, Kaydırıcınız bazı cihazlarda farklı olacaktır. Cihazlara göre ızgara konfigürasyon bölümünün altındaMobil, masaüstü vb.). Izgarayı yapılandırmanın, her kaydırıcının iç kenar boşluklarını değiştirmenize izin verdiğini unutmayın.

Ayrıca oku Blogunuzun mobil tasarımını optimize etmek için 6 ipuçları

Bu bölümün en altında, taşma görünürlüğünü etkinleştirmeyi, radyo görünümünün tutulmasını etkinleştirmeyi ve minimum bir yükseklik ayarlamayı seçebilirsiniz.

"Özelleştirin, Oluşturun ve Uygulayın" bölümü

Bu bölüm aslında eklenti için bir seçeneğe sahip değil. Size önemli bölümlere hızlı bağlantılar sunar.

özelleştirmek-build-Uygulamak

Şimdi sağdaki ikinci sütuna devam edeceğiz.

Genel Ayarlar bölümü

Bu bölüm size kaydırıcıya uygulanacak bazı ayarlar sunar. Bunu şu şekilde yapabilirsiniz:

"Slayt gösterisi" sekmesinde

  • Köprü üstündeki kaydırıcıyı devre dışı bırak
  • Kaydırma ayarını belirledikten sonra kaydırma çubuğunu durdur
  • Slaytları rastgele göster
  • Slaytı ilmekleyin
  • Belirli bir cihaz boyutunda kaydırıcıyı devre dışı bırakın veya durdurun
  • Son seçenek olan "revapi.revstart () için bekle" sizin için yararlı olmayacaktır.

"Arızalar" sekmesinde

Şunları tanımlayabilirsiniz:

  • Katmanların seçilebilir karakteri
  • Kaydırıcının tanımlayıcısını tanımlayın (otomatik olarak yapılır)
  • Slaytlar arasındaki minimum süre
  • Başlatmadan önceki zaman aşımı
  • Slaytlar arasındaki geçiş
  • Mikrosaniye cinsinden ifade edilen geçiş süresi
  • görüntü boyutu
  • Arka plan görüntüsünün CSS konumu
  • Arkaplan görüntüsünün tekrarlanması, eğer bu görüntü yeterince büyük değilse
  • Seçeneğin etkinleştirilmesi " Video Muette Bu, animasyon türünü, bir XY'deki konumları tanımlamanıza izin verir (evet, matematik fonksiyonlarını çizmeniz gerektiğinde öğrendiklerinizi) ve diğer öğeler.

İlerleme çubuğu sekmesi

Bu bölümdeki tüm seçenekler, etkinleştirebileceğiniz ve özelleştirebileceğiniz ilerleme çubuğu içindir.

1 sekmesier slayt

Bu bölüm, ilk alternatif slaytı etkinleştirmenizi sağlar. Bu izin verecek " kaydırıcı Yüklemek için " slayt İlk senin seçimin. Bunu hatırla " slaytlar Tanımlanabilecek unsurlar.

"Düzen ve Görsel" bölümü

düzen-ve-işitsel

"Görünüm" sekmesi

Bu bölüm, kaydırıcının görünümünü yapılandırmanıza izin verir. Özellikle, kaydırıcının altında bir gölge görüntülemeyi tanımlayabilirsiniz (Varsayılan kaydırıcıyı seçerseniz, oldukça düşük bir marjla çok kullanışlı).

Ayrıca saydam noktalarla kaplı bir üst katmanı görüntülemeyi de seçebilirsiniz (bu, kaydırıcınızı çok orijinal yapar, ancak tamamen okunması gereken bilgileri görüntülemek istiyorsanız, ara vermeden devam etmeniz gerekir.).

Ardından kaydırıcının arka planı, iç kenar boşluğu ve arka plandaki görüntüye sahip olursunuz (burada bilmeniz gereken şey, bu düzeyde bir arka plan görüntüsünün tüm slaytlar).

"Döndürücü" sekmesi

Bu sekme kaydırıcıyı yüklerken bir animasyon tanımlamanıza izin verir, başka bir şey yapmaz.

"Mobil" sekmesi

Bu sekme, kaydırıcının görüntüsünü mobil cihazda yönetmenizi sağlar. Mobil trafiğin önemli olduğunu bilmeli ve bu nedenle ihmal etmemelisiniz. Mobilin boyutları (genişlik) belirlediğiniz bir rakamdan (piksel cinsinden) küçükse, kaydırıcıyı gizleme olanağına sahip olursunuz.

"Konum" sekmesi

Bu, kaydırıcının sayfaya göre konumunu belirlemenizi sağlar. Bulunduğu yerle ilgili olarak söyleme eğiliminde olacağım. Bu seçeneğin değiştirilmesine gerek yok, çünkü hepimizin kaydırıcının ortalanmasını istediğini düşünüyorum.

"Gezinme" bölümü

Bu bölüm, "kaydırıcınız" üzerindeki slaytlar arasındaki gezinme düğmelerini etkinleştirmenize olanak tanır. 6 gezinme seçeneğiniz var:

  • oklar
  • pire
  • sekmeler
  • küçük resimler
  • Touchdown'ın mobil cihazlara etkisi
  • Ve ok tuşlarıyla gezinme

Her seçenek, etkinleştirildiğinde, gezinme öğelerinin konumunu veya çalışma prensibini yapılandırmanıza izin verir (varsayılan ayarlar genellikle yeterlidir).

Yapılandırma navigasyon devrim-kaydırıcı

"Atlı Karınca Ayarları" bölümü

bölüm parametre du karusel devrimi kaydırıcı

Bu bölüm sadece türünü seçtiğinizde görünür " Carousel Slider », Ve seçeneklerini yapılandırmanıza izin verir. Yapabileceksin:

  • Sonsuz kaydırmayı etkinleştir
  • Slaytların dokunmasını istemiyorsanız, slaytlar arasında bir boşluk tanımlayın.
  • Yuvarlak bir kenarlığı piksel olarak ayarlama
  • En yüksek kenar boşluğunu ayarlayın (padding-top)
  • Düşük bir üst kenar boşluğu ayarla (dolgu dipli)
  • "Slayt" ile görünen öğelerin sayısı
  • « strech elemanı", Öğenin tüm genişliğini kaplayacak şekilde uzatmanıza izin verir" kaydırıcı »

Güvenlik, web sitenizin çalışma süresinde önemli bir unsurdur ve sizi herhangi bir ciddi saldırı veya hataya karşı koruyacak tekniklerden biri de blogunuzu düzenli olarak yedeklemektir. Keşfedin 5 WordPress Blog Yedekleme Eklentileri

"Paralaks ve 3D" bölümü

Burada seçeneği aktif hale getirebilirsiniz " 3D Kaydırıcınızda.

"Sorun ve İşleme" bölümü

Bu bölüm eski cihazlarla uyumluluğu yönetmenizi sağlar. Kaydırıcıyı basitleştirebilirsiniz " IOS4 ve Internet Explorer 8 '.

Aksi halde, tarayıcı kaydırıcıyı desteklemediğinde alternatif bir resim görüntülemeyi seçebilirsiniz.

"Google Yazı Tipleri" bölümü

Bu işlev, indireceğiniz Google Fonts yazı tiplerini yönetmenizi ve kaydırıcıya uygulamanızı sağlar.

Kaydırıcınızın parametrelerini tanımladıktan sonra. Tek yapmanız gereken kayıt düğmesine tıklamak.

save-a-kaydırıcı-kaymak-devrim

WordPress Slider Revolution eklentisi, WordPress web sitelerinde kaydırıcı oluşturmak söz konusu olduğunda favoriniz değilse, burada benzer işlevsellik sunabilen iki alternatif sunuyoruz.

1. LayerSlider

LayerSlider, premium bir WordPress çok amaçlı animasyon eklentisidir. Size çarpıcı efektlerle slayt gösterileri ve resim galerileri, güzelce canlandırılmış açılış sayfaları ve sayfa blokları ve hatta tam bir web sitesi oluşturma seçeneği sunar.Layerslider wordpress eklentisi slider 1 oluştur

Slider Revolution ile yakından rekabet edebilecek alternatiflerden biridir. Görsel sürükle ve bırak editörü, herkesin kullanmaya başlamasını çok sezgisel hale getirir. Teknik veya kodlama becerisi gerekmez. Sürekli büyüyen ithal model seçenekleri, yeni projeler için ideal bir başlangıç ​​noktasıdır ve tüm yaygın kullanım durumlarını kapsar. Özenle yapılırlar ve tüm ihtiyaçları karşılamak için kolayca özelleştirilebilirler.

Mükemmel destek ve sık güncellemeler, satın alımınızdan en iyi şekilde yararlanmanızı sağlar.

Bu makaleyi okuyarak bu güçlü WordPress eklentisi ile daha da ileri gidin Katman Kaydırıcı: Kaydırıcı oluşturmak için bir WordPress eklentisi

Indir | gösteri | Web hosting

2. WP1 Kaydırıcı

WP1 Slider çok yönlü bir WordPress eklentisidir. Kullanımı kolaydır ve güzel slayt gösterileri oluşturmak için ihtiyacınız olacak tüm faydalı özelliklere sahiptir. Çoğu kaydırıcı eklentisi çok tekniktir ve yapılandırmak için çok zamana ihtiyaç duyar, ancak WP1 Slider, programcı olmayanlar için tasarlanmıştır ve inanılmaz seçenekler sunar.Wp1 slayt pro wordpress eklentileri slayt gösterileri oluşturur web sitesi slaytları

Bunların arasında bulacaksınız:Kenburn etkilerinin arttırılması, 6 farklı sürgü geçiş modelleri,kısa kodların yükseltilmesi, asürükle ve bırak yöntemiyle slaytların algılanması, chızlı taciz ve mükemmel SEOçeşitli sosyal ağlarda paylaşım desteği, iYouTube ve Vimeo videolarının entegrasyonu, e düzenitam olarak yanıt veren WooCommerce ve diğerleri.

Indir | gösteri | Web hosting

Diğer önerilen kaynaklar

Ayrıca, web sitenizi ve blogunuzu daha iyi ele geçirmek ve kontrol altına almak için sizi aşağıdaki kaynaklara başvurmaya davet ediyoruz.

Sonuç

İşte bu kadar! WordPress eklentisinin yapılandırmasıyla ilgili bu sunum için hepsi bu Slider Devrimi. Slayt tasarımını tartışacağımız gelecekteki bir derste devam edeceğiz.

Bununla birlikte, ayrıca bize danışabilirsiniz kaynakların bulunduğuİnternet siteleri oluşturma projelerinizi yürütmek için daha fazla elemana ihtiyacınız varsa, WordPress blog oluşturma ya da Divi: Tüm zamanların en iyi WordPress teması.

Ancak, konuyla ilgili herhangi bir yorumunuz veya öneriniz varsa, yorumlar bölümünde memnuniyetle karşılanacaktır. Özellikle bu makaleyi farklı sosyal ağlar.