W artykule:
Czy chcesz stworzyć interaktywny obraz na swoim blogu WordPress? Interaktywny obraz pozwala wyróżnić, połączyć i animować określone obszary obrazu. W tym artykule pokażemy, jak tworzyć interaktywne obrazy w WordPress.
Co To jest obraz interaktywny?
Interaktywny obraz zawiera obszary hotspot, podświetlenia, łącza, kolory i wiele innych. Różni się od prostego obrazu, który przesyłasz w WordPress. Interaktywne obrazy przyciągają wzrok i przyciągają użytkowników, aby zobaczyć szczegóły obrazu. Możesz dodać opis na różnych częściach obrazu, dodać łącza do stron, wyróżnić sekcje i nie tylko.
Na tym obrazku możesz zobaczyć opis owoców po najechaniu myszką na różne paski. Możesz użyć tych interaktywnych obrazów, aby zwiększyć zaangażowanie użytkowników i czas spędzony na stronie.
Przyjrzyjmy się, jak możesz przyciągnąć uwagę odwiedzających za pomocą interaktywnych obrazów.
Tworzenie interaktywnych obrazów w WordPress
Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę Draw Attention. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Po aktywacji zobaczysz nowy niestandardowy typ postu w obszarze administracyjnym WordPress. Musisz iść do Zwróć Uwagę ” Dodaj Nowy strona do tworzenia interaktywnego obrazu.
Zacznij od dodania tytułu dla tego nowego interaktywnego obrazu, abyś mógł go łatwo zapamiętać. Na tej stronie możesz tworzyć interaktywny projekt na nowych lub wcześniej przesłanych obrazach. Możesz dodać nowy obraz, klikając ikonę prześlij obraz lub możesz wybrać obraz z biblioteki multimediów WordPress.
Następnie należy kliknąć na Publikuj guzik.
Po opublikowaniu wtyczka pozwala edytować obraz i wyróżniać określone obszary, dodawać kolory, łącza, rysować obszary hotspotu i inne. Możesz przewinąć w dół do Obszary Hotspot sekcja i rozwiń obszar klikalny, aby wyświetlić podgląd obrazu.
Po prostu przesuń mysz i narysuj klikalne obszary na obrazie. Możesz łatwo wybrać obszary hotspot i rozwinąć je, aby utworzyć zaznaczenie.
Po narysowaniu obszaru hotspot należy przewinąć w dół do Działanie rozwijane i wybierz akcję dla wybranego obszaru na obrazie. Jeśli wybierzesz Pokaż więcej informacji, możesz po prostu dodać opis, aby wyjaśnić obszar hotspot na obrazie. Możesz również dodać link do wybranego obszaru, korzystając z opcji „Przejdź do adresu URL”.
Możesz także zarządzać ustawieniami ogólnymi i wyróżniać stylizację łącza akcji, tekstu akcji, tła informacji i innych. Te ustawienia mogą pomóc w zwiększeniu interaktywności obrazu.
Następnie należy kliknąć na Aktualizacja przycisk i skopiuj krótki kod, aby dodać go do swojego posta lub strony WordPress.
Wtyczka pozwala tworzyć tyle interaktywnych obrazów, ile potrzebujesz, używając wcześniej przesłanych lub nowych obrazów.
Importuj i Eksportuj interaktywne obrazy
Jeśli pracujesz na wielu stronach i chcesz importować / eksportować interaktywne obrazy, wymaga to tej samej wtyczki przyciągania uwagi na obu stronach.
Na pierwszej stronie musisz odwiedzić Zwróć Uwagę ” Import / Eksport strona i zaznacz obrazy, które chcesz wyeksportować. Następnie kliknij na Wygeneruj Kod Eksportu przycisk i skopiuj kod.
Następnie musisz przejść do następnej strony i upewnić się, że masz aktywowaną wtyczkę Draw Attention. Następnie musisz przejść do Zwróć Uwagę ” Import / Eksport strona z WordPress admin i wklej kod w polu import.
Śmiało i kliknij na Import przycisk i obrazy zostaną zaimportowane będzie wszystkie interaktywne szczegóły, które zostały dodane wcześniej.
Te interaktywne obrazy są dobre dla WordPress SEO i przyciągają więcej odwiedzających na twojej stronie. Zaleca się jednak kompresję obrazów przed ich przesłaniem, aby poprawić wydajność witryny.
Mamy nadzieję, że ten artykuł pomógł Ci nauczyć się tworzyć interaktywne obrazy w WordPress. Możesz również sprawdzić nasz przewodnik, jak leniwie ładować obrazy w WordPress.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.
