15+ doskonałych przykładów suwaków WordPress (Prezentacja)

Szukasz inspiracji dla swojego suwaka WordPress? Suwaki umożliwiają właścicielom witryn prezentowanie najważniejszych treści w angażującym i interaktywnym pokazie slajdów, dzięki czemu użytkownicy mogą zobaczyć najważniejsze informacje i natychmiast podjąć działania. Nic dziwnego, że tak wiele witryn używa suwaków ze wszystkim, co mogą zrobić!

• Dostarczaj treści sprawnie i stylowo
• Zapakuj dużo informacji na małej przestrzeni
• Dodaj interakcję do swojej witryny
• Kieruj odwiedzających do promocji i ważnych stron

W tym artykule pokażemy Ci ponad 15 doskonałych przykładów suwaków WordPress. Pokażemy Ci również, jak szybko stworzyć wspaniały slider na własną stronę internetową.

Prezentacja inspiracji suwaka

Oto niektóre z najlepszych przykładów suwaków dla Twojej inspiracji. Kryteria, których użyliśmy do wybrania tych suwaków, to 1) kreatywność i 2) użyteczność. Niektóre projekty mają oba, a niektóre mają tylko jeden aspekt.

CNBC Prime

Slider CNBC jest czytelny i łatwy w obsłudze. Używają grubej czcionki w tytułach programów, więc jest łatwy do odczytania. Kolorowanie tekstu naprawdę pomaga mu również wyróżniać się na tle.

CBS

Suwak CBS wykorzystuje przekonujące obrazy z dużą czcionką i dużą ilością białego miejsca, aby ułatwić czytanie i używanie. Dzięki dużym pociskom jest bardzo jasne, co się stanie po kliknięciu.

Universal Orlando

Suwak Universalu ma jeden prosty cel: zachęcić Cię do odwiedzenia ich parku rozrywki. Chociaż CTA składają kilka kuszących ofert, to zdjęcia mówią same za siebie.

Saville's Dove Cotes

Saville's używa eleganckiej czcionki szeryfowej połączonej ze zdjęciami, które podkreślają jakość i kunszt ich gołębi. Wyjaśniają również swoją rozległą wiedzę na temat gołębi, dzięki czemu możesz być pewien, że kupujesz absolutnie najlepsze domy dla swoich pierzastych przyjaciół.

Piekarnia Magnolia

Piekarnia Magnolia jest doskonałym przykładem suwaka zawierającego tylko obrazy. Kiedy masz pyszne ciastka, kto potrzebuje pogawędki? Te trzy mini-slajdy wyglądają po prostu rozkosznie na tej stronie.

Płonący Wąwóz

Płonący Wąwóz to popularna atrakcja Utah. Nagłówki w ich galerii mówią wszystko: w ośrodku Flaming Gorge możesz cieszyć się rozległością widoku bez szorstkowania go.

Motywy Headway

Motywy Headway twórczo wykorzystują suwak. Zamiast typowego suwaka na górze strony, umieścili je niżej i używają go do prezentowania stron internetowych, które używają ich motywów. Sprytny!

Smithsonian Freer Sackler Galeria

Smithsonian Freer Sackler używa prostego suwaka nawigacyjnego, który kieruje Cię do kluczowych stron w witrynie. Prosty i przejrzysty wygląd suwaka, otoczony białymi przestrzeniami, które przyciągają do obrazów, jest idealny do galerii sztuki.

Samotna planeta

Suwak Lonely Planet staje się fantazyjny z obracającym się obrazem pełnoekranowym i przyciągającymi wzrok animacjami. Jest to nie tylko niesamowicie wyglądający suwak, ale także łatwa nawigacja do dowolnego miejsca, które Ci się spodoba.

Wschodnia zatoka

Suwak Converse sprawia, że ​​cała uwaga jest dokładnie tam, gdzie powinna: na produkcie. Szczegóły i faktury są tak wyraźne w tym suwaku, że można prawie dotknąć tkaniny.

Arkusze

Suwak Sheetz używa jasnych, zabawnych kolorów z interaktywnymi przyciskami przewijania do przodu, które wysuwają się, gdy najedziesz na nie. Suwaki takie jak ten aż proszą się o zabawę.

Xbox

Suwak konsoli Xbox zapewnia prostotę z czystymi obrazami produktów, kilkoma słowami i dużą ilością białych znaków. To zdecydowanie przypadek, w którym mniej znaczy więcej.

