Stratum Widget'ları: Görüntü Akordiyonu ve Görüntü Etkin Nokta Widget'ları


İçindekiler

Bugün, çarpıcı görüntü gösterimi ile ilgili Stratum Elementor widget'larını, yani Image Accordion ve Image Hotspot Widget'ı inceliyoruz. Gelişmiş Kaydırıcı, Duvar Galerisi ve diğer birçok widget ile birlikte görsel içeriğiniz modern, göz alıcı ve son derece estetik görünecek.

Stratum for Elementor koleksiyonu, her türlü iş veya kişisel web sitesine faydalı bir ek olacak 20'den fazla gelişmiş widget içerir. Her iki widget'ın genel özelliklerini gözden geçirelim ve bir koda dokunmadan şık etkin noktalar ve akordeonlar oluşturmanıza neyin yardımcı olabileceğini görelim.

Ayrıca bkz: Blok düzenleyici için Görüntü Bağlantı Noktası.

Neden Görüntü Akordiyonu ve Görüntü Bağlantı Noktası Widget'larını Kullanmalıyım?

Elementor ile ilgili her şeyi seviyorsanız (en azından bir veya daha fazla web sitesi oluşturmak için kullanıyorsanız), widget'ların nasıl çalıştığını ve hangi özelleştirme seçeneklerini bekleyeceğinizi zaten biliyorsunuzdur. Stratum, sayfa oluşturucu ile tamamen entegredir, yani garip veya üçüncü taraf bir şey gibi görünmeyecektir. Ayrıca eklenti, HER Elementor teması veya eklentisi ile harika çalışır. Temiz kodu nedeniyle web sitenizin hızını düşürmez.

Ancak en önemlisi, Elementor widget'ları koleksiyonunda Image Hotspot ve Image Accordion'a yakın bir alternatif görmeyeceksiniz – ne Elementor Pro'da ne de Temel eklenti setinde. Her iki widget da benzersizdir ve etkileşimli içeriği hızlı ve kolay bir şekilde oluşturmak için gereken tüm araçları sağlar.

Stratum Image Accordion Widget: Genel Özellikler ve Ayarlar

Görüntü Akordiyonu widget'ı, belirli sayıda görüntüyü güzel bir akordeon stiline sığdırmanız gerektiğinde mükemmel bir çözümdür. Bu widget özellikle aşağıdakiler için iyi çalışır:

  • Kompakt tarzdaki resim galerileri;
  • Çoklu görüntü gösterimli afişler;
  • Başka bir görüntü kaydırıcı türü;
  • Ve dahası.
İçerik ayarları
  • Genel

Genel özelleştirmeye başladığınızda, akordeon'u genellikle her tür içerikle (herhangi bir sayıda resim ve metin) doldurursunuz, bunların yerleşimine/konumuna karar verirsiniz ve son olarak, bu tür içerikleri düğmeler ve bağlantılar olarak eklersiniz:

Elementor Görüntü Akordeon Widget'ı

  • Görüntülemek

Ekran sekmesinde, genel akordeonun düzeninde değişiklik yapabilirsiniz. Yönü, akordeon stilini, görüntü yüksekliğini, içeriğin dikey konumunu ve içerik hizalamasını değiştirin. Şu şekilde görünüyor:

Elementor Akordeon Widget'ı

Stil Seçenekleri
  • resim

Görüntü sekmesi, hem varsayılan hem de kapak efekti için kaplama rengi içerir. Daha gelişmiş ayarlar için CSS filtreleri de vardır:

Stratum Görüntü Akordeon Widget'ı

  • İçerik

Artık akordeonunuzun içeriğini şekillendirebilirsiniz. Bu, her öğe için gelişmiş stil seçeneklerini içerir: simge, başlık ve açıklama. İçerik stili, varsayılan mod için içeriğinizin renklerini değiştirmenize ve üzerine gelindiğinde yeniden boyutlandırmanıza, kenarlık yarıçapı ve gölgeler eklemenize ve ayrıca kenar boşlukları ve dolgu ayarlamanıza olanak tanır:

Elementor görüntü etkin noktası styling.gif

Stratum Image Hotspot Widget'ı: Genel Özellikler ve Ayarlar

Stratum Hotspot widget'ı, belirli bir web sitesi veya niş için tek yönlü bir çözüm gibi görünebilir. Ama aslında, bir etkin nokta görüntüsünün kullanışlı olabileceği pek çok yol var. Özellikle, bir etkin nokta görüntüsü aşağıdakiler için harika çalışır:

  • Her türden harita (konum adını veya belirli bir açıklamayı görmek için tıklayın);
  • Belirli bir öğe hakkında ek bilgi;
  • Adım adım kılavuzlar (bir cihaz, öğe veya herhangi bir tür için);
  • Farklı ürünler için fiyat etiketleri;
  • Öğrenme platformları için etkin noktaları kullanın (açıklamayı/çeviriyi/açıklamayı görmek için resme tıklayın);
  • … ve daha fazlası.
İçerik ayarları

Görüntü etkin noktasını özelleştirmeniz, aşağıdaki içeriği doldurmakla başlar:

  • resim

Burada birkaç seçenek arasından farklı bir görüntü boyutu seçebilir ve görüntü animasyonunu açıp kapatabilirsiniz.

  • Sıcak noktalar

Artık her bir etkin noktanın içeriğini değiştirebilirsiniz, özellikle farklı özelleştirme içeriği için 3 sekme göreceksiniz.

İçerik alanında, yüzlerce farklı seçenek arasından simge stilini değiştirebilirsiniz (kelime ile arama yapabilirsiniz).

Konum alanı, simgenin tam yerleşimini ayarlamanıza olanak tanır.

Son olarak, araç ipucu alanında, araç ipucunuz için başlık ve açıklama ekleyebilir, yerleşimini, temasını, animasyonunu, etkileşimini vb. ayarlayabilirsiniz.

Görüntü Etkin Nokta Widget'ı

Stil Seçenekleri
  • Sıcak nokta

Stil seçenekleri yalnızca bir etkin nokta için kullanılabilir. Burası, boyutlarını büyütüp küçültebileceğiniz, nokta aralığını ve opaklığı değiştirebileceğiniz ve ayrıca etkin nokta rengini ve arka planını değiştirebileceğiniz yerdir.

Stratum Image Hotspot Widget'ı

Elementor için Tüm 20+ Stratum Widget'ını Keşfedin

Artık Görüntü Bağlantı Noktaları ve Akordeon widget'larını nasıl kullanacağınızı öğrendiğinize göre, diğer Stratum widget'larını tanımanın zamanı geldi. Koleksiyon şu anda 17 gelişmiş modülden oluşuyor, ancak liste sürekli olarak destekleniyor. Web sitemizin Stratum blog bölümünde, tüm widget'lar hakkında benzer incelemeler yayınlıyoruz – bunları kontrol etmekten çekinmeyin.

Stratum ücretsiz widget'larını indirirseniz, Elementor işlevselliğinizi geliştirmek için artık diğer eklentileri düşünmeniz gerekmez. Elementor Pro'dakilere ücretsiz alternatifler olarak bir fiyatın olmaması, iş odaklı widget'lar, Temel widget'lar için genişletilmiş işlevsellik – Stratum hepsini şimdi sunuyor!

Ve şimdi MotoPress, Stratum'un birinci sınıf sürümünü kullanıma hazır birkaç özel işlevle piyasaya sürdüğüne göre, düzenleriniz ve stil yetenekleriniz daha da ileri gidecek. Tek bir site lisansı için yalnızca 19 $ karşılığında, ekstra PRO özellikler + öncelikli geliştirici desteği alırsınız. Bağlantıdan Stratum Elementor Eklentileri hakkında daha fazla bilgi edinin.

Image Accordion & Image Hotspot widget'ları için hangi özellikler "premium" olur? Sadece Stratum Free'yi indirin ve "pro" olarak işaretlenmiş özellikleri arayın veya Stratum Free vs Pro tablosunu görüntülemek için bağlantıya tıklayın. Pro özelliklerinin kilidini açmak için eklentiyi web sitemizden satın alın. Artık web sitenize ciddi bir stil desteği verebilir ve web sitesi oluşturma deneyiminden en iyi şekilde yararlanabilirsiniz!

Son olarak, Stratum Facebook topluluğumuza katılın ve eklenti ve genel olarak Elementor hakkında faydalı bilgiler bulacaksınız, ayrıca en son haberleri ve güncellemeleri takip edin.

PS Stratum, yalnızca Elementor için değil, aynı zamanda varsayılan WordPress blok düzenleyicisi için de çözümler geliştiren MotoPress ekibi tarafından geliştirilmiştir. Elementor widget'larına alternatif olarak (ancak özellikle Gutenberg için yapılmıştır), 40'tan fazla çok amaçlı bloktan oluşan ücretsiz bir koleksiyon olan Getwid'i oluşturduk.

Gutenberg ile özelleştirmeyi seviyorsanız Getwid'i indirin!

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