Przejdź do głównej treści

Jak wyświetlić pokaz slajdów suwak Revolution WordPress

Divi: najłatwiejszy w użyciu motyw WordPress

Divi: Najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 701.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62. [Zalecane]

Kontynuujemy dzisiaj nasz przewodnik po Revolution Slider, ale tym razem porozmawiamy o wyświetlaniu pokazu slajdów na stronie / artykule WordPress, ale również wykonamy zaawansowane konfiguracje na twoim suwaku. Mam nadzieję, że od początku tych przewodników ćwiczysz w domu (zawsze jest to duża zaleta). Jeśli napotkasz problem, przypominam, że możesz zadawać mi pytania, chętnie na nie odpowiem.

Dla tych, którzy zaczynają od czytania tego samouczka, zapraszam do nie przegap początku tych samouczków na temat Revolution Slider:

Jeśli wykonałeś te kroki, możesz kontynuować, w przeciwnym razie będziesz miał trudności ze śledzeniem mnie.

Co musisz wiedzieć o pokazie slajdów

Revolution Slider to wtyczka, która nie zależy od żadnego motywu. Zasadniczo pokazy slajdów tego ostatniego można wyświetlać na dowolnym rodzaju motywu, ale nie zawsze jest to prawdą. Rzeczywiście, każdy motyw ma reguły stylu CSS, które mogą stanowić przeszkodę w prawidłowym wyświetlaniu suwaków. Czasami po wybraniu suwaka układ „ pełna szerokość Przepełni się i nie będzie wyświetlać tak, jak powinien.

Zamiast szukać darmowego motywu, który ostatecznie będzie kompatybilny z Revolution Slider, polecam wybranie motywu premium, który jest już zgodny z Revolutio Slider, a jednym z motywów, które widzę jako pierwsze, jest „ Suma Od WPExplorer.

the-total-theme-wordpress-framework

Jednym z przykładów uzasadniających fakt, że musisz wziąć motyw premium, jest na przykład wyświetlanie suwaka tematycznego Dwadzieścia czternaście.

Revolution-slider-tutorial-wordpress-slider-display-rewolucja

Możesz zauważyć, że na tym obrazie obszar zaznaczony na czerwono reprezentuje całą aktualną przestrzeń tematu. Strefa zaznaczona na niebiesko reprezentuje przepełnienie suwaka motywu. Może się okazać, że wyświetlacz nie jest optymalny. Znajdziesz kilka motywów WordPress kompatybilnych z Revolution Slider na ThemeForest

Biorąc to pod uwagę, dowiedzmy się, jak wyświetlić suwak na artykule / stronie

Jak wyświetlić suwak w artykule

Revolution Slider umożliwia dodawanie suwaków do stron / artykułów na dwa sposoby.

Łatwo stwórz swoją stronę internetową dzięki Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestań płacić drogo za to, co możesz zrobić sam. [Bezpłatny]

Użyj krótkiego kodu

