Wykonanie odcisków ucha jest konieczne, abyśmy mogli stworzyć Twoje monitory suwaki to elementy, które można znaleźć na prawie wszystkich stronach głównych witryn. Smart Slider 3 to potężna wtyczka dostępna w wersji darmowej i premium.

Główne cechy tej wtyczki

Jako funkcja oferuje między innymi:

  • Intuicyjny interfejs użytkownika
  • Przeciągnij i upuść narzędzie do tworzenia stron wideo z podglądem na żywo / 8
  • Dynamiczne slajdy, które można tworzyć za pomocą artykułów i filtrować według identyfikatora lub stron niestandardowych
  • Generowanie slajdów (Dynamicznie) z różnych sieci społecznościowych (Facebook, Dribbble, Flickr, Instagram, Twitter, YouTube i inne).
  • Regulowane suwaki sterowania 
  • Przesuwne animacje w tle (Ken Burns)

Darmowy kontra Premium

Jeśli szukasz tylko podstawowego suwaka, Smart Slider 3 jest dostępny na WordPress.org w katalogu wtyczek. Nawet bezpłatna wersja jest imponująca i wyjątkowa w porównaniu z niektórymi innymi suwakami.

Osobista licencja na jedną lokalizację kosztuje tylko 25 USD (odnowienie jest na 15 $).

Smart-slider-szablony

Istnieją pewne kluczowe różnice między wersją bezpłatną i premium pod względem zawartości i funkcji. Oto, co otrzymasz w wersji premium:

  • Nieograniczony generator dynamicznych slajdów
  • Zaawansowane polecenia
  • Tryb ekspercki
  • Animacje w tle
  • Przeglądarka i edytor obrazów
  • Prezentacje suwaków 43

Samouczek: Tworzenie podstawowego slidera

Jeśli nigdy nie instalowałeś WordPress, odkryj Jak zainstalować WordPress blogu kroki 7 et Jak znaleźć, zainstalować i aktywować WordPress na swoim blogu.

Po aktywacji WordPress Plugin Slider Smart umieszcza własne menu na dole panelu administracyjnego WordPressa.

Jeśli nigdy nie instalowałeś a WordPress Plugin odkryć Jak zainstalować wtyczkę w WordPress

Kliknij menu Inteligentny suwak, otwiera się główny interfejs, gdzie pierwszą opcją, którą zobaczysz, jest duży zielony przycisk: " Tworzenie Slider » który otwiera okno konfiguracji początkowej, jak widać poniżej.

Smart-slider-Create-Slider

Stamtąd możesz nazwać swój suwak i wybrać ogólny styl. Istnieje wiele stylów do wyboru (jak pełna szerokość, pełna strona, karuzela, miniatury i inne), ale zamierzamy użyć suwaka blokowego opartego na układzie naszej istniejącej witryny.

Kliknij "Stwórz" a Slider Smart rozpocznie projektowanie podstawowego modelu suwaka. Po kilku sekundach znajdziesz się na stronie, która zawiera wszystkie podstawowe szczegóły dotyczące wtyczki.

Odkrywaj Jak stworzyć politykę prywatności na WordPress

Pierwszą rzeczą do odnotowania tutaj jest sekcja „ Publikowanie Slider”. Będziesz musiał użyć jednej z tych trzech metod (Shortcode, edytor stron lub postów lub kod PHP), gdy przyjdzie czas opublikować slajd (nr 1 poniżej). Zanim to zrobimy, musimy utworzyć slajdy.

W tym miejscu wtyczka naprawdę demonstruje łatwość użycia.

Wszystko, co musisz zrobić, to kliknąć zielony przycisk " Dodaj slajd obrazu "(nr 2 poniżej), a biblioteka multimediów zostanie otwarta. Następnie możesz wybrać dowolną liczbę obrazów lub zacząć od jednego, a następnie kliknąć „ Wybierz W oknie biblioteki multimediów.

Smart-slider-Nowa Slajdy

Remarque: Wybierając slajd, nie jesteś ograniczony do obrazów. Możesz także użyć wideo lub artykułów, a także tworzyć puste, statyczne, a nawet dynamiczne slajdy.

konsultować Jak powielić (skopiować) strony w WordPress: samouczek

Smart Slider ładuje slajd do interfejsu i jesteś gotowy, aby zapisać i opublikować lub rozpocząć dostosowywanie. Jeśli jednak opublikuję mój pokaz slajdów, będzie działał dobrze, ale nie jest to dokładnie to, czego szukałem, jak widać na poniższym obrazku.

Inteligentny suwak poza środkiem 1

Aby to poprawić, poszedłem do menu "Rozmiar" i przewinąłem do sekcji tryb responsywny, Wybór był "Pełna szerokość", więc wybrałem "Automatyczny" i zapisałem moje postępy. Stamtąd wróciłem do „ ogólny „i wybrany środek wyrównanie.

Smart-slider-Size-Change