Tim Hortons

Slider Tima Hortonsa to klasyczny przykład świetnej fotografii kulinarnej w pracy. Poczuj ślinotok, połącz to z kilkoma świetnymi ofertami i BOOM! Masz suwak, któremu niezwykle trudno się oprzeć.

Sony trzeszczenie

Crackle sticks w prostej, biało-pomarańczowej kolorystyce, która zwraca uwagę na obracający się suwak. Małe notki na każdym slajdzie sprawiają, że masz ochotę włączyć tubę i złapać kilka programów telewizyjnych.

Instytut Smithsona

Suwak Smithsonian używa dużych, rzucających się w oczy strzałek, dzięki czemu możesz wrócić do poprzedniego slajdu, który przegapiłeś. W tym przypadku jest to ważne, ponieważ na każdym slajdzie jest sporo tekstu do przeczytania.

Żaluzja

Suwak Luwru jest dokładnie tym, czego można się spodziewać: historycznym i eleganckim. Dzieje się tak dzięki dużej ilości białych znaków, czcionce szeryfowej i prostemu, ale dramatycznemu zanikaniu czerni na obrazach. Inną wspaniałą cechą tego suwaka jest przycisk odtwarzania/pauzy w prawym dolnym rogu.

Jak stworzyć własny suwak WordPress?

Teraz możesz się zastanawiać: „ Te suwaki są niesamowite, ale jak mogę je utworzyć dla własnej witryny?”

Cóż, na szczęście jest to całkiem proste dzięki wtyczce Soliloquy do WordPressa.

Najpierw musisz zainstalować i aktywować wtyczkę Soliloquy Slider. Aby uzyskać więcej informacji, zobacz ten przewodnik krok po kroku, jak zainstalować wtyczkę w WordPress.

Następnie nadszedł czas, aby stworzyć swój pierwszy suwak. Przejdź do Soliloquy » Dodaj nowy , aby dodać suwak. Możesz wybrać pliki z komputera, jeśli chcesz przesłać obrazy. Jeśli już załadowałeś obrazy do swojej witryny, wybierz pliki z innych źródeł.

Kontynuuj przewijanie w dół. Zobaczysz obrazy, które wybrałeś dla swojego suwaka. Tutaj możesz kliknąć ikonę ołówka, aby edytować obrazy, lub kliknąć czerwony X, aby usunąć obrazy z suwaka.

Możesz również skonfigurować inne szczegóły dotyczące suwaka, wybierając kartę Konfiguracja po lewej stronie. Możesz ustawić rozmiar obrazu, motyw suwaka i szybkość przejść slajdów. W tym miejscu można również zmienić pozycję podpisu tekstowego. Sprawdź te ustawienia.

Gdy będziesz zadowolony ze swoich ustawień, spójrz na kartę Mobile . Umożliwi to przetestowanie wyglądu Twojej witryny na urządzeniu mobilnym i dostosowanie ustawień rozdzielczości mobilnej w razie potrzeby.

(Patrz także zakładka Różne , aby zaimportować lub wyeksportować suwak.)

Dodaj suwak do strony lub posta

Skończyłeś tworzenie swojego slidera! Teraz nadszedł czas, aby dodać go do wybranego posta lub strony. Edytuj post lub stronę, kliknij przycisk Dodaj suwak i wybierz suwak. Pamiętaj, aby opublikować lub zaktualizować swój post / stronę, aby zapisać zmiany.

Twój suwak będzie teraz aktywny w Twojej witrynie:

Otóż ​​to! Masz teraz swój własny suwak WordPress. Mamy nadzieję, że ten artykuł zainspirował Cię ponad 15 doskonałymi przykładami suwaków WordPress i pomógł Ci stworzyć swój pierwszy suwak.

Możesz także zapoznać się ze wszystkimi zaawansowanymi funkcjami, których możesz użyć podczas projektowania suwaków. Możliwości dostosowania suwaka są praktycznie nieograniczone, więc zacznij korzystać z Soliliquy już dziś! Oto tylko kilka przykładów tego, co możesz zrobić za pomocą suwaka Soliloquy.

• Utwórz suwak obrazu o pełnej szerokości w WordPress
• Zmień czas suwaka w WordPress
• Utwórz responsywny suwak wideo w WordPress

Jeśli podoba Ci się ten artykuł, śledź nas na Facebooku i Twitterze, aby uzyskać więcej bezpłatnych samouczków WordPress.