WordPress üzerindeki kaydırıcı etkisinden önce ve sonra görüntüler nasıl görüntülenir
Bir fitness blog yazarı olduğunuzu ve vücudunuzun dönüşümünden önce ve sonra resimleri paylaşarak kitlenize ilham vermek istediğinizi varsayalım. Sadece yan yana görüntüler koymak yerine, farkı göstermek için görüntü kaymasını öncesi ve sonra kullanabiliyorsanız daha serin olacaktır. Beklemek! Önceki ve sonra görüntü kayması nedir? Bu, yukarıda bir resim biriktiren ve görüntüleri görüntülemek için etkileşimli bir değişim kullanan bir resim kaymasıdır. Vardiya yatay olarak hareket ederse, vardiya en sağa doğru hareket ettiğinde ve ikincisi sola doğru hareket ederken görülecektir.
Bu tür kaydırıcılar iki benzer görüntünün karşılaştırmak için yararlıdır. Bu nedenle, bu fotoğrafçılar, güzellik uzmanları, tasarımcılar, doktorlar ve diş hekimleri gibi bir dizi profesyonel için yararlı olabilir. Bir WordPress kullanıcısıysanız ve web sitenizde nasıl kullanabileceğinizi merak ediyorsanız, doğru yerdesiniz. Bu makalede, web sitenizdeki kaydırıcı efektinden önce ve sonra nasıl resim ekleyebileceğinizi paylaşacağım. Daha fazla uzatmadan başlayalım. YouTube kanalımıza abone Olmadan önce kaydırıcılar eklenir. Görüntüden sonra web sayfasında daha önce vites değiştirme görüntüleri eklemek için kullanılabilecek birçok ücretsiz ve premium eklenti vardır.Ancak, bu makalede daha önce Twenty20 görüntüsünü kullanacağız. Daha sonra, bazı ücretsiz alternatiflerden ve popüler primlerden de bahsedeceğim. Eklentiden sonra yirmi20 görüntü yükleyin Twenty20 ücretsiz bir eklentidir ve WordPress eklentisi deposunda mevcuttur. Bu, gönderinizde, sayfanızda ve kenar çubuğunuza önceden bir resim kaydırıcısı eklemenizi sağlar. Ayrıca Elementors ve WPBakery gibi popüler sayfa yapımcılarını da destekler. Bu eklentiyi yüklemek için eklentileri açın -> Yeni ekleyin ve -daha önce yirmi20 görüntü arayın. Bir eklenti bulduktan sonra, yükleyin ve etkinleştirin: Resmi önceden ekle Gönderi veya sayfa eklentinize yirmi20 herhangi bir ayar sayfası ile gelmez. Böylece eklentiyi yükledikten sonra kirli iş yapmaya başlayabilirsiniz. Şimdi, WordPress 5.0 güncellemesinden sonra, klasik bir editör veya gutenberg kullanabilirsiniz. Öyleyse size bu eklentinin her iki editörde nasıl çalıştığını göstereyim. Editör Gutenberg Eklentisi Twenty20’nin bir bloğu yok, ancak kısa kodun işlevselliğini kullanabilir ve kodu kısa kod bloğuna ekleyebilirsiniz. Kısa kod örneğine bakalım: [yirmi20 img1 = “3442” img2 = “3442” yön = “yatay” ofset = “0.4” align = “none” width = “%100” öncesi = “Önce” sonra ” “sonra” sonra “Hover =” Yanlış “] Her parametreyi açıklayayım:
IMG1 – Burada ilk görüntüden bir görüntü kimliği (görüntü URL’si değil) eklemeniz gerekir.
IMG2 – İkinci resimden kimlik ekleyin (bir görüntü URL’si değil).
Yön – Bu, yatay veya dikey yönde bir titreme isteyip istemediğinize karar vermenizi sağlar. Yani, değer yatay veya dikey olacaktır.
Ofset – Ofset değeri 0.1 ila 1 arasında olmalıdır.
Hizalama-Bu, daha önceki görüntü seviyesini belirler. Değerler var, sol veya sağ olamaz.
Görüntünün genişliği yüzde veya piksel olabilir.
Önceden – resim açıklaması daha önce buradan ekleyebilirsiniz.
Hover – Bu parametre, kaydırıcıyı fare hareketine taşımak isteyip istemediğinize karar verir. Doğru veya yanlış notları kabul eder.
Bir resimden nasıl kimlik bulacağınızı bilmiyor musunuz? WordPress Gösterge Tablonuzun sol tarafındaki Medya -> Kütüphaneyi açın ve görüntüyü tıklayın. Şimdi web tarayıcısınızı kontrol edin Adres ekle:
Yukarıdaki örnekte, URL’de = 50 öğelerini görebilirsiniz. Yani, 50 resmin kimliğidir.
Peki! Artık yirmi20 kısa kodu nasıl kullanacağınızı bildiğinize göre, daha önce resimde bir kaydırma eklemek istediğiniz gönderi veya sayfa oluşturun (veya düzenleme). Ve sonra yeni bir blok ekleyin ve kısa kod widget’larını arayın: Yukarıdaki örnekte kullandığım kodu kopyalayın, kısa kod kutusuna yapıştırın ve ihtiyaçlarınıza göre ayarlayın:
İşte burada. Artık önizleme yayınlarını (veya sayfa) görebilir ve düzgün çalışıp çalışmadığını kontrol edebilirsiniz. Klasik Editör Klasik bir editör kullanırsanız, eklentiyi yükledikten sonra yirmi 20 eklenen yeni bir düğme göreceksiniz. Düğmeyi tıklayın ve açılır pencere açılır, sizden iki resim seçmenizi isteyecektir:
İki resim seçtikten ve INSERT’i tıkladıktan sonra, yeni pencere kısa kodlar üretmesini istemek için açılır: Ayarları bitirdikten sonra kısa kod ekle düğmesini tıklayabilirsiniz. Bu kısa kodda daha sonra değişiklik yapabilirsiniz – sadece Gutenberg editöründeki örneği takip edin. Kenar çubuğunuza önceden resim ekleyin Twenty20 eklentiniz ayrıca web sitenizin yanına önceden resim eklemenizi sağlar. Sizin için harika bir iş çıkaran bir widget ile görünür. Açık görünüm -> widget. Şimdi yirmi20 widget’ı bulun ve kenar çubuğu alanına sürükleyin. Bu widget ayarı bir önceki bölüme benzer – önce ve sonra resimleri seçmek (veya yüklemek) için yalnızca iki ek düğme vardır. Bitirdikten sonra widget ayarlarını kaydedin ve ardından web sitenizi kontrol edin. Basit, değil mi? Bazı alternatif eklentiler Twenty20 eklentisini sevmeme rağmen basit ve ücretsiz, başkalarını tercih edebilirsiniz. Bu nedenle, bu eklenti için birkaç ücretsiz ve premium alternatif paylaşmaya karar verdim: 1. Divi için sonrası + Eğer bir divi kullanıcısıysanız, Divi için resimler için daha önce eklenti + ihtiyaçlarınız için en iyisidir. Işık, duyarlı ve yavaş yüklemeyi destekleyin. Bu, web sitenize gitmeden önce ve sonra resim eklemenize yardımcı olan yeni bir modül oluşturur. Bu ücretsiz eklenti, Divi Builder eklentisi, Divi teması ve diğer temalarla zarif temalarla çalışacaktır. Fiyat – Ücretsiz | Daha fazla bilgi 2. Kaydırmadan önce çok yönlüDaha önce kaydırıcıdan önce çok amaçlı, dokunma ve sürtünme ile etkinleştirilen premium bir eklentidir. Her görüntü kaymasının ihtiyaçlarınıza göre değiştirmenize yardımcı olan ve kısa kodların kullanılmasını gerektirmeyen kolay bir yönetici paneli ile görünür. Görüntüleri sınırsız olarak daha önce yapabilir ve yayınlarda, sayfalarda ve kenar çubuğunda kullanabilirsiniz. Fiyat – 18 $ | Daha fazla bilgi 3. Smart Önceki sanatçılardan önce izleyici tamamen duyarlı ve dostça bir premium eklentidir. Bu, resme öncesi ve sonrası özel etiket metni eklemenizi sağlar. Ve etiketin konumunu ve rengini güçlük olmadan değiştirebilirsiniz. Bu eklenti ayrıca bir sayfaya bazı resimler eklemenizi sağlar. Fiyat – 18 $ | Daha önce kaydırmanın son notu, iki özdeş görüntü arasındaki farkı göstermenin iyi bir yoludur. Ve bu öğreticiyi takip ederek WordPress sitenizde böyle bir kaydırıcı kullanabilirsiniz. Peki bu makalede belirtilen eklentilerden birini hiç kullandınız mı? Yoksa, aynı şeyi başarmak için uygun belirli eklentiler önermek ister misiniz? Bize yorum kısmında anlatın. __ / shutterstock.com üzerinden üstün görüntü