Kiedy mówię tutaj o łatwości użytkowania, miej to na uwadze mój pierwszy proces zajął mniej niż 5 minut próba.

Teraz pora popracować nad samym slajdem. Gdy najedziesz kursorem na slajdy w rzutni, zauważysz, że w lewym górnym rogu pojawi się zielone pole. Jak można się domyślić, kliknięcie spowoduje zaznaczenie tego slajdu jako pierwszego w sekwencji.

Zobacz także 5 doskonałe wtyczki WordPress premium, aby dodać suwak

Po utworzeniu suwaka i umieszczeniu tła nadszedł czas, aby dodać trochę treści i przejść. Aby wykonać ten krok, po prostu kliknąłem slajd, który chciałem edytować, i który przechodzi do sekcji warstw.

W prawym panelu jest wiele indywidualnych ustawień, ale jeśli przewiniesz w dół, znajdziesz obraz slajdu. Następnie możesz kliknąć jeden z elementów w lewym panelu, aby umieścić je na slajdzie.

Smart-slider-Elements

Tworzenie tych slajdów to inna szkoła. Dostępnych jest tak wiele opcji. Aby dać ci wyobrażenie o tym, jak elastyczna jest ta wtyczka, spójrz, co każdy element może zrobić dla twojego suwaka poprzez:

  • Menu przedmiotów
  • animacje
  • Ustawienia warstw

W każdym z tych menu znajduje się wiele podmenu. Na przykład podczas tworzenia elementu tekstowego można dostosować ustawienia czcionek, takie jak: 

  • Rodziny policji
  • Kolor tekstu
  • rozmiar czcionki
  • Wysokość linii
  • Dekoracja tekstu
  • Wyrównanie
  • Odstępy między literami i wyrazami
  • Ustawienia edycji tekstu
  • Cień tekstu

Każdy element tekstowy na suwaku może mieć unikalne ustawienia, unikalne animacje i własne ustawienia synchronizacji. Jest nawet sekcja dla Niestandardowy CSS.

Gdy dodajesz elementy i animacje do slajdu, w wersji pro zauważysz również funkcję kalendarza, która pozwala kontrolować czas wyświetlania poszczególnych elementów i czas ich animacji za pomocą prostych suwaków.

Polegałem na tej funkcji, dodając różne warstwy do tego slajdu nieco później.

Smart-slider-Timeline

Dodawanie warstw i animacji

Z naszym suwakiem na miejscu i zainstalowanym tłem, czas na wprowadzenie niektórych differents elementy i warstwy. Zaczniemy od dodania obrazu bałwana do slajdu. W tym celu przechodzę do menu „Warstwy” i kliknij " Obrazek ". Spowoduje to umieszczenie fikcyjnego obrazu na slajdzie.

Odkryj też Jak skonfigurować wtyczkę WordPress Slider Revolution

Stamtąd możesz kliknąć fikcyjny obraz w lewym dolnym rogu, a następnie wybrać i zmienić rozmiar obrazu w bibliotece multimediów.

Smart-slider-Image-Element-Resize

Po wybraniu, wstawieniu i zmianie rozmiaru obrazu nadszedł czas, aby dodać podstawową animację, którą można wykonać w zaledwie kilku krokach.

Pierwszym jest wybranie zakładki „Animacje” jak widać poniżej. Po zakończeniu klikniemy zielony przycisk animacji "W".

Smart-slider-Animacje

Na następnym ekranie mogę wybrać moją animację, a także dostosować harmonogram. Dla tego konkretnego slajdu wprowadzam animację „RIGHT” i zwiększam czas trwania do 2200 ms.

Czy szukasz ftp do zarządzania plikami i folderami WordPress, odkryj Jak korzystać z FTP na Windows 10

Dodam też opóźnienie 300ms. U dołu tego ekranu znajduje się opcja, aby mieć określone zdarzenie i wyzwalacz dla tej animacji, na przykład najechanie myszą lub kliknięcie slajdu. Nie zamierzam komplikować sprawy z tymi ustawieniami w tym przykładzie.

Smart-slider-In-Animacja-Ustawienia

Następnie dodam tekst. Postępując zgodnie z powyższym procesem, kliknij element „ dodać tekst I dokonaj niezbędnych zmian. Wpisałem tekst, a następnie przeszedłem do ustawień czcionki, gdzie zmieniłem rozmiar i kolor.

Dodaję animację ” Fade In Dostosowaliśmy kalendarz tak, aby zaczynał się zaraz po animacji bałwana.

Zauważysz również w tym menu, że istnieje taka możliwość konkretny tekst na tablety i urządzenia mobilny. To świetny przykład rodzajów funkcji, które sprawiają, że ta wtyczka jest tak elastyczna i przyjazna dla użytkownika.

W przypadku niektórych „innych” suwaków byłbym zmuszony użyć zapytania o media i niestandardowego CSS.

Smart-slider-Text-layer-options

