Fotoğraf düzenleme hizmeti gibi belirli bir işletme türü için, görüntü karşılaştırması eklemek, hizmetinizi açıklamak için yararlı bir araç olabilir. Ana sayfaya, landing page'e veya sunduğunuz hizmetten bahsettiğiniz herhangi bir sayfaya görsel karşılaştırması ekleyebilirsiniz.
Elementor gerçekten de resim karşılaştırması eklemek için herhangi bir widget veya işlevsellik sunmaz, ancak bir eklenti kullanarak elde edebilirsiniz. Ek modüller var Elementor bir resim karşılaştırması eklemek için bir widget sunan. Bunlardan üçü: Temel Eklentiler, Mutlu Eklentiler, Ve JetElements.
Bu yazıda size resim karşılaştırmasının nasıl ekleneceğini göstereceğiz. Elementor JetElements'i kullanarak.
JetElements kendisi, Crocoblock tarafından geliştirilen Elementor için premium bir eklentidir. JetPlugins ailesinin bir parçasıdır. Eklenti, adı verilen bir widget ile birlikte gelir. Karşılaştırma Resimleri Elementor sayfasına resim karşılaştırması eklemek için kullanabileceğiniz.
Elementor'da Resim Karşılaştırma Nasıl Eklenir
Başlamadan önce JetElements eklentisinin kurulu olduğundan ve etkinleştirildiğinden emin olun. Elementor'da yeniyseniz, öğrenmek için önceki makalemizi okuyabilirsiniz. Elementor nasıl kullanılır.
Widget'ı doğrudan ekleyeceğiz Karşılaştırma Resimleri bu makalede.
Başlamadan önce, karşılaştırmak için iki resim hazırlayabilirsiniz. Örneğin, bir öncesi görüntüsü ve bir sonrası görüntüsü hazırlayabilirsiniz. Hazır olduğunuzda, widget'ı sürüklemeniz yeterli Karşılaştırma Resimleri Elementor düzenleme kutusunda.
Varsayılan olarak, JetElements Görüntü Karşılaştırma widget'ı iki görüntü karşılaştırması oluşturur. Yalnızca bir resim karşılaştırması oluşturmanız gerekiyorsa (karşılaştırılacak iki resim), mevcut resim karşılaştırmalarından birini silebilirsiniz.
Ayrıca Oku: Elementor: Lottie Animasyonu Nasıl Eklenir
Önceki ve sonraki görseli eklemek için mevcut görsel karşılaştırmasını açın (üzerine tıklayarak) içindekiler. Basitçe önceki görüntüyü seçin resimden önce bölümünden sonra resmi seçin ve resimden sonra bölüm. Gördüğünüz gibi, her bölüm için etiketleri de geçersiz kılabilirsiniz.
Görüntü seçimi tamamlandıktan sonra bloğu açabilirsiniz. Ayarlar ayırıcının başlangıç konumunu ayarlamak için. Birden fazla resim karşılaştırması eklemek istiyorsanız Döngü Ayarlarını ayarlayabilirsiniz.
Ardından sekmeye geçerek resim karşılaştırmanızı şekillendirebilirsiniz. stil. Görüntü karşılaştırmanızı şekillendirmek için beş ayar bloğu açabilirsiniz. Ancak yalnızca bir resim karşılaştırması eklemeniz gerekiyorsa, ilk üç bloğu açmanız yeterlidir.
- genel
Dolgu, kutu gölgesi, kenarlık türü ve kenarlık yarıçapını ayarlamak için bu bloğu açabilirsiniz.
- etiket
Bu bloğu, karşılaştırma etiketlerine ("önce" ve "sonra" etiketi) stil vermek için açabilirsiniz. Yatay hizalama, dikey hizalama, metin rengi, arka plan rengi, tipografi (yazı tipi ailesi, yazı tipi stili, yazı tipi boyutu) gibi şeyleri ayarlayabilirsiniz…
- Handle
Tutamacı biçimlendirmek için bu bloğu açabilirsiniz. Tutamaç hizalaması, kontrol genişliği, kontrol yüksekliği, tutamaç rengi (normal durumda veya üzerine gelindiğinde) vb. gibi şeyleri ayarlayabilirsiniz.
Birden fazla görsel karşılaştırma eklerseniz blokları da açabilirsiniz. atlıkarınca okları et Atlıkarınca Noktaları okları ve gezinme noktalarını biçimlendirmek için.
Bu kadar. butona tıklayabilirsiniz YAYINLA / GÜNCELLEME için yayınlamak /düzenlemeyi bitirdiğinizde sayfanızı düzenleyin.
Şimdi Elementor Pro'yu Alın !!!
Sonuç
Buraya ! Size nasıl olduğunu gösteren bu makale için bu kadar Elementor'da resim karşılaştırması ekle. 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ş.
...