Jak utworzyć suwak strony głównej w WordPress [2021]

w dzisiejszym poście omówimy wszystko, co musisz wiedzieć o tym, jak stworzyć slider w WordPress.

jak zawsze, oto przewodnik wideo:

suwak to bardzo popularny element projektu strony internetowej, który wyświetla tekst, obrazy i filmy poprzez „przesuwanie” z jednego slajdu na drugi.

są powszechnie używane na stronach biznesowych i portfelowych.

Istnieje mnóstwo świetnych darmowych suwaków do wyboru, ale możesz również znaleźć naprawdę ładne płatne suwaki.

suwaki można zaprogramować tak, aby automatycznie uruchamiały pokazy slajdów, w momencie, gdy ktoś wejdzie na Twoją stronę – przełączając się na następny slajd co kilka sekund.

lub suwaki mogą być statyczne i pozwalają czytelnikom kliknąć małą strzałkę, na przykład, aby przesunąć palcem do następnego slajdu.

niektóre strony używają suwaków do wyświetlania swoich ostatnich postów. Zazwyczaj dodają link do slajdów, więc jeśli ktoś chce przeczytać artykuł, może po prostu kliknąć link i przejść do treści.

jedną rzeczą, o której należy pamiętać przy suwakach, jest to, że mogą nieco spowolnić witrynę, gdy próbuje załadować kilka obrazów lub inną zawartość. Można to jednak złagodzić, przyspieszając szybkość ładowania obrazu.

kolejnym potencjalnym problemem jest gotowość mobilna.

Google nadaje teraz priorytet witrynom responsywnym dla urządzeń mobilnych, więc powinieneś upewnić się, że Twoja witryna jest dostosowana do urządzeń mobilnych, niezależnie od tego, czy używasz suwaka, czy nie.

ale jeśli używasz suwaka, musisz upewnić się, że jest responsywny, aby nie wyglądał dziwnie na urządzeniach mobilnych, rujnując wrażenia klientów i nie pasując do wytycznych Google, zmniejszając wpływ SEO.

ale z tym wszystkim, suwaki oferują wiele korzyści.

suwaki strony głównej mogą pomóc ci zrobić wiele rzeczy, bez których nie mógłbyś się obejść.

suwaki mogą zaprezentować Twoje produkty na stronie głównej, naturalnie prowadząc odwiedzających do kliknięcia ich i zobaczenia więcej, co jest dość powszechne, jeśli prowadzisz witrynę e-commerce.

suwaki są atrakcyjne wizualnie. Przyciągają uwagę, wyświetlając interesujące treści i mogą pomóc odwiedzającym pozostać na twojej stronie.

suwaki strony głównej mogą być używane do wyświetlania ważnych informacji. Na przykład suwaki mogą być używane do wyświetlania wszystkich usług oferowanych przez firmę. Lub może być użyty do pokazania najlepszych projektów w portfolio freelancera.

suwaki mogą wyświetlać kluczowe treści tekstowe, takie jak referencje, jeden po drugim. Może to być bardzo pomocne w udowodnieniu odwiedzającym Twoją witrynę, że są we właściwym miejscu i oferujesz im odpowiednie produkty i usługi.

teraz, gdy wiesz, jakie są suwaki strony głównej i dlaczego powinieneś je mieć, Czytaj dalej, aby zobaczyć dokładnie, jak umieścić je na swojej stronie.

Krok #1 – Zainstaluj WordPress Strona główna Slider Plugin

będziemy używać darmowej wtyczki o nazwie smart slider 3, który jest bardzo łatwy w użyciu.

najpierw przejdź do pulpitu WordPress i znajdź zakładkę „Wtyczki” w menu po lewej stronie i kliknij „Dodaj nowy.”

następnie wpisz w pasku wyszukiwania nazwę suwaka, Suwak 3.

gdy ją zobaczysz, kliknij „Zainstaluj teraz” , a następnie kliknij ” Aktywuj.”

Krok #2-Utwórz nowy suwak

