Czy chcesz wiedzieć, jak zmienić obraz po najechaniu kursorem za pomocą DIVI?
Efekty najechania to jedne z najprostszych mikro interakcji, jakie użytkownik może mieć z strona internetowa. Plik Kreator motywów Divi oferuje zestaw niezwykle prostych efektów najechania, których możesz użyć do stworzenia angażującej interakcji dla każdego, kto odwiedza Twoją strona internetowa.
Jednym z najbardziej uderzających i użytecznych efektów Divi jest możliwość zmiany obrazu, gdy użytkownik najedzie na niego kursorem.
W tym samouczku pokażemy, jak uzyskać piękną zmianę obrazu po najechaniu na niego kursorem myszy.
badanie
Zanim zaczniemy, przyjrzyjmy się rezultatowi, jaki chcemy osiągnąć.
Utwórz stronę za pomocą Divi Theme Builder
Zacznij od dodania nowej strony do Witryna internetowa z Panelu WordPressa.
Zobacz także: Jak stworzyć przesuwane i push menu w DIVI?
Następnie nadaj tytuł swojej stronie, a następnie kliknij „ Użyj Divi Builder ”.
Następnie kliknij „ Wybierz układ«
Znajdź i wybierz „ Strona główna dotycząca pielęgnacji psów »
Wybierz układ i kliknij „ Wybierz układ »
Znajdź swoje obrazy
W Divi Builder po prostu znajdź obrazy, do których chcesz dodać efekt.
Pamiętaj, że możesz go używać na dowolny element zawierający obraz
Otwórz ustawienia modułu
Po podjęciu decyzji kliknij ikonę koła zębatego i wprowadź parametry modułu zawierający obraz.
Czytaj także: Jak unosić posty na blogu w DIVI?
W przypadku tego pakietu układów obraz, do którego zastosujemy efekt najechania, jest tłem prawej kolumny pierwszego rzędu.
Wprowadź ustawienia kolumny.
Znajdź obraz w ustawieniach
Gdy jesteś w ustawieniach Colonne poprawnie, pamiętaj, aby wybrać zakładkę Treść. Przewiń w dół, aż znajdziesz opcję Na dole.
Sous Tło, Divi daje możliwość użycia jednolitego koloru, gradientu, obrazu lub wideo w formacie .mp4.
I choć efekty najechania można zastosować do każdego z nich, pracujemy w zakładce Zdjęcie trzecie od lewej.
Włącz efekty najechania
Najedź myszą na słowo Tło (najmniejszy napis) i wyszukajikona strzałki w wyświetlonych opcjach. To jest przełącznik dla Efekty najechania Divi.
Gdy ta opcja jest aktywna, pojawiają się dwie nowe zakładki. Lewa karta to podstawowy obraz, który pojawia się bez interakcji.
Wybierz swój nowy obraz
Po przesunięciu kursora w dół nad obrazem dostępne będą normalne opcje: zastąpić obraz ou aby usunąć obraz.
Jeśli wybierzesz ikonę kosza na śmieci, aktywuje to efekt najechania, ale sprawi, że obraz zniknie.
Ponieważ chcemy reszta obraz po najechaniu my albo kliknij sam obraz, albo naIkona zębatki .
Wybierz obraz po najechaniu (zamiennik)
To otworzy twoją bibliotekę multimediów. Następnie możesz wybrać nowy obraz, który użytkownicy mają widzieć, gdy najadą kursorem na oryginał. Kliknij 'Prześlij obraz"
Sprawdź, czy w oryginalnym obrazie nie ma błędów
Zawsze sugerujemy, aby upewnić się, że oryginalny obraz również pozostaje taki sam. Aby to sprawdzić, kliknij lewa karta i upewnij się, że oryginalny obraz jest nadal na swoim miejscu.
Jeśli wszystko jest w porządku, możesz zapisać swoje ustawienia.
- Zapisz ustawienia kolumn
- Naciśnij ponownie zielony kleszcz aby zapisać ustawienia linii.
Zapisz ogólne ustawienia i opublikuj stronę.
Wynik
Jeśli wykonałeś wszystkie kroki opisane w tym samouczku, powinieneś to otrzymać.
Pobierz DIVI teraz !!!
Wnioski
Kreator motywów Divi jest pełen potężnych narzędzi, z których każdy może skorzystać stworzyć stronę internetową ciekawe i interaktywne. Zmiana obrazu po najechaniu, którą pokazaliśmy w tym przewodniku, to tylko jedno z wielu narzędzi.
Jeśli potrzebujesz więcej elementów do ukończenia projektów tworzenia stron internetowych, przejrzyj również nasz przewodnik na Tworzenie bloga WordPress lub ten na Divi: najlepszy motyw WordPress wszechczasów.
Jeśli masz jakiekolwiek wątpliwości lub sugestie, znajdź nas w sekcja komentarzy o tym rozmawiać. Ale tymczasem, udostępnij ten artykuł w różnych sieciach społecznościowych.
...
