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 $).
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.
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.
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.
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.
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.
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.
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.
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".
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.
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.
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.
Dzięki tej wtyczce będziesz mieć możliwość tworzyć witryny e-Commerce unikalny przy użyciu dowolnego WordPressi zarobisz dużo pieniędzy.
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.
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.
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.
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.
Polecane zasoby
Dowiedz się o innych zalecanych zasobach, które pomogą Ci zbudować witrynę i zarządzać nią.
- Jak stworzyć politykę prywatności na WordPress
- Jak zrozumieć strukturę plików WordPress
- Jak dodać menu nawigacyjne do strony WordPress
- Jak skonfigurować wtyczkę WordPress Slider Revolution
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-Slider. Jeś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.
...
Witam,
Dziękuję za szczegółowe wyjaśnienia na temat inteligentnego suwaka 3.
Po utworzeniu slidera wstawiam go do artykułu. Rozmiar suwaka nie jest zgodny z tym, co ustawiłem za pomocą narzędzia. Zajmuje całą szerokość kontenera. Jak możemy dostosować go do predefiniowanego formatu na stronie lub artykule?
Cordialement
Witam,
Przepraszam, nigdy nie testowałem twojego motywu. Zapraszam do zapoznania się z dokumentacją wtyczki lub kontaktu z deweloperem.