Uzyskujesz dostęp do strony konfiguracji i odzyskujesz krótki kod. W dziale Tytuł suwaka i krótki kod Zauważysz pola 3. 3e pole zawierające krótki kod zaczynający się od „[rev_slider…” jest tym, którego zawartość należy skopiować.

Revolution-slider-odzysku-of-SHORTCODE

Teraz musisz tylko dodać krótki kod do wybranego artykułu lub strony.

Za pomocą przycisku Dodaj suwak w edytorze wizualnym

Jeśli nie chcesz za każdym razem wracać do strony konfiguracji suwaka, możesz użyć przycisku dodanego suwakiem obrotu w edytorze wizualnym.

add-a-slider-wordpress-tutorial

Kliknięcie go otworzy nowe okno, w którym możesz wybrać suwak, który chcesz dodać do swojej strony.

add-a-suwak-ma-a-page-wordpress

Wybierając suwak, możesz specjalnie zmienić kolejność slajdów. Ta zmiana będzie skuteczna tylko w przypadku niestandardowego skrótu, który zostanie wygenerowany. Aby zmienić kolejność slajdów, kliknij „ Szybko zmodyfikuj suwak ”. Uzyskasz dostęp do listy slajdów, które możesz reorganizować za pomocą „ Przeciągnij i upuść ".

drag-and-drop-rewolucja-suwak

Szukasz najlepszych motywów i wtyczek WordPress?

Pobierz najlepsze wtyczki i motywy WordPress na Envato i łatwo stwórz swoją stronę. Już więcej niż pobrań 49.720.000. [EXCLUSIVE]

Po zakończeniu zauważysz krótki kod dodany do edytora wizualnego.

shortcode-rewolucja-suwak

Teraz musisz tylko przejrzeć swój artykuł. To wszystko, teraz masz podstawy do tworzenia suwaka na WordPress.

Kilka porad dotyczących zaawansowanego korzystania z Revolution Slider

Teraz, gdy wiesz, jak korzystać z Revolution Slider, dam ci kilka wskazówek, które pomogą ci być bardziej produktywnym w korzystaniu z tej wtyczki.

Użyj skrótów klawiaturowych

Revolution Slider chce być kompletnym edytorem pokazu slajdów. W rezultacie pozwala na użycie niektórych skrótów klawiaturowych, które pozwolą ci pracować szybciej.

  • CTRL + S : aby zapisać swoją pracę
  • Strzałki kierunkowe : aby przenieść element na scenę
  • Shift + strzałki kierunkowe : pozwala szybciej przenosić przedmioty
  • Shift + zmiana rozmiaru : wykonaj skalowanie proporcjonalne
  • Kliknij dwukrotnie : otwórz modyfikację elementu

Opanuj narzędzia edytora slajdów

Slajd oferuje narzędzia, które pozwolą Ci łatwo przenosić elementy. Mówiliśmy już o siatce, ale możesz także użyć przycisku wyrównania zaproponowanego przez Revolution Slider.

naprowadzające z żywiołów-obrotów-suwak

Te przyciski wyrównania pozwalają umieścić element w pierwszym wierszu od lewej do prawej, na lewym końcu stołu montażowego, na środku stołu montażowego i po prawej stronie stołu montażowego. Dla drugiej linii, na wysokim końcu sceny, na środku sceny i na jej końcu. Prawidłowe użycie tych przycisków pozwala łatwo wyśrodkować elementy za pomocą dwóch kliknięć.

Element środkowy suwak-rewolucja

Użyj narzędzia nawigacyjnego między elementami sceny

Aby łatwo znaleźć elementy dostępne w scenie, możesz użyć „ Oś czasu Lub żywiołowy odkrywca sceny. Ten ostatni jest na samym szczycie edytora scen.

explorer-in-slide-rewolucja-suwak

Z łatwością stwórz swój sklep internetowy

Uzyskaj woocommerce, najlepsze wtyczki e-commerce do sprzedaży produktów swoich fizycznych i cyfrowych na WordPressie. [Zalecane]

Klikając na listę eksploratorów, będziesz mógł wykonywać różne operacje na przedmiotach, w tym:

  • Edytuj element: ikona ołówka
  • Zmień proporcje elementu: ikona ze strzałkami kierunkowymi
  • Usuń element: ikona kosza
  • Powielony element: ikona podwójnej strony
  • Ukryj element: ikonę oka
  • Zablokuj element: ikona kłódki

Jeśli zwrócisz trochę uwagi na ten sam obszar, zauważysz przyciski testu rozszerzalności suwaka, umożliwi to podgląd podglądu suwaka na urządzeniach mobilnych.

moda-rewolucja reagujący-suwak

To tyle w tym samouczku. Jesteś teraz uzbrojony, aby stworzyć niesamowity suwak. Jeśli masz jakieś pytania, nie wahaj się ich zadać.

Ten artykuł zawiera 1 komentarz

Zostaw komentarz

Twoj adres e-mail nie bedzie opublikowany. Wymagane pola są oznaczone *

Ta strona używa Akismet, aby zmniejszyć niechciane. Dowiedz się więcej o sposobie wykorzystania danych komentarzy.

Powrót do góry
17 akcji
udział10
ćwierkanie1
Enregistrer6