Web sitenize gitmeden önce ve sonra kaydırıcı eklemenin en kolay yolu
Çeşitli endüstrilerde pazarlama amacıyla yaygın olarak kullanılan görüntüler çok geniştir. Bir kişinin veya bir şeyin işlemden önce ve sonra tam olarak nasıl göründüğünü gösteren görüntülerin yanı sıra belirli bir sürecin etkilerini daha iyi tanımlayabilecek hiçbir kelime yoktur. Etkileri görünür olan ürünlere odaklanmayan işletmelerde bile, bu özellik komik bir şekilde kullanılabilir. Bir restoran işlettiğinizi söyleyin – Sarayda yemeden önce birinin nasıl göründüğünü ve lezzetli yemeğinizi tattıktan sonra ne kadar mutlu olduklarını gösterebilirsiniz. Ürün/hizmetinizin faydalarını ve avantajlarını tanımlama açısından kaydırıcı tedarik öncesi ve sonrası olasılık sınırsızdır. Hepsi hayal gücünüze bağlı.
Tıpkı sayfanıza bir paralaks efekti eklemek gibi, web sitenizin modern görünmesini sağlıyoruz, unutulmayı zorlaştırmadan önce ve sonra değişiyor çünkü görüntüler 1000’den fazla kelimeyi anlatabilir. Ayrıca, bu özelliği web sitenize tamamen ücretsiz olarak ve hepsini kendiniz ekleyebilirsiniz. Bu makalede, Elementor için popüler ve ücretsiz olan Qi eklentilerinden önce ve sonra nasıl bir kaydırıcı yapacağınızı göstereceğiz. Burada daha fazla bilgi edinmek için burada kalın:
Elementor için Qi eklentileri ile kaydırıcıdan önce ve sonra ekleyin
Gelişmiş Seçenekleri Keşfetmek
Elementor için Qi eklentileri ile kaydırıcıdan önce ve sonra ekleyin
Elementor için Qi Addons, web sitenize kolayca çeşitli güzel öğeler eklemenizi sağlayan sezgisel ve ücretsiz bir araçtır. Çok pratik ve kullanıcı dostu bir arayüz ile görünür ve hem yeni başlayanlar hem de gelişmiş kullanıcılar bunu kolayca kullanacaktır. QI hakkında çok büyük olan, birçok yararlı özelliğin yanı sıra, size biraz çağdaş zarafet vermesidir. Elementor için Qi eklentileri yükleme süreci diğer eklentilerin kurulumundan farklı değildir. Bu konuda sorularınız varsa, yukarıda sağladığımız bağlantıları kontrol ettiğinizden emin olun ve yorumlar bölümünde bize de yazabilirsiniz.
Bu bir Elementor eklentisi olduğundan, yeni bir yazı yaparken Elementor Editor’a geçtiğinizden emin olun. Tüm QI eklentileri widget’ları sol eleman menüsünde düzgün bir şekilde görüntülenecektir. Bulmak için menüyü aşağı kaydırın. Kaydırıcıdan önce ve sonra widget aynı çerçevede iki görüntü görüntülemek için basit ve etkili bir yol sunar. Soldaki kenar çubuğu menüsünde, arama alanına widget adını yazarak veya menüdeki widget’a göz atarak bulun.
Elementor için Qi Addons, web sitenize kolayca çeşitli güzel öğeler eklemenizi sağlayan sezgisel ve ücretsiz bir araçtır. Çok pratik ve kullanıcı dostu bir arayüz ile görünür ve hem yeni başlayanlar hem de gelişmiş kullanıcılar bunu kolayca kullanacaktır. QI hakkında çok büyük olan, birçok yararlı özelliğin yanı sıra, size biraz çağdaş zarafet vermesidir. Elementor için Qi eklentileri yükleme süreci diğer eklentilerin kurulumundan farklı değildir. Bu konuda sorularınız varsa, yukarıda sağladığımız bağlantıları kontrol ettiğinizden emin olun ve yorumlar bölümünde bize de yazabilirsiniz.
Bu bir Elementor eklentisi olduğundan, yeni bir yazı yaparken Elementor Editor’a geçtiğinizden emin olun. Tüm QI eklentileri widget’ları sol eleman menüsünde düzgün bir şekilde görüntülenecektir. Bulmak için menüyü aşağı kaydırın. Kaydırıcıdan önce ve sonra widget aynı çerçevede iki görüntü görüntülemek için basit ve etkili bir yol sunar. Soldaki kenar çubuğu menüsünde, arama alanına widget adını yazarak veya menüdeki widget’a göz atarak bulun.
Bir karşılaştırma kaydırıcısı önce/sonra eklemek için, elemanın öğesini istenen yere sürükleyin ve serbest bırakın. Widget eklendiğinde, tüm ayarlar sol tarafta ve içerik sekmesinde ve kuvvet ile ilgili tüm seçeneklerdir.
Şimdi, vardiyaya gitmeden önce ve sonra resim eklemeniz gerekiyor. İlk olarak, önceki görüntüyü ekleriz – imleci çizim alanına işaret ederiz ve seçeneği seçin görüntünün görüneceğini seçin veya alanın ortasındaki küçük artı simgesini tıklayın.
Medya kitaplığından resimleri seçebilir veya gerekirse medya kitaplığınıza resim yükleyebilirsiniz. Seçilen görüntüyü ve medya kütüphanesini sürükleyip çıkarın, eğer mevcut değilse, seçin ve seçin. İstenen görüntüyü ekledikten sonra, görüntülenecek metni değiştirerek kaydırmayı önce/sonra ayarlamaya devam edebilirsiniz. Vardiyanın ortasında bir daire. Size ve web sitesi tarzınıza kadar talimatlar veya daha ilginç mesajlar yazabilirsiniz. Metnin dikey veya yatay olarak hizalanmasını isteyip istemediğinizi de seçebilirsiniz. Vardiyada görünmeden önce ve sonra görüntünün nereye görünmesini isterseniz, alanda istenen ofset değerini girebilirsiniz. Varsayılan değer% 50’dir, bu da varsayılan sınırın görüntünün tam ortasında olduğu anlamına gelir. Ofseti ayarlarsanız bu kaydırıcı ekranıdır:
Şimdi, kaydırıcıyı daha önce mükemmelleştirmenin zamanı geldi. Bakalım, kayar çubuğun istediğiniz gibi görünmesini sağlamak için başka neler ayarlayabilirsiniz. Diğer seçenekleri keşfetmek için Stil sekmesini tıklayın.
Dairesel bir sapı görüntünün ortasından taşımak istiyorsanız, ofset üst tutamaç değerini ayarlamak için bir kaydırma kullanın. Sizin için en iyi olanı kolayca karar verebilmeniz için hemen doğrudan değişiklikler göreceksiniz. Ayrıca, dairenin boyutunu aynı şekilde ve görüntünün önündeki / sonrası görüntü versiyonu arasındaki sınırı da ayarlayacaksınız.
Ayrıca, bir dairede metin için renk gölgesini yapmak için Nabdle metninin rengini tıklayabilir, ayrıca metin yazı tipini aynı şekilde seçebilirsiniz. Son olarak, dairenin rengini aynı şekilde de ayarlayabilirsiniz. Gelişmiş seçenekleri araştırır
Gelişmiş sekmesinde, kaydırıcıları daha çekici ve çekici hale getirmek için daha fazla seçenek bulacaksınız. Bu seçenek bu widget için özel değildir, bu, sayfadaki diğer widget’ları düzenlemek için kullanabileceğiniz varsayılan Elementor seçeneğidir. En ilginç olanlardan bazılarını gösterelim. Tüm seçenekleri test etmekten çekinmeyin, çünkü doğrudan yaptığınız tüm değişiklikleri göreceksiniz, böylece vardiyada her seçeneğin ne yapıldığını ve sizin için çalışıp çalışmadığını doğrudan öğrenebilirsiniz.
Gelişmiş bir menü açarsanız, marj ve dolgu ayarlama seçeneğini görürsünüz. Her seçeneğin yanındaki küçük dizüstü bilgisayar simgesini, farklı cihazlarda – dizüstü bilgisayarlar, tabletler veya cep telefonları için farklı değerler ve dolgu için farklı değerler ayarlamanızı sağlayan göreceksiniz.
Hareket efekti çok ilginç ve seçim yapabileceğiniz 35’den fazla hareket efekt seçeneğiniz var. Ayrıca, farklı cihazlarda görüntülenecek farklı animasyonlar ayarlama olanağına da sahipsiniz. Animasyon türünü seçtikten sonra, gerekliyse süreyi ve gecikmeyi de ayarlayabilirsiniz.
Şimdi kullanabileceğiniz daha fazla efekt bulmak için Dönüştürme sekmesini tıklayın. Dönüşten eğimli ve yatay ve dikey olarak tersine dönmeye kadar, kaydırıcı görünümünü değiştirmek için yapabileceğiniz birçok şey vardır.
Şimdi kullanabileceğiniz daha fazla efekt bulmak için Dönüştürme sekmesini tıklayın. Dönüşten eğimli ve yatay ve dikey olarak tersine dönmeye kadar, kaydırıcı görünümünü değiştirmek için yapabileceğiniz birçok şey vardır.
Sınır sekmesinde, seçtiğiniz renkte bir gölge görüntü sınırı ekleyerek Sider’ı dekore etmenizi sağlayan seçeneği bulacaksınız. Ayrıca slayt kutusu etrafına gölge efektleri eklemeyi ve gölge efekti çıkışını ayarlamayı da seçebilirsiniz. Maske sekmesindeki seçenek çok kullanışlıdır. Burada, değişimin çeşitli şekillerde görüntülenmesi için ayarlayabilirsiniz – daireler, çiçekler, eskizler, üçgenler, topaklar, altıgenler ve hatta özel şekiller ekleyebilirsiniz. Seçilen şeklin boyutunu ve konumunu ayarlamak da mümkündür.
Duyarlı sekmeye özel dikkat edin, çünkü bu gerçekten seçilen cihazda görüntülenmemesi gereken bir kaydırıcı seçebilirsiniz.
Bu, ihtiyaçlarımıza göre ayarladıktan sonra sayfadaki kaydırıcı ekranıdır:
Sonuç
Gördüğünüz gibi, sayfanızdan önce ve sonra bir değişiklik eklemek bir roket bilimi değildir. Artık hayal gücünüzün vahşi olmasına ve işiniz, ürünleriniz veya hizmetleriniz tarafından üretilebilecek etkilerin etkileyici görsel temsillerini yapabilirsiniz. Herhangi bir sorunuz, yorum veya sorunuz varsa, istediğiniz zaman bizimle iletişime geçmekten çekinmeyin.
Bu makalenin yararlı olduğunu umuyoruz. Eğer isterseniz, bu makalelerin bazılarını okumaktan çekinmeyin!
İletişim Formu 7 Stilinizi Kolay Bir Yolda Nasıl Ayarlayabilirsiniz?
WordPress’te Metin Nasıl Vurgulanır
Elementor Process Widget’ı kullanarak adım akışı nasıl yapılır
Elementor Process Widget’ı kullanarak adım akışı nasıl yapılır