Na koniec dodaję jeszcze dwie warstwy. Pierwsza to warstwa tekstowa, a druga to warstwa obrazu. Ponownie przechodzę przez dokładnie ten sam proces, co powyżej, ale trochę więcej poświęciłem czasowi animacji. Możesz zobaczyć końcowe wyniki poniżej.

Podsumowując, utworzenie tego slajdu trwało X minut 20.

Uwaga: Konwertuj ten slajd na GIF zmodyfikuje określone terminy pięknych wybranych animacji, które starannie zmontowałem.

Voila! Po wypróbowaniu wielu wtyczek WordPress slidera, zarówno darmowego, jak i premium, mogę szczerze powiedzieć, że jest to jeden z najlepszych, jakie kiedykolwiek testowałem. To nie tylko jedna specyficzna cecha sprawia, że ​​jest wyjątkowy. To kombinacja rzeczy, które pokazują, jak świetna to wtyczka.

Należy zauważyć, że nie omówiłem wszystkich indywidualnych funkcji.

Odkryj też Jak wiedzieć, który motyw jest używany na blogu WordPress

Jestem pewien, że gdybym spędził trochę więcej czasu pracując z tą wtyczką, znalazłbym kilka rzeczy, które chciałbym zmienić, a może nawet kilka błędów. Myślę, że łatwość obsługi utrzymuje ludzi tam wystarczająco długo, aby w końcu mogli w pełni wykorzystać mnogość oferowanych funkcji. I wierz mi, jest ich wiele.

Pobierz Smart Slider 3

Odkryj także niektóre wtyczki premium WordPress  

Możesz użyć innych WordPress wtyczki aby nadać nowoczesny wygląd i zoptymalizować obsługę Twojego bloga lub strony internetowej.

Oferujemy tutaj kilka dodatkowych wtyczek WordPress, które pomogą Ci to zrobić.

1. WooCommerce Page Builder

Kreator stron WooCommerce to WordPress Plugin bardzo popularny, który oferuje w miarę stałą liczbę skrótów i który pozwala na utworzenie kilku rodzajów spersonalizowanych stron (produkt, koszyk, kasa, „moje konto”) w Twojej witrynie WooCommerce . Jest to rozszerzenie Wtyczka wizualna Kompozytor które musisz zainstalować wcześniej.Woocommerce-page-builder

Dzięki tej wtyczce będziesz mieć możliwość tworzyć witryny e-Commerce unikalny przy użyciu dowolnego WordPressi zarobisz dużo pieniędzy.

Pobierz | Demo | hosting

2. Elementor

Oryginalnie uruchomiona w 2016 roku wtyczka Elementor WordPress jest jednym z najmłodszych narzędzi do tworzenia stron na tej liście. Pomimo późnego startu, Elementor szybko zebrał ponad 1 aktywnych instalacji na WordPress.org, co czyni go jednym z nich Kreatory wizualne najpopularniejszych stron WordPress.

elementor pro e1544277036401
Jego reputacją jest płynny interfejs wizualny, różne opcje stylu i inne zaawansowane funkcje, takie jak pełne tworzenie Motywy WordPress.

Jego interfejs jest podzielony na dwie główne części, z trzecią strefą dla niektórych parametrów. Darmowa wersja Elementora oferuje bezpłatne widżety 28. Wersja Pro wprowadza inne widżety 30, w sumie widżety 58 w wersji Pro. Darmowa wersja zawiera około darmowych szablonów 40, a wersja Pro zawiera setki dodatkowych szablonów.

 Pobierz | Demo | hosting

3. Ninja Popups

Z ponad 30 000 sprzedaży i 4,4 gwiazdkami, Ninja Popups jest jednym z WordPress wtyczki najpopularniejsze z dostępnych na Code Canyon.

Ninja Popups Wordpress wtyczki tworzą wyskakujące okienko

Oprócz szerokiej gamy modeli do różnych zastosowań, zawiera również kilka funkcji, takich jak: wizualny konstruktor popup, 10 różnych pozycji wyświetlania wyskakujących okienek, 74 różne efekty animacji, obsługa technologii zapobiegającej blokowaniu w celu obejścia programów blokujących reklamy, różne opcje kierowania, statystyki w tablica rozdzielcza, blokowanie treści w celu wyrażenia zgody na e-maile lub udostępnianie w mediach społecznościowych, mnóstwo integracji z usługami marketingu e-mailowego i nie tylko.

Pobierz | Demo | hosting

Polecane zasoby

Dowiedz się o innych zalecanych zasobach, które pomogą Ci zbudować witrynę i zarządzać nią.

Wnioski

Tutaj jest ! To wszystko w tym samouczku i mam nadzieję, że pomoże ci łatwo tworzyć slidery lub slajdy za pomocą Wtyczka WordPress Smart-SliderJeśli ci się podobało, nie wahaj się udostępnij znajomym w swoich ulubionych sieciach społecznościowych

Będziesz jednak mógł również skonsultować się z nami Zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress.

Ale w międzyczasie opowiedz nam o swoim commentaires i sugestie w dedykowanej sekcji.

...