teraz, gdy zainstalowałeś Smart Slider 3, zobaczysz go w menu po lewej stronie na pulpicie nawigacyjnym.

przewiń w dół i kliknij na niego.

otrzymasz 2 opcje:

1. Utwórz nowy suwak od podstaw
2. Użyj szablonu

wszyscy jesteśmy za stworzeniem własnego szablonu. Jeśli czujesz się z tym komfortowo, więcej mocy dla Ciebie.

ale szczerze mówiąc, kochamy szablony. Stanowi solidną podstawę do stworzenia czegoś niesamowitego, który łączy Twój unikalny styl w sprawdzonych ramach.

Plus, jeśli jesteś w pośpiechu lub po prostu leniwy, szablony są twoim najlepszym przyjacielem do załatwiania spraw z dużą ilością wolnego czasu.

więc w tym tutorialu, będziemy klikać na ” Template Library.”

otrzymasz mnóstwo szablonów do wyboru. Dokładnie ponad 180.

niektóre z nich będą Cię kosztować ładny grosz.

ale wiele z nich jest darmowych. A jeśli chcesz tylko zobaczyć darmowe szablony, po prostu kliknij zielony przycisk” Free”.

jeśli chcesz wyświetlić podgląd dowolnego z suwaków, po prostu kliknij na nie, a otrzymasz podgląd na żywo tego, jak będzie wyglądał jeden z tych suwaków strony głównej i jak może działać na twojej stronie.

po wybraniu suwaka, którego chcesz użyć, najedź myszą na szablon i kliknij przycisk „Importuj”, który się pojawi.

po zaimportowaniu zobaczysz, że masz teraz 3 slajdy na pulpicie nawigacyjnym: Slajdy 1, 2 i 3, które sumują się, aby utworzyć pojedynczy suwak.

możesz teraz edytować dowolny z nich, aby dodać tekst, obrazy i wideo.

aby je edytować, najedź kursorem na dowolny slajd i kliknij przycisk „Edytuj”.

zauważysz, że jesteś teraz w edytorze wizualnym.

jeśli chcesz zmienić tekst, po prostu kliknij na tekst, a pojawi się małe pole pojawi się okno edytora.

w tym oknie edytora możesz zmienić wygląd tekstu, klikając ikonę puszki z farbą. Co pozwala na:

• Dodaj link do tekstu.
• Edytuj kolor tekstu.
• Zmień czcionkę.
• Wybierz rozmiar i wagę czcionki.
• itd.

możesz zrobić to samo za pomocą przycisku pod tekstem, klikając na niego.

inną funkcją do zmiany przycisku jest to, jak będzie wyglądał, jeśli ktoś nad nim najedzie kursorem myszy.

po kliknięciu na przycisk ołówek można zmienić tekst przycisku, a także podać link, że przycisk zabierze czytnik do.

możesz nawet edytować całe pole suwaka, nie tylko elementy w polu, klikając na niego (kliknąłem tylko białe tło samego pola, aby go zaznaczyć).

tutaj możesz zmienić takie rzeczy jak kolor tła lub krycie. Jeśli zmniejszysz krycie, możesz uczynić pudełko nieco bardziej przezroczystym, umożliwiając odwiedzającym zobaczenie statku za obrazem.

masz wiele opcji dostosowywania.

następnie zmienimy obraz tła dla tego slajdu.

więc przewiń w górę i kliknij ” Tło.”

zobaczysz, że przycisk obrazu jest już wybrany, więc wszystko, co musisz zrobić, to przewinąć w dół i znaleźć wiersz zatytułowany ” Tło.”Obok zobaczysz” obraz ” i powinien już zawierać obraz, który możesz zamienić na ten, który chcesz.

pozbądź się tego obrazu, najeżdżając kursorem na niego i klikając na mały X, który się pojawi.

następnie po prostu dodaj nowy, klikając zielony przycisk. Następnie przejdź do ” PRZEŚLIJ PLIKI „i kliknij” Wybierz pliki.”

teraz po prostu wybierz obraz, którego szukasz i kliknij „Otwórz”, a następnie kliknij ” Wybierz.”

