Bir sayfaya bir akordeon resim eklemek ister misiniz? Elementor ?

Bu harika çünkü resim akordeon, resimleri daha yaratıcı bir şekilde görüntülemenizi sağlıyor. Ne yazık ki, Elementor bir sayfaya veya şablona resimlerden oluşan bir akordeon eklemenize izin veren varsayılan bir pencere öğesi yoktur.

Gerçekten bir resim akordeon eklemek istiyorsanız, bir resim akordeon widget'ı ile birlikte gelen bir eklenti veya eklenti yükleyebilirsiniz. Yükleyebileceğiniz eklentilerden biri JetTabs.

JetTabs bir eklentidir Elementor Aile üyesi JetPlugins, Crocoblock tarafından geliştirilen bir dizi Elementor eklentisi. JetTabs dört widget ile birlikte gelir: Swicther, Tabs, Image Accordion ve Classic Accordion.

JetTabs ile Elementor'da resim akordeon nasıl eklenir

Başlamadan önce JetTabs eklentisini kurduğunuzdan ve etkinleştirdiğinizden emin olun. Bu eklentiyi yılda sadece 23 $ karşılığında alabilirsiniz. Alternatif olarak, Jüpiter X veya Monstroid2 tema paketi aracılığıyla tek seferlik satın alma seçeneğiyle JetTab'leri de alabilirsiniz.

Ayrıca Oku: Elementor'da Tek Sayfa Gezinme Menüsü Nasıl Oluşturulur

Hazır olduğunuzda, yeni bir sayfa (Sayfalar -> Yeni Ekle) veya yeni bir gönderi (Mesajlar-> Ekle) oluşturun ve Elementor ile düzenleyin. Elbette, mevcut bir sayfayı veya gönderiyi de düzenleyebilirsiniz.

Elementor düzenleyicide, Görüntü Akordiyonu pencere aracını pencere öğesi panelinden düzenleme alanına sürükleyin.

Elementor sayfasına bir görüntü akordeon ekleme

Görüntü Akordeon widget'ı eklendikten sonra, özelleştirmek için sol panele gidin. Varsayılan olarak, akordeon üç öğeden oluşur. Her öğeye bir görüntü eklemek için, Öğeler bloğunun altında bir öğe açın ve görüntü seçiciye tıklayın. Öğenin başlığını, açıklamasını ve düğme bağlantısını da ayarlayabilirsiniz.

Elementor sayfasına bir görüntü akordeon ekleme

Diğer öğeler için yukarıdaki adımları tekrarlayın. Akordeon'a yeni bir eleman eklemek için butona tıklamanız yeterlidir. Öğe ekle.

Elementor sayfasına bir görüntü akordeon ekleme

bloğu aç Ayarlar sekmenin altında içindekiler yönlendirmeyi (dikey veya yatay), aktif öğe boyutunu, animasyon süresini ve hareket hızı efekti stilini ayarlamak için.

akordeon stilizasyonu

Akordeonunuza stil vermek için sekmeye erişebilirsiniz. stil sol panelde. Akordiyonu şekillendirmek için açabileceğiniz 7 blok vardır. İlk blokta (Konteyner bloğu) akordeon yüksekliğini, arka plan rengini, kenarlık yarıçapını ve alt gölgeyi ayarlayabilirsiniz.

Elementor sayfasına bir görüntü akordeon ekleme

Öğe bloğunda, öğeler arasındaki boşluğu, öğe arka plan rengini, öğe kenarlık yarıçapını ve öğe kutusu gölgesini ayarlayabilirsiniz.

Elementor sayfasına bir görüntü akordeon ekleme

Diğer stil seçeneklerini oluşturmak için diğer 5 blokla oynayabilirsiniz. İşiniz bittiğinde, düğmesine tıklayın yayınlamak/sayfanızı güncelleyin.

Voila.

Şimdi Elementor Pro'yu Alın !!!

Sonuç

Buraya ! Size nasıl olduğunu gösteren bu makale için bu kadar Elementor sayfasına bir görüntü akordeon ekleme. Oraya nasıl gideceğinizle ilgili herhangi bir endişeniz varsa, bize içinde bildirin. Yorumlar.

Ancak, ayrıca kaynaklarımızİ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ı.

Ama bu arada, bu yazıyı farklı sosyal ağlarda paylaş.

...