Jak zrobić karuzelę obrazów w WordPressie?

Ostatnia aktualizacja - 8 marca 2022

Możesz nie wiedzieć o terminach „karuzela”, ale nadal często widzisz je na rynku cyfrowym. Karuzela obrazów jest używana w większości witryn New Age: przesuwane obrazy zawierające krótkie informacje o produktach lub usługach oferowanych przez firmy. Obrazy automatycznie obracają się i wychodzą z widoku.

Karuzela obrazów skutecznie utrzymuje odwiedzających witrynę dłużej, ponieważ przesuwane obrazy sprawiają, że są bardziej zainteresowani produktem lub usługą oferowaną przez firmę. W niektórych przypadkach przesuwanie obrazu nie jest automatyczne, a odwiedzający musi ręcznie obrócić obraz, aby odsłonić następny slajd.

Utwórz karuzelę obrazów w WordPress

W zależności od tonu biznesowego karuzela obrazów może zawierać odważne stwierdzenia i wiele ujawniać o biznesie bez długiego opisu. Jeśli marzyłeś o nauce, jak włączyć karuzelę obrazów do swojej witryny, to trafiłeś we właściwe miejsce.

Opiszemy teraz proces instalacji wtyczki Smart Slider 3 w wordpressie. Istnieje kilka innych narzędzi do tego zadania, a proces instalacji może być podobny do Smart Slider 3.

Przed przejściem do samouczka jest jedno małe ostrzeżenie. Jeśli sprzedajesz produkty w witrynie, wybór karuzeli obrazów może nie być najmądrzejszą opcją, jeśli chodzi o konwersje. Ale jeśli zajmujesz się fotografią lub projektujesz stronę internetową i chcesz, aby wyglądała estetycznie, przeczytaj cały blog.

Zacznij od wyboru rozmiaru obrazu

Inteligentny slajd 3 zmieni rozmiar obrazu w wordpressie w oparciu o wybrany format prezentacji. Tak więc, jeśli obrazy są duże, narzędzie zmniejszy je i na odwrót. Możesz być znajomy, kiedy małe obrazy są powiększane, jakość zaczyna się pogarszać. Staraj się więc nie umieszczać obrazów mniejszych niż wymiar karuzeli.

Co więcej, duże obrazy wyglądają lepiej w Carousel, ale mają też dłuższy czas pobierania. Musisz więc zachować równowagę między jakością a rozmiarem, aby nadal wyglądał świetnie w Slider.

Jedna mała wskazówka: karuzele obrazów przesuwają się poziomo, więc wybór szerszych obrazów będzie bardziej atrakcyjny niż tych kwadratowych.

Instalowanie inteligentnego suwaka 3

Proces instalacji Smart Slider 3 jest prawie taki sam dla wszystkich innych narzędzi dostępnych na rynku. Aby rozpocząć, najpierw zaloguj się do pulpitu administratora Word Press. Po lewej stronie zobaczysz panel nawigacyjny z wieloma różnymi opcjami do wyboru. Z opcji wybierz wtyczkę i kliknij link „Dodaj nowy”.

Przed tobą pojawi się pasek wyszukiwania. Wyszukaj w nim Smart Slider 3. Po zainstalowaniu wtyczki kliknij opcję aktywacji.

Rozpoczęcie podróży karuzeli obrazów

Smart Slider 3 wykorzystuje obrazy z biblioteki multimediów, więc upewnij się, że załadowałeś niektóre obrazy przed rozpoczęciem tworzenia Slidera. Możesz przejrzeć ich samouczek wideo, aby uzyskać lepszy wgląd w to, jak rozpocząć wybieranie obrazów i dodawanie ich do formatu prezentacji. Naciśnij Smart Slider 3 i obejrzyj film wprowadzający „Learn Smart Slider 3”, który zawiera dogłębną wiedzę na temat korzystania z tego narzędzia.

Możesz skorzystać z pomocy wideo lub po prostu przeczytać ten artykuł, aby rozpocząć.

Wybierz podstawową opcję z menu.

