15+ Mükemmel WordPress Slider Örnekleri (Vitrin)

WordPress kaydırıcınız için biraz ilham mı arıyorsunuz? Kaydırıcılar, web sitesi sahiplerinin en önemli içeriklerini ilgi çekici ve etkileşimli bir slayt gösterisinde sergilemelerine olanak tanır, böylece kullanıcılar öne çıkanları görebilir ve hemen harekete geçebilir. Pek çok sitenin yapabildikleri her şeyle kaydırıcıları kullanması şaşırtıcı değil!

• İçeriği verimli ve şık bir şekilde sunun
• Küçük bir alana çok fazla bilgi sığdırın
• Web sitenize etkileşim ekleyin
• Ziyaretçileri promosyonlara ve önemli sayfalara yönlendirin

Bu yazıda size 15'ten fazla mükemmel WordPress kaydırıcı örneği göstereceğiz. Ayrıca size kendi web siteniz için nasıl hızlı bir şekilde muhteşem bir kaydırıcı oluşturacağınızı göstereceğiz.

Slider İlham Vitrini

İşte ilham almanız için en iyi kaydırıcı örneklerinden bazıları. Bu kaydırıcıları seçmek için kullandığımız kriterler 1) yaratıcılık ve 2) kullanılabilirlik idi. Bazı tasarımlar her ikisine de sahiptir ve bazılarının sadece bir yönü vardır.

CNBC Başbakanı

CNBC'nin kaydırıcısı okunaklı ve kullanımı kolaydır. Gösteri başlıkları için kalın bir yazı tipi kullanıyorlar, bu yüzden okunması kolay. Metni renklendirmek, arka planda da öne çıkmasına gerçekten yardımcı olur.

CBS

CBS'nin kaydırıcısı, okumayı ve kullanmayı kolaylaştırmak için büyük yazı tipine ve çok sayıda beyaz alana sahip ilgi çekici görüntüler kullanır. Büyük mermiler, tıkladığınızda ne olacağını çok net bir şekilde ortaya koyuyor.

Evrensel Orlando

Universal'in kaydırıcısının basit bir amacı var: sizi eğlence parklarını ziyaret etmeye ikna etmek. CTA'lar bazı cazip teklifler sunsa da, tüm konuşmayı fotoğraflar yapıyor.

Saville'in Dove Cotes

Saville's, güvercin kulübelerinin kalitesini ve işçiliğini vurgulayan fotoğraflarla eşleştirilmiş zarif bir serif yazı tipi kullanıyor. Ayrıca güvercinler hakkındaki engin bilgilerini de açıklarlar, böylece tüylü arkadaşlarınız için en iyi evleri satın aldığınızdan emin olabilirsiniz.

Manolya Fırını

Magnolia Bakery, yalnızca görüntü içeren bir kaydırıcının harika bir örneğidir. Lezzetli hamur işleriniz olduğunda, kimin sohbete ihtiyacı var? Bu üç mini kaydırıcı, bu web sayfasında sadece nefis görünüyor.

alevli boğaz

Flaming Gorge, popüler bir Utah cazibe merkezidir. Galerilerindeki manşetler her şeyi söylüyor: Flaming Gorge beldesinde manzaranın genişliğini, onu zorlamadan yaşayabilirsiniz.

İlerleme Temaları

Headway Themes, kaydırıcıyı yaratıcı bir şekilde kullanır. Tipik sayfanın üstü kaydırıcısı yerine, kendi kaydırıcılarını daha aşağıya yerleştirdiler ve temalarını kullanan web sitelerini sergilemek için kullandılar. Akıllı!

Smithsonian Freer Sackler Galerisi

Smithsonian Freer Sackler, sizi web sitesindeki önemli sayfalara yönlendirmek için basit bir gezinme kaydırıcısı kullanır. Kaydırıcının, sizi görüntülere çeken beyaz boşluklarla çevrili basit ve temiz görünümü, bir sanat galerisi için mükemmeldir.

Yalnız Gezegen

Lonely Planet'in kaydırıcısı, dönen tam ekran görüntüsü ve göz alıcı animasyonlarla süsleniyor. Bu sadece muhteşem görünümlü bir kaydırıcı değil, aynı zamanda fantezinize uyan herhangi bir yere gitmek de kolaydır.

Doğu Körfezi

Converse'in kaydırıcısı, tüm odağı tam olması gereken yere, yani ürüne koyar. Bu kaydırıcıda detay ve dokular o kadar net ki, neredeyse uzanıp kumaşa dokunabilirsiniz.

Sayfa

Sheetz'in kaydırıcısı, siz üzerlerine geldiğinizde dışarı kayan etkileşimli ileri düğmeleriyle birlikte parlak, eğlenceli renkler kullanır. Bunun gibi kaydırıcılar sadece oynanmak için yalvarır .

Xbox

Xbox'ın kaydırıcısı, temiz ürün resimleri, birkaç kelime ve çok sayıda boşluk ile basitlik için gider. Bu kesinlikle daha azının daha fazla olduğu bir durumdur.

