Elementor ve Happy Addons ile WordPress'te Slider Nasıl Oluşturulur

Yayınlanan: 2019-11-23

Web tasarımı deyiminde, bir slayt gösterisinde bir grup görüntüyü sergilemek için kullanılan kaydırıcı. Kaydırıcı ile iş amaçlarınızı, stratejilerinizi veya hizmetlerinizi göstermek için en önemli fotoğrafları gösterebilirsiniz. Bu nedenle, kullanıcıların öne çıkanları kolayca görmelerini ve hızlı bir şekilde harekete geçmelerini sağlar. Bu durumda, gerçekten kullanıcılarla etkileşim kurmak istiyorsanız, web siteniz için nasıl kaydırıcı oluşturacağınızı bilmelisiniz.

Web sayfasının üst kısmındaki bir kaydırıcıyı kullanarak tüm önemli içeriği akıllı bir şekilde kolayca görüntüleyebilirsiniz.

Ancak, normal bir WordPress kullanıcısıysanız, WordPress endüstrisindeki mevcut eklentilerle ilişki kurabilirsiniz. Bunları doğru bir şekilde kullanarak, örneğin ana sayfalar, açılış sayfaları, gönderiler veya parmak iziyle istediğiniz herhangi bir şey gibi muhteşem tasarımlar üretebilirsiniz.

Bugünkü eğitimde, basit bir şekilde herhangi bir kod kullanmadan WordPress'te nasıl kaydırıcı oluşturulacağını göstereceğiz.

Happy Elementor Eklentileri Slider Widget'ına Kısa Bir Giriş

Slider images

Genel olarak, varsayılan olarak, WordPress'in başlık bölümüne herhangi bir kaydırıcı resmi eklemek zordur. Ancak, kaydırıcılar oluşturmak için farklı WordPress eklentileri bulabilirsiniz. Bu durumda, kolay bırakma özelliği ile kullanımı çok basit olan 'Mutlu eklentiler'in 'Slider Widget'ı', kaydırıcı ekleme işinizi kolaylaştıracaktır.

Bu WordPress kaydırıcı widget'ını kullanmak sadece basit olmakla kalmaz, aynı zamanda muhteşem animasyonları ve efektleriyle web sitenize daha fazla trafik çekmenize yardımcı olur. Ve en önemli kısım, 'Mutlu eklentiler' artık Elementor ile birleştirildi. Sonuç olarak, herhangi bir web sitesi materyali oluşturmak için ekstra avantajlar elde edeceksiniz. Peki, dahası ne?

Evet, 'Slider Widget'ı kullanarak aşağıdaki avantajları elde edeceksiniz:

  • Basit Ok Gezinme
  • Her İki Tarafta Dairesel Kayan Ok
  • Noktalı Gezinme
  • Dikey kaydırıcı
  • Ve bireysel Görseller Başlığı ve Açıklaması vb.

Yani bunlar 'Slider Widget' ile elde edeceğiniz avantajlar.

Mutlu Eklentilerin neden Benzersiz Elementor Eklentileri olduğunu öğrenmek için bu gönderiyi okuyun. Bu gönderi size 'Mutlu Eklentiler'in Elementor ile nasıl çalıştığı hakkında bir fikir verecektir.

Mutlu Eklentilerle WordPress'te Slider Nasıl Oluşturulur (4 Adım)

' Mutlu Eklentilerin Kaydırıcı widget'ını kullanarak Web Siteniz için çekici kaydırıcılar oluşturabilirsiniz. Herhangi bir kod uygulamaktan korkuyorsanız, Happy Addons'un bu widget'ı şaşırtıcı bir araç olabilir.

Ancak, aşağıdaki adımları dikkatli bir şekilde izleyerek WordPress sitenizde 'Slider Widget'ı kullanabilirsiniz:

Gereksinimler

  • WordPress (Kurulum Süreci)
  • eleman
  • Mutlu Eklentiler

Tamam, bu eğiticiye başlamadan önce gereksinimlerden emin olun.

Yapılandırma Süreci

Diyelim ki zaten bir WordPress web siteniz var. Ve web sitenizin kaydırıcısını değiştirmek istiyorsunuz. Bu nedenle, tüm bu önemli şeyleri yükledikten sonra şu adımları izleyin:

Her neyse, 'Elementor kullanarak tam teşekküllü bir web sitesi nasıl oluşturulur' konulu bu makaleye bakın.

970X90 1

Adım 1: Sayfa Ekleme ve Elementor ile Düzenleme

Zaten bir web siteniz varsa, o zaman web sayfalarınız olmalıdır. Doğru? Tüm yapman gereken:

Kaydırıcı widget'ını eklemek istediğiniz sayfanıza gidin. Burada zaten bir sayfamız var. Bu yüzden 'Elementor ile Düzenle'ye tıklıyoruz.

How To Create Slider In WordPress
Sayfa Seçimi

Bundan sonra, tüm widget'ların bulunduğu pencereyi alacaksınız. Bu sayfada herhangi bir kaydırıcı kullanmadığımızı açıkça görebilirsiniz. Bu yüzden kolaylıkla yapacağız.

Elementor Slider
Elementor Widget'ın arayüzü

