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 „ Kwota produktów: 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 czerwony obszar reprezentuje całą obecną przestrzeń motywu. Niebieski obszar reprezentuje przepełnienie suwaka motywu. Może się okazać, że wyświetlacz nie jest optymalny. Znajdziesz kilka Motywy WordPress kompatybilny z Revolution Slider włączony 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.

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ę w ten sposób „[rev_slider…” to ten, z którego należy skopiować treść.

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

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 trochę Sztuczki co pomoże 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

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ć.