DIVI ile fareyle üzerine gelindiğinde bir görüntüyü nasıl değiştireceğinizi bilmek ister misiniz?
Fareyle üzerine gelme efektleri, bir kullanıcının bir kullanıcıyla sahip olabileceği en basit mikro etkileşimlerden bazılarıdır. web sitesi. Divi Tema Oluşturucu ziyaret eden her kişi için ilgi çekici bir etkileşim oluşturmak için kullanabileceğiniz bir dizi inanılmaz basit vurgulu efekt sunar. web sitesi.
Divi'nin en çarpıcı ve kullanışlı efektlerinden biri, kullanıcı imleci üzerine getirdiğinde bir görüntüyü değiştirebilmektir.
Bu eğitimde, fare imlecini üzerine getirdiğinizde güzel bir görüntü değişikliğinin nasıl elde edileceğini gösteriyoruz.
anket
Başlamadan önce, elde etmek istediğimiz sonuca bir göz atalım.
Divi Theme Builder ile bir sayfa oluşturun
Sayfaya yeni bir sayfa ekleyerek başlayın. Site Web WordPress Kontrol Panelinden.
Ayrıca bakınız: DIVI'da kayan ve itmeli menü nasıl oluşturulur?
Ardından sayfanıza bir başlık verin ve ardından " Divi Builder'ı Kullan ".
Ardından " Düzen seçin«
Bul ve seç " Köpek Bakım Ana Sayfası »
Bir Düzen seçin ve " Düzen seçin »
Resimlerinizi bulun
Divi Builder'dayken, efekt eklemek istediğiniz görüntüleri bulun.
üzerinde kullanabileceğinizi unutmayın. bir görüntü içeren herhangi bir öğe
Modül ayarlarını aç
Kararınızı verdiğinizde, dişli simgesine tıklayın ve modül parametreleri görüntüyü içeren.
Ayrıca Oku: DIVI'da blog gönderilerini nasıl yüzerim?
Bu düzen paketi durumunda, üzerine gelme efektini uygulayacağımız görüntü, ilk satırın en sağdaki sütununun arka planıdır.
Sütun ayarlarını girin.
Ayarlarda resim bul
ayarlarına girdikten sonra sütun doğru, sekmeyi seçtiğinizden emin olun içindekiler. Seçeneği bulana kadar aşağı kaydırın düşkün.
Sous Arka plân, Divi size düz renk, gradyan, görüntü veya .mp4 formatında bir video kullanma seçeneği sunar.
Fareyle üzerine gelme efektleri bunlardan herhangi birine uygulanabilse de, sekmede çalışıyoruz Resim , soldan üçüncü.
Hover Efektlerini Etkinleştir
Farenizi kelimenin üzerine getirin Arka plân (en küçük altyazı) veok simgesi görünen seçeneklerde. Bu geçiş için Divi Vurgulu Efektler.
Bu seçenek etkinleştirildiğinde, iki yeni sekme belirir. Sol sekme, etkileşim olmadan görünen temel görüntüdür.
Yeni resminizi seçin
İmlecinizi resmin üzerine getirdiğinizde normal seçeneklere sahip olacaksınız: görüntüyü değiştirmek için ou görüntüyü silmek için.
Çöp kutusu simgesini seçerseniz, vurgulu efekti etkinleştirecek, ancak görüntünün kaybolmasına neden olacaktır.
istediğimizden beri değişiklik üzerine gelindiğinde görüntü, biz de resmin kendisine tıklayın, ya üzerindedişli simgesi .
Fareyle üzerine gelinen görüntüyü seçin (yedek)
Bu, medya kitaplığınızı açacaktır. Ardından, kullanıcılarınızın orijinalin üzerine geldiklerinde görmelerini istediğiniz yeni resmi seçebilirsiniz. Tıklamak 'Bir görüntü yükle'
Orijinal görüntüyle ilgili hataları kontrol edin
Her zaman orijinal görüntünün de aynı kaldığından emin olmanızı öneririz. Yani kontrol etmek için tıklayın sol sekme ve orijinal görüntünün hala yerinde olduğundan emin olun.
Her şey yolundaysa, ayarlarınızı kaydedebilirsiniz.
- Sütun ayarlarını kaydet
- tekrar basın yeşil kene hat ayarlarını kaydetmek için
Genel genel ayarları kaydedin ve sayfayı yayınlayın.
Sonuç
Bu eğitimdeki tüm adımları izlediyseniz, bunu almalısınız.
DIVI'yı Şimdi İndirin !!!
Sonuç
Divi'nin Tema Oluşturucusu herkesin kullanabileceği güçlü araçlarla doludur. web sitesi oluştur ilginç ve etkileşimli. Bu kılavuzda size gösterdiğimiz vurgulu görüntü değişikliği, birçok araçtan yalnızca biridir.
Web sitesi oluşturma projelerinizi tamamlamak için daha fazla öğeye ihtiyacınız varsa, şu adresteki kılavuzumuza da göz atın: WordPress blog oluşturma ya da Divi: Tüm zamanların en iyi WordPress teması.
Herhangi bir endişeniz veya öneriniz varsa, bizi yorumlar bölümü bunun hakkında konuşmak için. Ama bu arada, bu yazıyı farklı sosyal ağlarda paylaş.
...