Adım 2: 'Slider Widget'ı Nasıl Eklenir?

' Slider Widget'ı eklemek için, sol kenar çubuğundan 'Slider' widget'ına tıklayın. Ve kaydırıcıları eklemek istediğiniz yere sürükleyin. Genelde başlık kısmından sonra kaydırıcıları kullanırız. Ekran Görüntüsü'ne göz atın:

How to drag images in Elementor
Sürükleme Kaydırıcısı

'Slider Widget'ı ekledikten sonra, ekranın sol tarafında bir menü ile birlikte 'Slider' alacaksınız.

Slider Option
Kaydırıcı Seçeneği

3. Adım: Ön Ayar ve Görüntüler Nasıl Eklenir

Elementor'da kullanmak için bazı yerleşik özellikler elde edebilirsiniz. Ancak Happy Addons widget'ını kullanarak bazı ekstra avantajlar elde edeceksiniz. Ve bunlardan biri 'Ön Ayar'. ' Ön Ayar'ın ne olduğu hakkında bir fikir edinmek için bu eğitim videosunu izleyin.

'Ön Ayar Elemento ile nasıl çalışır' konulu tanıtım videosu

Ardından, kaydırıcıya resim eklemek için 'Slaytlar' seçeneğine tıklayın. Burada eklenen slaytları görebilirsiniz.

How To Create Slider In WordPress
Slayt seçimi

Ardından eklemek istediğiniz resimleri ekleyin. Burada kaydırıcıyı stilize etmek için bir seçenek elde edeceksiniz. Örneğin, Görseller, Görsel Başlıkları ve Açıklamaları vb.

How To Create Slider In WordPress
Resimler Açıklama

Adım 4: Görüntüler Nasıl Stilize Edilir

Bu bölüm tamamen sizin tasarım anlayışınıza bağlı. Bu yüzden bunu kendi başınıza deneyimleyin.

Burada, Kaydırıcı Öğesi , Kaydırıcı İçeriği , Gezinme Oku ve Gezinme Noktaları bulacaksınız.

How to add a slider in WordPress
stilize kaydırıcı

Bonus Puan: Gelişmiş Tasarım Nasıl Eklenir

Genellikle, özellikle kaydırıcıları stilize etmek için bu bölüme ihtiyaç duymazsınız. Ama eğer herhangi bir ilginiz varsa, bunu deneyimleyebilirsiniz. Buradan 'Gelişmiş Tasarım' yapabilirsiniz. Ve en büyüleyici şey, 'Mutlu Etki'.

Mutlu Etki iki etkiden oluşur. Bunlardan biri Kayan Etki ve Özel CSS'dir.

WordPress slider plugin
Gelişmiş Ayarlar

Yüzer Etkisi

Hayal gücünüzü yakalayarak, her türlü tasarımı oluşturabilir veya canlandırabilirsiniz. Ek olarak, bu özelliği kullanarak herhangi bir Elementor Slider için birinci sınıf animasyonlar uygulayabilirsiniz. Ayrıca, bu widget ile çevirebilir, döndürebilir veya ölçeklendirebilirsiniz.

Yüzer Etki Tam Talimatı

Özel CSS

Özel CSS, Mutlu Eklentilerin bir başka büyüleyici özelliğidir. Ayrıca, her widget ile fevkalade çalışan çekirdek Elementor üzerinde harika bir geliştirme. Sonuç olarak, artık herhangi bir sınırlama olmaksızın snippet, çevirme, döndürme, ölçekleme ve eğme gibi çeşitli CSS dönüşümlerini kullanabilirsiniz.

CSS Dönüşümünün Tam Talimatı

Son Önizleme

Bu, web sitesine Happy Elementor Slider Addon'u ekledikten sonraki son önizlemedir.

ezgif.com optimize 1

Ancak, ayrıntılı bir açıklama almak için Slider Widget'ta tam Documentation'ı kontrol edebilirsiniz.

Ayrıca, ' Slider Widget ' hakkında daha fazla bilgi için aşağıdaki eğitim videosunu inceleyebilirsiniz. Bu widget'ın daha fazla kullanımını bilmenize yardımcı olacaktır. Şimdi bir göz atın!

WordPress'te Slider Nasıl Oluşturulur: Son Sözler

Web Sitesinde kaydırıcıları kullanmak etkili bir yöntemdir. Kaydırıcıyı manuel olarak veya herhangi bir kod kullanarak eklerseniz, sizin için çok zor görünebilir. Ancak WordPress kaydırıcısı onu çok verimli ve kolay hale getirir. Bu nedenle, satış dönüşümlerini artırmak, UX'i iyileştirmek veya arama sıralamalarını yükseltmek istiyorsanız, web sitesinde 'kaydırıcı resimler' bir zorunluluktur.

Ancak, WordPress'te nasıl kaydırıcı oluşturulacağını basit bir şekilde göstermeye çalıştık. Bu eğitimde faydalı bir şeyler elde edeceğinizi umuyoruz. Paylaşacak bir şeyiniz veya öneriniz varsa, bizimle iletişime geçmekten çekinmeyin.

Happy Slider Widget'ını Denemeyi Unutmayın!