Tim Hortons

Tim Hortons'un kaydırıcısı, iş yerinde harika yemek fotoğrafçılığının klasik bir örneğidir. Ağzınızı sulandırın, bunu harika fırsatlarla eşleştirin ve BOOM! Direnmesi son derece zor bir kaydırıcınız var.

Sony Çatlak

Çatlak çubukları, dönen kaydırıcıya dikkat çeken basit bir beyaz ve turuncu renk şemasına sahiptir. Her slayttaki küçük tanıtım yazıları size tüpü açma ve bazı TV şovlarını yakalama dürtüsü veriyor.

Smithsonian Enstitüsü

Smithsonian'ın kaydırıcısı, kaçırdığınız bir önceki slayta geri dönebilmeniz için büyük, göze çarpan oklar kullanır. Bu durumda bu önemlidir, çünkü her slaytta okunacak oldukça fazla metin vardır.

Louvre

Louvre'un kaydırıcısı tam olarak beklediğiniz gibi: tarihi ve zarif. Bu, geniş boşluk, serif yazı tipi ve görüntülerdeki basit ama dramatik siyaha geçiş sayesinde. Bu kaydırıcıyla ilgili diğer harika şey, sağ alt köşedeki oynat/duraklat düğmesidir.

Kendi WordPress Kaydırıcınızı Nasıl Oluşturursunuz

Şimdi merak ediyor olabilirsiniz, " Bu kaydırıcılar harika, ama kendi web sitem için nasıl bir tane oluşturabilirim?"

Neyse ki, WordPress için Soliloquy eklentisi sayesinde aslında oldukça basit.

Öncelikle Soliloquy Slider eklentisini kurmanız ve etkinleştirmeniz gerekiyor. Daha fazla ayrıntı için, WordPress'te bir eklentinin nasıl kurulacağına ilişkin bu adım adım kılavuza bakın.

Ardından, ilk kaydırıcınızı oluşturma zamanı. Kaydırıcı eklemek için Soliloquy »Yeni Ekle'ye gidin. Resim yüklemeniz gerekiyorsa bilgisayarınızdan dosya seçebilirsiniz. Web sitenize zaten resim yüklediyseniz, diğer kaynaklardan dosya seçin.

Aşağı kaydırmaya devam edin. Kaydırıcınız için seçtiğiniz resimleri göreceksiniz. Buradan görüntüleri düzenlemek için kurşun kalem simgesine tıklayabilir veya kaydırıcınızdan görüntüleri kaldırmak için kırmızı X'e tıklayabilirsiniz.

Soldaki Yapılandırma sekmesini seçerek kaydırıcınızla ilgili diğer ayrıntıları da yapılandırabilirsiniz. Görüntü boyutunu, kaydırıcı temasını ve slayt geçişlerinin hızını ayarlayabilirsiniz. Metin başlığı konumunuz da burada değiştirilebilir. Bu ayarları gözden geçirin.

Ayarlarınızdan memnun kaldığınızda, Mobil sekmesine bir göz atın. Bu, web sitenizin bir mobil cihazda nasıl göründüğünü test etmenize ve mobil çözünürlük ayarlarınızı gerektiği gibi ayarlamanıza olanak tanır.

(Ayrıca, kaydırıcınızı içe veya dışa aktarmak için Çeşitli sekmesine bakın.)

Bir Sayfaya veya Gönderiye Kaydırıcı Ekleme

Kaydırıcınızı oluşturmayı bitirdiniz! Şimdi onu istediğiniz gönderiye veya sayfaya ekleme zamanı. Bir gönderiyi veya sayfayı düzenleyin, Kaydırıcı Ekle düğmesini tıklayın ve kaydırıcınızı seçin. Değişiklikleri kaydetmek için yayınınızı / sayfanızı yayınlamayı veya güncellemeyi unutmayın.

Kaydırıcınız artık web sitenizde yayında olacak:

Bu kadar! Artık kendi WordPress kaydırıcınız var. Bu makalenin size 15'ten fazla mükemmel WordPress kaydırıcı örneği ile ilham verdiğini ve ilk kaydırıcınızı oluşturmanıza yardımcı olduğunu umuyoruz.

Kaydırıcılarınızı tasarlarken kullanabileceğiniz tüm gelişmiş özelliklere de göz atmak isteyebilirsiniz. Kaydırıcınızı özelleştirme olanakları neredeyse sınırsızdır, bu nedenle Soliliquy'yi bugün kullanmaya başlayın! İşte bir Soliloquy kaydırıcısıyla neler yapabileceğinize dair birkaç örnek.

• WordPress'te Tam Genişlikte Görüntü Kaydırıcısı Oluşturun
• WordPress'te Kaydırıcı Zamanını Değiştirin
• WordPress'te Duyarlı Bir Video Kaydırıcısı Oluşturun

Bu makaleyi beğendiyseniz, daha fazla ücretsiz WordPress eğitimi için lütfen bizi Facebook ve Twitter'da takip edin.