Stratum Widget'ları: Gelişmiş Akordeon ve Sekmeler Elementor Widget'ları


İçindekiler

Büyük miktarda bilgiyi yapılandırmak, kaydırmayı azaltmak ve verileri kategorilere ayırmak için kullanışlı bir tasarım aracı arıyorsanız, Stratum Gelişmiş Akordeon ve Gelişmiş Sekmeleri kullanarak içerik sunmaktan çekinmeyin.

Stratum Elementor Eklentileri, en popüler Gelişmiş Kaydırıcı, Gelişmiş Gönderiler, Instagram, Fiyat Listesi widget'ları ve çok daha fazlası dahil olmak üzere tüm amaçlar ve iş web sitesi ihtiyaçları için 20'den fazla gelişmiş widget içerir.

Ayrıca bkz: blok düzenleyici için Sekmeler bloğu (Gutenberg)

Gelişmiş Akordeon ve Sekmeler Elementor Widget'larının Amacı

  • Bir ürün veya hizmet SSS bölümü oluşturun.
  • Daha okunabilir ve etkileşimi kolay herhangi bir veri bölümü oluşturun (örn. haberler, müzik arşivleri).
  • Daha kolay gezinme ve erişilebilirlik için karmaşık bilgileri yapılandırılmış hale getirin.

Gördüğünüz gibi, bağımsız Elementor sekmeleri eklentisi olmadan sekmeler oluşturabilirsiniz.

Temel Faydalar

Elementor genişletilebilir metin oluşturmak kolaydır. Gelişmiş Sekmeler ve Accordion Elementor widget'ları tamamen özelleştirilebilir ve şunları yapmanıza olanak tanır:

  • Tipografiyi, renkleri ve simgeleri derinden değiştirin.
  • Farklı varsayılan sekme düzenleri kullanın (yatay ve dikey).
  • Sekmeler için içerik olarak daha önce kaydedilmiş Elementor şablonlarını kullanın.

Elementor için Gelişmiş Akordeon Widget'ının Genel Özellikleri

Genel

  • Akordeon tipi (katlanabilir)

akordeon widget'ı

  • Geçiş tipi (tüm sekmeler aynı anda açılabilir)

elementor akordeon

  • Etkileşim (sekmeler, üzerine gelindiğinde veya tıklandığında tetiklenir)

akordeon etkileşimi

Akordeon öğesinin her bir öğesini özelleştirmekte özgürsünüz:

  • Bir başlık belirleyin
  • Kitaplıktan simgeleri seçin veya kendi simgelerinizi SVG'ye yükleyin:

simge kitaplığı öğesi

Hem katlanmış hem de açılmış akordeon öğeleri için farklı simgeler ayarlayabilirsiniz. Herhangi birini ayarlamazsanız, varsayılan olarak Genişlet simgesi kullanılır:

akordeon widget öğesi simgeleri

  • Elementor Şablon Kitaplığı'na kaydettiğiniz bir metin veya özel şablon, Akordeon öğelerinin içeriği olarak işlev görebilir.

Metni seçerek, metin ve resimler ekleyebilir ve biçimlendirebilirsiniz:

metin içerik türü akordeon akordeon elementor widget metni ve medya formatı

Metin içeriği türü için varsayılan WordPress biçimlendirme seçenekleri mevcuttur:

akordeon elementor widget'ı için metin ayarları

Herhangi bir öğeyi varsayılan olarak açık bırakabilirsiniz.

Hazır bölümlerin tamamını eklemek istiyorsanız, "Şablon" içerik türünü seçebilir ve kendi veya tema kaynaklı şablonlarınızı gerekli akordeon sekmelerine ekleyebilirsiniz:

elementor kitaplığı geçiş akordeon widget'ı

Örneğin, sekmeye şablon olarak kaydedilen bir görüntü etkin noktasıyla şu şekilde ilgilendim:

akordeon elementor widget şablon kitaplığı

Akordeon Elementor widget'ını şekillendirme

Genel stil

  • Eşit kapsayıcı yüksekliği ayarlandığında, sekme kapsayıcıları, içerik boyutundan bağımsız olarak aynı yükseklikte olacaktır (her kapsayıcının boyutu otomatik olarak en büyük içerik kapsayıcısına göre ayarlanır)
  • Akordeon öğeleri arasındaki boşluk:

öğeler arasındaki boşluk

  • Gerekli hizalama ve aralığa ulaşmak için dolgular ve kenar boşlukları
  • Özelleştirilebilir genişlik, renk, yarıçap ve gölge ile öğelerin sınırı.

Genişletme simgesi stili

  • Simge konumu (sol veya sağ)
  • Simge boyutu ve alanı, normal, etkin ve fareyle üzerine gelme modları için özelleştirilebilir.

simge stili genişlet

Başlık stili

  • Metin hizalamasını değiştir
  • Tipografiyi özelleştirin

başlık stili

  • Dolguları ve kenar boşluklarını ayarlayın
  • Kenarlık türünü ve rengini değiştirin

sınır tipi akordeon widget'ı

  • Kutu gölgesi ekle
  • Başlık ve arka plan renklerini şu Elementor akordeon sekmelerinde olduğu gibi özelleştirin:
akordeon elementor widget sınır yarıçapı akordeon öğesi widget başlık stili

Gerekli Elementor geçiş widget'ını varsayılan olarak açabilirsiniz.

İçerik alanı stili

  • Metin rengi ve tipografi
  • Arka plan rengi veya resmi

içerik stili renkleri

içerik arka plan resmi

  • Dolgular ve kenar boşlukları
  • Kenarlık türü ve rengi
  • Kutu gölgesi.