Twój nowy obraz jest już tam!

następnie przejdź do góry i kliknij przycisk Zapisz w prawym górnym rogu, a następnie kliknij „suwak” w lewym górnym rogu, aby wrócić do głównego pulpitu nawigacyjnego.

zanim przejdę dalej, mam dla ciebie jeszcze jedną pomocną wskazówkę.

Przewiń lekko w dół, a zobaczysz pasek menu z zakładkami „Publikuj”, „ogólne”, „rozmiar” i tak dalej.

kliknij „Ogólne.”

tutaj znajdziesz kilka dodatkowych opcji dostosowywania wyglądu suwaka.

na przykład możesz zmienić sposób działania animacji suwaka. Domyślnym ustawieniem jest ustawienie poziome. Jeśli chcesz, możesz zmienić go tak, aby znikał z jednego obrazu na drugi po kliknięciu strzałek.

ale zostawimy to dla tego przewodnika.

Krok #3 – Wyświetl suwak na swojej stronie internetowej

mam zamiar pokazać, jak to zrobić z podstawowego edytora WordPress, a także element lub kreatora stron.

najpierw zróbmy podstawowy edytor WordPress.

Jak utworzyć suwak strony głównej za pomocą Edytora WordPress

wszystko, co musisz zrobić, to po prostu przejść do strony, na której chcesz go umieścić i edytować.

przeszliśmy więc do panelu po lewej stronie menu, kliknęliśmy na „strony” i dodaliśmy nowy. Ale możesz chcieć suwaka strony głównej, więc w takim przypadku po prostu przejdź do swojej strony głównej na pulpicie nawigacyjnym WordPress.

aby dodać ten suwak u góry tej strony, kliknij mały przycisk plus w lewym górnym rogu i wyszukaj Smart Slider 3.

po kliknięciu Smart Slider 3, pojawi się on w edytorze strony z dużym niebieskim przyciskiem z napisem „Wybierz suwak.”Śmiało i kliknij go.

następnie Wybierz suwak, którego chcesz użyć.

teraz wszystko, co musisz zrobić, to kliknąć „Publikuj”, a następnie ponownie kliknąć „Publikuj”. Stamtąd klikasz na „Wyświetl stronę”, aby zobaczyć, jak wygląda.

teraz powinieneś zobaczyć suwak strony głównej i powinien działać idealnie.

następnie powiemy Ci, jak wyświetlić suwak za pomocą elementu lub kreatora stron.

Jak utworzyć suwak strony głównej za pomocą elementu lub Kreatora Stron

więc wróć do pulpitu WordPress i przejdź do dowolnej strony, na której chcesz umieścić suwak, np.

najprostszym sposobem na to jest najechanie kursorem na swoje imię w lewym górnym rogu pulpitu WordPress i kliknięcie ” odwiedź witrynę.”

powinieneś zajrzeć na swoją stronę główną.

stąd kliknij „Edytuj z Elementorem” na tym małym pasku menu na stronie.

więc jeśli chcesz dodać suwak u góry strony głównej, po prostu kliknij mały niebieski przycisk plus na środku góry strony.

następnie wyszukaj Smart Slider 3 w polu, które pojawia się po lewej stronie.

zobaczysz opcje do wyboru, jeden z ikoną WordPress i jeden z ikoną suwaka. Wybierz opcję z ikoną suwaka i przeciągnij ją w miejsce, w którym chcesz suwak, a następnie Wybierz suwak, którego chcesz użyć.

zobaczysz swój suwak i będziesz mógł go przetestować bezpośrednio w samym edytorze.

teraz, jeśli jesteś taki jak ja, możesz mieć te małe białe paski na górze i na dole tego suwaka. Jeśli chcesz się ich pozbyć, kliknij zakładkę „Zaawansowane” w menu edytora po lewej stronie.

następnie pod „marginesem” zmień wartość na -10. Te białe paski powinny zniknąć.

Kliknij „Aktualizuj.”

OK, więc tak zrobić suwak w WordPress!