• Nadaj suwakowi nazwę, aby ułatwić zlokalizowanie karuzeli podczas obsługi wielu karuzeli naraz.
• Szerokość i Wymiary wpływają na rozmiar i kształt suwaka. Zignoruj ​​wybór dowolnego piksela, który chcesz skonfigurować, aby zajmował całą szerokość urządzenia lub przeglądarki.
• Wybranie domyślnej szerokości i wymiaru spowoduje ustawienie karuzeli na obecną szerokość i rozmiar, podczas gdy wybranie opcji „Pełna szerokość” spowoduje zignorowanie dowolnego wymiaru i sprawi, że karuzela będzie się obracać wokół całej szerokości okien.

Po zoptymalizowaniu obrazu naciśnij „Utwórz”.

Dodawanie obrazów do suwaka

Po skonfigurowaniu domyślnego rozmiaru i szerokości karuzeli kolejnym oczywistym krokiem jest wypełnienie karuzeli atrakcyjnymi obrazami. W tym celu wykonaj poniższe czynności:

• Kliknij Dodaj obrazy slajdów w Smart Slider 3.
• Otrzymasz opcję wyboru obrazu dla swojego Slidera. Kliknij tę opcję.
• Wybierz obrazy z biblioteki wordpress.
• Karuzela zaprezentuje wtedy wybrane obrazy. Gdy będziesz zadowolony z wybranych obrazów, kliknij sekcję „Opublikuj”.

Jeśli planujesz wstawić suwak do kodu, po prostu skopiuj kod PHP z narzędzia lub wybierz opcję edytora postów.

Gdy zaczniesz pisać nowy blog dla witryny, na stronie pojawi się trzy opcje inteligentnego suwaka. Jeśli używasz klasycznego edytora, kliknij ikonę inteligentnego suwaka. Teraz wybierz dostosowany suwak, który przygotowałeś wcześniej, a po opublikowaniu posta suwak zostanie przesłany na stronę internetową i gotowy do zobaczenia przez odwiedzających.

Karuzela będzie przekazywać dalej lub linki wsteczne po obu stronach suwaków, aby ręcznie przesuwać obrazy.

Domyślnie obrazy karuzeli nie przesuwają się automatycznie, ale możesz to zmienić.

Automatyczny cykl obrazów karuzeli

W panelu administratora WordPress kliknij link Smart Slider 3 i wybierz opcję edycji. Wybierz styl „Autoodtwarzanie” i naciśnij „Włącz”. Domyślny czas między przełączeniem wynosi osiem sekund. Teraz zapisz zaktualizowane ustawienie za pomocą przycisku Zapisz po prawej stronie panelu.

Używanie karuzeli jako widżetu

Smart Slider może być również używany jako obraz suwaka WordPress. Te suwaki można dodać w dowolnym miejscu jako widżet, na przykład pasek boczny.

• Zobaczysz panel nawigacyjny po lewej stronie. Kliknij na wygląd, a następnie na link „Widget”.
• Gdy zobaczysz sekcję „Dostępne widżety”, kliknij przycisk „Inteligentny suwak”.
• Wybierz strefę, w której chcesz wyświetlić obraz i wybierz przycisk „Dodaj widżet”.

Obrazy lub brak obrazów to wielkie pytanie

Projektowanie i tworzenie stron internetowych jest subiektywne i to, co inni mogą uznać za atrakcyjne, niektórzy mogą nie. Przechodzi przez kilka faz aktualizacji i modyfikacji, a karuzela obrazów była kiedyś najbardziej pożądanym wymaganiem w witrynach internetowych, gdy firmy zaczęły wprowadzać ją wszędzie.

Powyższa dyskusja dała krok po kroku wskazówki dotyczące dodawania karuzeli obrazów do witryny. Proces nie jest skomplikowany i wymaga cierpliwości i wiedzy w doborze odpowiednich obrazów, aby poprawić wygląd witryny. Karuzele byłyby bardzo angażujące w przypadku kreatywnej witryny internetowej, podczas gdy nie byłyby pomocne w przypadku witryny e-commerce.

Dlatego następnym razem, gdy planujesz dodać żywe obrazy do suwaków, zastanów się, czy zwiększy to wartość witryny lub wpłynie w znacznym stopniu na współczynnik konwersji.

Dalsza lektura

• Jak zoptymalizować rozmiar obrazu produktu?
• Najlepsze wtyczki Image Zoom dla WooCommerce
• Inteligentne wskazówki dotyczące ulepszania obrazów