Stratum'dan Gelişmiş Sekmeler Elementor Widget'ı

Gelişmiş Sekmeler Elementor WordPress widget'ı, içeriği sekmeli widget'lar aracılığıyla öne çıkarmanıza olanak tanır. Tıpkı Stratum Elementor Akordeon widget'ı gibi, hem basit içeriklerle hem de kayıtlı şablonlarla çalışabilir. Widget hem yatay hem de dikey yönelimli sekmeleri destekler.

Genel Ayarlar

  • Sekme düzeni (dikey, yatay veya bir simge kutusu)
  • Etkileşim (fareyle üzerine gelin veya tıklayın).

sekmeler elementor widget genel ayarları

Sekmelere içerik eklemek için, resim yükleme özelliği de dahil olmak üzere varsayılan bir WordPress biçimlendirme aracı kullanabilir veya Elementor Kitaplığından özel şablonlarınızı ekleyebilirsiniz.

Şablonlar, temanız veya özel olarak oluşturulmuş şablonlar tarafından sağlanır. Örneğin, burada tema kaynaklı bir bölüm var:

kayıtlı şablon öğesi veya sekmeler widget'ı

Sekme simgeleri isteğe bağlıdır:

sekmeler içerik öğesi veya widget'ı

Elementor için Gelişmiş Sekmeler Widget'ını Şekillendirme

Gezinti paneli stili

  • Sekme genişliği
  • Sekmeler arasındaki boşluk
  • Soldaki veya sağdaki sekmeler
  • Etkin içeriğe göre sekme hizalaması
  • Sekmeler ve içerik arasındaki hizalamayı ayarlamak için dolgular ve kenar boşlukları

sekmeler öğesi veya widget stili ayarları

  • kutu gölge

sekmeler öğesi veya widget kutusu gölgesi

  • Arka plan rengi.

Sekme stili

Değiştirebilirsin:

  • tipografi
  • Dolgular ve kenar boşlukları
  • Sınırlar
  • kutu gölge
sekmeler öğe veya widget katmanı sekme tipografisi simge sekmeleri elementor widget'ı
  • Her kutu modu için başlık ve arka plan rengi (normal, aktif ve üzerine gelindiğinde)

sekmeler öğesi veya widget sekme renkleri

Simge stili

  • Sol veya sağ simge konumu
  • Simge boyutu
  • Simgeler arasındaki boşluk
  • Normal, aktif ve fareyle üzerine gelme modları için renkler.

simge stili sekmeleri widget öğesi

içerik stili

Aşağıdakiler dahil, burada iyi bir seçenek şansınız var:

  • İçerik animasyonu (kaydır veya soldur)
içerik stili öğesi sekmesi içerik animasyonu
  • Eşit içerik yüksekliği
  • tipografi
  • Metin ve arka plan rengi (renk, resim veya gradyan)

sekmeler renkler widget'ı

  • Dolgular ve kenar boşlukları
  • Kenarlık ve kutu gölgesi.

Gelişmiş Sekmeler ve Akordeon Stratum Ücretsiz Elementor Widget'ları: Şimdi İndirin

Elementor Akordeon ve Sekmeler widget'ları, web sitesinde kullanıcı deneyimlerini desteklemek ve güçlendirmek için verimli sekmeli düzenler oluşturmanız için bir araç sağlar. Ve bu kolayca şekillendirilebilen Elementor sekmesi widget'ları sadece bir tık uzağınızda:

Stratum nedir?

  • 24'ten fazla Elementor widget'ından oluşan ücretsiz bir koleksiyon (Sliders, Google Maps, Instagram, Fiyatlandırma Tabloları);
  • Elementor PRO'ya iyi bir alternatif;
  • Profesyonel kullanıcılar için esnek bir araç (gelişmiş tasarım araç zinciri) ve yeni başlayanlar için kullanımı kolay (görsel özelleştirme);
  • Elementor şablon kitaplığı ile entegre olur.

Stratum Ücretsiz Elementor Widget'ları İndir

Stratum demo tasarımlarını buradan görüntüleyin.

Kurulumdan sonra, favori eklentimizin ekstra görsel efektlere sahip genişletilmiş versiyonu olan Stratum Pro'yu kontrol etmeyi unutmayın. Premium Elementor Eklentileri paketiyle, derin widget özelleştirmesi için tasarlanmış birkaç özel öğenin kilidini açacaksınız. Özellikle, Akordeon ve Sekmeler widget'ları için içerik türünü (sadece metin yerine resim ve video) değiştirme özelliğine erişeceksiniz.

Yalnızca yıllık 19$'lık bir fiyatla tüm Stratum seçenek yelpazesinden yararlanın! Pro özellikleri, şu anda yüklü olan ücretsiz Stratum eklentinize doğrudan dahil edilecektir – hiç güçlük çekmeden.

Ayrıca Gutenberg'de mi? Ücretsiz WordPress bloklarının en büyük kütüphanesi olan Getwid'i kontrol ettiğinizden emin olun.

Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting.

Check Also

Divi's Theme Builder ile Özel Global Başlık Nasıl Oluşturulur

Artık Tema Oluşturucu burada olduğuna göre, web sitenizi A'dan Z'ye kurmanıza yardımcı olacak yeni eğitimlere dalmak için sabırsızlanıyoruz. Buna Divi'nin yerleşik seçeneğini kullanarak özel başlıklar oluşturma da dahildir. Bu eğitimde Divi's Theme Builder'ı kullanarak global bir başlık oluşturmaya odaklanacağız. Bu sayfaya veya gönderiye farklı bir başlık atamadıysanız, web sitenizin her yerinde genel bir başlık görünecektir.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir