WordPress Eklentisi: Elementor ile Lightbox'ta Bir Video Açın

Elementor Düğmesi Video Işık Kutusunu Aç

İle oluşturulmuş bir müşteriye sahip bir web sitesi edindik Elementor, hızlı yanıt veren karmaşık, güzel düzenler oluşturmanın ne kadar kolay olduğunu değiştiren WordPress için harika bir sürükle ve bırak düzenleme eklentisi… programlama veya kısa kodları anlama ihtiyacı olmadan.

Elementor'un bazı sınırlamaları var, bunlardan biri bir müşteri sitesinde çalışırken karşılaştım. Sadece Işık Kutusunda bir videoyu açan bir düğme istediler… Elementor'un sunmadığı bir şey. Oynatma düğmesi olan veya olmayan bir görüntü kullanarak sorunu çözebilirsiniz… ancak Elementor'da harika bir düğme öğesi var. Bunu kutudan çıkarmadıklarına şaşırdım.

Neyse ki bunun için bir eklenti var!

Elementor için Temel Eklentiler

Neyse ki, piyasada Elementor için birkaç harika eklenti var. Yine de bir eklenti geliştiricisi seçerken oldukça dikkatli olmalısınız. Elementor üzerine kurulu bir WordPress sitesine sahip olmak, Elementor'a bağımlılık yaratır. Ardından, başka bir satıcı tarafından oluşturulmuş bir eklentiye sahip olmak başka bir bağımlılık oluşturur. Eklenti geliştiricisinin, WordPress ve Elementor sürümleri güncellendikçe, eklentileri sürdürmek ve iyileştirmek için bol miktarda yüklemeye ve ilgili gelire sahip olmasını sağlamak, WordPress sitenizin başarısı için çok önemlidir.

Harika bir eklenti, Elementor için Temel Eklentiler. 800,000'den fazla kurulumla eklenti, Elementor için piyasadaki en popüler eklenti eklentisi olabilir. Bu eklentideki önemli bir özellik, Elementor ile oluşturulmuş WordPress web siteniz için bir lightbox'ı kolayca ekleme ve yapılandırma yeteneğidir.

Elementor Lightbox Düğmesi

Essential Add-Ons for Elementor eklentisinin ücretli sürümünü yükledikten sonra, Lighbox ve Modal Elementor öğelerinizdeki öğeyi görüntüleme özelliği. Ardından onu kolayca arayabilir ve sayfanıza sürükleyebilirsiniz:

elementor lightbox modeli

Ardından, öğe için birkaç ayarı değiştirmek isteyeceksiniz:

  • Ayarlar> Tetikleyiciyi şu şekilde ayarlayın: Düğme Tıklaması
  • Ayarlar> Tür'ü şu şekilde ayarlayın: düğme
  • Ayarları ayarlayın> Düğme Yazı
  • İçerik> Yazıyı şu şekilde ayarlayın: Sayfaya / Videoya / Haritaya Bağlantı
  • İçeriği Ayarlayın> Sayfa / Video / Harita URL'si sağlayın Video URL'nize

Ardından, ışık kutusunu ve düğme stilini gerektiği gibi özelleştirebilirsiniz. Bu eklenti ve Elementor arasında kusursuz bir deneyim.

elementor ışık kutusu düğmesi

Bu özellik için ödeme yapmaya değer olsa da, Essential Add-Ons for Elementor eklentisi hem ücretsiz hem de ücretli sürümde bulunan bir ton başka özelliğe sahiptir. Not: Işık Kutusu işlevi ücretli sürümdedir.

Elementor için Temel Eklentiler: Ücretsiz Öğeler

Ücretsiz sürüm, eklenebilecek bazı temel unsurlara sahiptir:

  • Bilgi Kutusu - Üstte Simge ekleyerek ve animasyon efektleri ekleyerek Bilgi Kutusu türü ile temel bilgileri görüntüleyin.
  • Gelişmiş Akordeon - içeriği görüntüleyin, geçiş simgesini etkinleştirin, akordeon bölümünü istenen metinle doldurun ve izleyiciler için etkileşimli görünmesini sağlayın.
  • Woo Ürün Izgarası - WooCommerce ürünlerini her yerde sergileyin ve ürünleri kategoriye, etiketlere veya özniteliklere göre görüntüleyin. Çarpıcı hale getirmek için düzene kolayca vurgulu efektler ekleyin.
  • Çevirme kutusu - Fareyle üzerine gelindiğinde sola / sağa çevirme animasyonuyla içeriği güzel bir şekilde sergileyin.
  • Gelişmiş Sekmeler - önemli bilgileri, bir örnekteki izleyiciyi çekmek için özel yapılmış iç içe sekmeler tasarımını destekleyen etkileşimli bir şekilde görüntüleyin.
  • Fiyatlandırma Tablo - Potansiyel alıcılarınızdan daha fazla satış elde etmek için mükemmel bir stile sahip etkili bir ürün fiyatlandırma tablosu oluşturun.
  • Görüntü Akordeon - EA Image Accordion kullanarak görüntülerinizi muhteşem gezinme ve tıklama efektleriyle vurgulayın. 
  • Mesaj Izgara - birden çok blog gönderisini bir ızgara düzeninde görüntüleyin. Düzen ayarlarından tercih ettiğiniz düzeni seçebilir, ona animasyon ekleyebilir ve ziyaretçiler için etkileşimli görünmesini sağlayabilirsiniz.
  • Eylem çağrısı - Harekete Geçirici Mesaj içeriğinizin, renginin stilini belirleyin ve ziyaretçileri istenen eyleme yönlendirmek için bağlayın.
  • Geri sayım - Bir dizi farklı stil arasından bir zamanlayıcı oluşturun ve tasarlayın.
  • Zaman Çizelgesi Sonrası - blog yazılarını, sayfaları veya özel gönderileri çarpıcı bir dikey düzende görüntüleyin. Hedef kitlenin ilgisini çekmek için tercih ettiğiniz gönderi sayısını ayarlayabilir, harika efektler, görüntü bindirme, düğme ve daha fazlasını ekleyebilirsiniz.
  • Filtrelenebilir Galeri - Görüntüleri ayrı kategorilere, ızgara stillerine sahip görüntüleyin ve olağanüstü bir görünüm sağlamak için genel tasarımı özelleştirin.

Elementor için Temel Eklentileri İndirin

Elementor için Temel Eklentiler: Ücretli Öğeler

Ücretli sürümle, Elementor tabanlı temanızda gerçekten maksimum yetenekler sağlayan bir ton daha fazla öğe elde edersiniz.

  • Işık Kutusu ve Modal - videolarınızı, resimlerinizi veya diğer içeriği bir pop-up ile sergileyin. İstenilen tetikleyici eylemleri ayarlayabilir, bir animasyon ekleyebilir ve etkileşimi en üst düzeye çıkarmak için düzeni ayarlayabilirsiniz.
  • Görüntü Karşılaştırması - potansiyel alıcılarınızı iki ürün görseliniz arasında karşılaştırma yapmaları için güçlendirin (Eski ve Yeniye karşı) inanılmaz bir şekilde.
  • Carousel logosu - arzu atlıkarınca efektini seçin, bir logo ekleyin ve tüm müşterilerinizi veya ortaklarınızı güzel bir şekilde görüntülemek için çıktıya stil verin.
  • Paralaks Etkileri - ziyaretçilerinizin sitenizi çok katmanlı bir paralaks efekti ile deneyimlemesine olanak tanıyın, hatta fare vurgulu etkileşimi bile içerir.
  • Promosyon - Ziyaretçinizin dikkatini çekmek için çekici bir başlık, iç içerik, fareyle üzerine gelme içeriği ve güzel resimler ekleyin.
  • İçerik Değiştirme - İçeriğinize, ziyaretçilerinizin odaklanmasını istediğiniz farklılıkları vurgulayan bir vurgulu efekt ekleyin.
  • Google Haritas - Bir harita öğesi yapılandırın, işaretçi simgeleri ekleyin ve ziyaretçiler için etkileşimli hale getirin.
  • Parçacık Etkisi - Web sitenizi öne çıkarmak için yaratıcı bölümler ekleyin.
  • Etkileşimli Kartlar - içerik bloklarınıza dahili kaydırma ve vurgulu efektler gibi gelişmiş özellikler getirin.
  • Korumalı İçerik - içeriği bir parola veya kullanıcı rolü ile kısıtlayın.
  • Yazı Bloğu - Modern CSS Flex'in gücünü kullanarak blog yazılarınızı çeşitli benzersiz stillerle görüntüleyin. Bir düzen seçebilir, animasyon ekleyebilir, bir simge ekleyebilir ve fareyle üzerine gelme efektleri dahil her şeyin stilini belirleyebilirsiniz.
  • Gelişmiş Araç İpucu - içeriğin üstüne ve altına araç ipuçları ekleyin.
  • Bir Sayfa Gezinme - Elementor kullanarak yalnızca birkaç tıklama ile tek sayfalık bir web sitesi oluşturun.
  • Referans Kaydırıcısı - tek bir içerik alanında birkaç incelemeyi güzel bir şekilde sergileyen etkileşimli bir referans panosu oluşturun.
  • Instagram - sitenizde bir Instagram beslemesi görüntüleyerek site ziyaretçilerinizin dikkatini çekin ve daha fazla Instagram takipçisi çekin.
  • Görüntü Noktası - Özel araç ipuçlarıyla görüntü alanı sıcak noktaları ekleyin, böylece kullanıcı ilişkili bir metni ortaya çıkarmak için sıcak noktalara tıklayabilir.

Eklenti ile gerçekten takdir ettiğim bir seçenek, site içindeki bu öğelerin her birini etkinleştirip devre dışı bırakma yeteneğidir. Bu, sitenize eklenen her özelliğin komut dosyasının ek yükünü sınırlar.

Elementor için Temel Eklentileri İndirin

Ne düşünüyorsunuz?

Bu site spam'i azaltmak için Akismet'i kullanıyor. Yorum verilerinizin nasıl işlendiğini öğrenin.