Jak umieścić suwak na stronę główną WordPress. Instalowanie suwaka w wordpress nagłówka. Przygotowanie struktury pod suwakiem

Cześć przyjaciele! Była potrzeba ustaw piękny suwak wzoru na stronie? Jeśli tak, to jest lekcja dla Ciebie. W tym powiem ci, jak szybko (maksymalnie - w 5 minut!) I po prostu skonstruuj suwak funkcjonalny.

Nie ma wordpress standardowe narzędziaktóre moglibyśmy zaimplementować. Dlatego, aby stworzyć suwak, użyjemy możliwości wtyczki Meta suwak.. Jest to bezpłatny i megapopularny rozszerzenie Wordpress - ponad 800 tysięcy użytkowników pobrało go.

Doskonały bonus dla rosyjskojęzycznych webmasterów - wtyczka ma kompletny rosyjska lokalizacja. Baister!

Algorytm instalacji w WordPress Slider Obraz

Zainstaluj wtyczkę Meta suwak.. Aktywuj go.
Przejdź do sekcji Meta suwak. W menu panelu administratora (po lewej).
Kliknij znak "+".
Kliknij Dodaj slajd.. Jedź z komputera lub wybierz Mediagalery. Zdjęcia dla suwaka.
Dodaj żądany link i opis slajdów.
Ustaw suwakza pomocą narzędzi znajdujących się w menu bocznym (po prawej). Nie opiszę opcji - są rzadkością, intuicyjnie zrozumiały i proste. Zauważam tylko to, że oprócz standardowego zestawu ustawień (efekty, projektowanie, rozmiar suwaka), istnieje wybór czterech opcji suwaków (R. Slajdy, suwak Flex, suwak monety i suwak NIVO). Po zakończeniu ustawień kliknij Zapisać.
Kopiuj znajdujący się na dole strony krótki kod suwaka I włóż go na żądanej stronie.
Możesz dodać suwak do witryny (na piśmie lub stronie) za pomocą przycisku Dodaj suwak (Wyświetlane w edytorze wpisów (strony)).
W razie potrzeby włóż suwak do szablonu, użyj kodu znajdującego się w bloku. Za pomocą Na karcie. Wstaw w szablonie.

Dlaczego warto wiedzieć, jak wirować boty w grupie, jeśli dążysz do promocji w sieci społecznościowej - mówi o tych cenachmmm.com. Jak wirować boty VKontakte dużo i szybko - analiza na różne sposoby. Co jest niebezpieczne dla grupy niewłaściwe oszustwa, jak znaleźć niezawodny artysta.

W wyniku działań dokonanych w tej lekcji otrzymałem suwak tego typu:

Spędziłem mniej niż pięć minut na swojej konfiguracji - instalacja w suwak WordPress Prosta obsługa, zgadzam się? Jeśli masz "budynek suwaka", powiedz nam o trudnościach w komentarzach. Przekazuj wszelkie problemy!

Bardzo często na stronie musisz zrobić piękny kapelusz, na którym się zmienią, lub dodać banery, które zmieni się lub po prostu chcą rozcieńczyć statyczną stronę. W tym artykule chciałbym powiedzieć jak zrobić suwak na WordPress.

Instalowanie suwaka na stronie internetowej WordPress - M-VLIDER Plugin

Wybór spadł na wtyczkę M-VSLIDER, jest bardzo wygodna, umożliwia skonfigurowanie Suwak do twojego gustu. O tym bardziej szczegółowo:

Najpierw musisz pobrać ostatnia wersja Wtyczka z oficjalnego witryny WordPress.

Na ekranie pojawi się tabelę, w której zostaną wyświetlone wszystkie utworzone suwaki do witryny, kod do wstawienia do witryny, a także ich właściwości. Jeden suwak został utworzony standard.

Aby edytować istniejący suwak, kliknij ołówek i przejdź do ustawień. Albo możesz utworzyć nowy przycisk "Dodaj nowy suwak".

W ustawieniach możesz edytować:

szerokość, wysokość suwaka;
używane efekty po przejściu
tymczasowe interwały
możesz dodać właściwości CSS natychmiast.
liczba zdjęć, które zostaną użyte

Po wszystkich niezbędnych zmianach, zapisujemy suwak i można spokojnie dodać suwak na naszą stronę. Przez shortkoda., będzie wyglądać tak:

Możesz dodać suwak do dowolnego artykułu i dowolnej strony.

A jeśli chcesz dodać bezpośrednio do szablonu w nagłówku lub gdzie, a następnie użyj Kod PHP.To będzie wyglądać tak.

jeśli (funkcja_exists ("RSLIDER")) (

Ponadto wtyczka suwaka może być wyświetlana za pomocą widgetu, w którym można wypłacić slajd lub szkołę slajdów.

Ogólnie rzecz biorąc, teraz możesz łatwo zrób suwak na miejsce na WordPress.

Dziękuję za uwagę, mam nadzieję, że artykuł był dla ciebie przydatny.

2 głosy

Drodzy Goście, witaj na stronach mojego blogu Start-Luck. Dzisiaj powiem ci, jak proste, a co najważniejsze dostarczyć piękny suwak do swojej witryny. Będzie to atrakcyjny element projektu dla każdego artykułu lub doskonałej alternatywy dla jednostki reklamowej, z której możesz zarobić zysk.

Od 2013 r. Wszystkie rodzaje badań prorokującej pielęgnacji slidki z stron internetowych, ale ich popularność nadal nie zniknie. Co nie mówią, "ożywiają" portal, przyciągnąć uwagę na informacje. Chcą je kliknąć. Oczywiście, jeśli suwak jest piękny i kompetentnie skompilowany, ale wrócimy do tego.

Opowiem o suwaku WordPress. Jak szybko przynieść coś atrakcyjnego i interesującego do swojej witryny, bezpłatnie, a nawet nie posiadać specjalnej wiedzy. Porozmawiajmy o tym, czy zrobić to z własnymi rękami. A otrzymasz kilka przydatne Sowiets. Nadzienie.

Zacznijmy?

Meta suwak.

Zacząć od, chciałbym ci powiedzieć najlepsza wtyczka Dla witryny na WordPress. Rzadki przypadek, gdy udaje ci się znaleźć coś cennego i bezpłatnego w tym samym czasie.

Jeśli przeczytasz mój artykuł o czymś, pamiętaj, jak byłem oburzony przez kilka zdań. Narzędzie z tej publikacji kosztował również pieniądze.

Cóż, pokażmy, jak pracować z programem.

Instalacja

Szczegółowy artykuł o tym, czy możesz przeczytać na WordPress na moim blogu. Krótko powtórz, co robić w konkretnej sytuacji. Idziemy do sekcji wtyczki i wybierz opcję "Dodaj nową" z listy do linii wyszukiwania w prawo górny róg. Drive: "Meta Slider" i Enter. Jak tylko strona z niezbędna aplikacja Otwarte, kliknij "Ustaw".

Nie zapomnij aktywowania Suwaka Meta przez zakładkę "Zainstalowane" lub w oknie, które otwiera się po instalacji.

W rezultacie pojawi się nowa kategoria w panelu sterowania po prawej stronie. Możesz kupić wersję PRO za 19 USD lub bezpłatnie, moim zdaniem jego funkcje wystarczą, więc nabycie niekoniecznie.

Możliwości

Teraz dowiemy się, jak tworzyć i wstawić karuzelę, czasami suwak jest również nazywany. Idziemy do aplikacji przez odniesienie do prawej (w panelu Administratora Tordpress) i kliknij plus obok frazy "Dodaj nowe".

Możesz pobrać wszystkie zdjęcia z zdjęć, ale nie polecam uwagi. Nikt nie przejdzie zbyt wiele. Optymalna liczba różni się od trzech do ośmiu.

Po prawej stronie załadowanych zdjęć jest pole, w którym można wprowadzić adres strony, do której pójdzie osoba po naciśnięciu na zdjęciu. Możesz również dodać opis, wykończenia rysunku i alt do obrazów.

Ponadto masz 4 opcje projektowania. W filmie, tuż poniżej, pokażę, co wygląda jak każdy z nich.

Wersja pro. Zakłada się, że wszystkie skutki efektów, czyli, ponieważ jeden slajd zostanie zastąpiony innym, dla każdej metody wyświetlania. W darmowa wersja Cechy ograniczone. Ale nadal są obfite. Dobra opcja znajdziesz.

Oprócz 4 podstawowych wariantów projektowych można wybrać inny z czterech schematów kolorów.

Ponadto istnieje również dodatkowa konfiguracja. Jeśli chcesz zapewnić czytelnikowi możliwość przenoszenia kontroli, musisz umieścić zaznaczenie obok słowa "strzałki". Nawigacja jest również możliwa za pośrednictwem punktów. Pamiętaj, aby czytelnikowi możliwość samokontroli, zwłaszcza jeśli jest to jednostka reklamowa.

Jeśli chodzi o rozmiary, możesz je dostarczyć. Jednak wtyczka nie jest głupia, widzi maksymalne ograniczenia i automatycznie osadzone w projekcie. Jeśli go zainstalujesz panele boczne Strona główna, trochę później, pokażę, jak to zrobić, wtedy proporcje zmieni się automatycznie.

Dalej Idź "Ustawienia rozszerzone". Tutaj możesz zwiększyć lub zmniejszyć czas trwania wyświetlacza ramki i prędkości animacji. Nie powinni się poruszać bardzo szybko, w przeciwnym razie opuścisz swoją witrynę. Jeśli masz dużo zdjęć, lepiej zezwolić na zdjęcia z rotacji.

Podczas zmiany obrazu obraz można podzielić na kilka części. Nie radzę ci określić małej ilości. W przeciwnym razie będzie bogaty w oczy. Cóż, zamiast strzeleckiej, polecam dodanie tekstu do przewijania.

W poniższym zrzutu ekranu można zobaczyć suwak stworzony przeze mnie. Aby ułatwić, zalecam korzystanie z możliwości podglądu. W menu utworzenia znajdują się dwa przydatne przyciski na górze: "Pokaż", aby zobaczyć zmiany i oszczędzać.

Na dole prawego panelu znajduje się krótki kod do wstawienia w rekordzie i dla. Zaawansowani programiści potrzebują i pokażę początkujących, jak osiągnąć stylowy efekt proste metody. Ale więcej na tym później.

Najpierw zobacz, jak wygląda suwak. Oczywiście wszystko musi być testowane na własną stronę, bardzo tęskniłem i nie pokazałem w tym filmie, ale możesz już utworzyć przybliżony widok programu.

Integracja na blogu

Wstaw tworzony karuzel nie jest trudny. W tym celu potrzebne jest nic specjalnego. Jedyną rzeczą, o której zapomniałem wspomnieć w poprzednim akapicie, zadzwoń do swoich suwaków prawidłowo, aby nie zostać zdezorientowany.

Otwórz wpis, do którego chcesz dodać nowy suwak lub utwórz nowy. Następnie umieść kursor do szacowanej lokalizacji, w której znajduje się karuzela. Teraz kliknij "Dodaj suwak", przycisk znajduje się w górnej części pracy.

Wybierz żądaną nazwę i kliknij "Włóż pokaz slajdów" z listy.

Gotowy. W moim przypadku na stronie będzie tak wyglądać.

Umieścić blok strona główna Idź do kategorii " Wygląd"-" widżety ". Na szczycie zobaczysz "Meta Slider".

Przenieś ten dip w pożądanym miejscu, w którym będzie suwak. Jeśli chcesz umieścić go zaraz po wyszukiwaniu, w tej liście będzie musiał być tutaj. Wybierz suwak z listy utworzonych i zapisz zmiany.

Na mojej stronie testowej blok po prawej stronie wygląda tak.

Projekt tej strony obejmuje zakwaterowanie w obszarze treści i piwnicy, dolnej części witryny. Jeśli chcę tutaj dodać blok, po prostu cierpię w odpowiednie miejsce.

Wyświetlacz na stronie natychmiast się zmienia.

Podsumowując, chciałbym dać kilka zaleceń. Jeśli chcesz uzyskać dobre zarobki z reklamy, zdecydowanie doradzam, abyś nie pominąć projektu samych zdjęć. Jedna osoba zajmuje dużo czasu, aby zrozumieć wszystkie subtelności marketingu, czytaj wiele książek na temat wizualnych reklam i umiejętności projektowania doskonalenia.

Dopóki nie będziesz mógł się rozwijać w tej dziedzinie, radzę ci uciekać się do pomocy freelancerów. Możesz to zrobić na witrynach Weblancer.net. i Fl.ru. . Pierwszy jest nieco prostszy, aw drugim możesz spotkać prawdziwych profesjonalistów.

Cena zależy od budżetu, ale myślę, że obraz będzie kosztować maksymalnie 500 rubli. W tej kwocie można kupić trzy, ale w tym przypadku będzie mniej niż ci, którzy chcą wypełnić zamówienie, co oznacza wynik, że będzie gorszy.

Życzę powodzenia, a jeśli podoba Ci się ten artykuł - Subskrybuj biuletyn. Do nowych spotkań.

Zgadzam się, że obecność suwaka obrazów na stronie wygląda całkiem pięknie. Suwak na stronie głównej strony jest nie tylko stylowy wygląd, ale także dobra informacja przedmiotu witryny dla odwiedzających.

Suwak stworzy za pomocą popularnej wtyczki Meta Slider i przetestuj działanie - na temat dwadzieścia szesnastu.

Tworzenie suwaka.

Tak więc po zainstalowaniu i aktywowaniu wtyczki w panelu administratora pojawi się nowy element menu. Meta suwak.Podczas przełączania, do którego wejdziesz do głównego okna suwaka.

Ponieważ nie jest utworzony pojedynczy slajd, jest tylko jeden przycisk z napisem " Stwórz pierwszy pokaz slajdów". Po naciśnięciu otwiera się okno pierwszego suwaka.

Więc stworzyłeś pusty suwak, który jest domyślną nazwą Nowy suwak. Jeśli trzeba go zmienić, można to zrobić, klikając lewą kartę na górze i wprowadź nową nazwę.

Suwak jest tworzony, teraz musisz dodać slajdy, które można wykonać, naciskając przycisk po prawej stronie Dodaj slajd.. Po dodaniu wszystkich zdjęć okno będzie miała następującą formę:

Przed opublikowaniem suwaka na stronie można przeczytać parametry, które oferuje wtyczki.

Pierwszą rzeczą, którą powinienem powiedzieć, jest usunięcie dowolnego slajdu. Aby to zrobić, będziesz musiał przynieść kursor na obraz slajdu, gdzie pojawi się ikona czerwonej koszyka i kliknij go.

Na stronie Edytora suwaka można również określić jego rozmiar, efekt przełączania, wygląd.

Ponadto jesteś dostępny i dodatkowe ustawienia: Rozciąganie suwaka na całej szerokości, wyrównanie w środku, automatyczne odtwarzanie slajdów, zdjęcia "Smart", pokazując slajdy w odwrotnej kolejności, czas przełączania, czas wyświetlania itp.

Tak więc po dodaniu wszystkich niezbędnych slajdów i ustawień kliknij przycisk. Zapisać. Więc stworzyłeś suwak fotograficzny.

Suwak Wyjście na stronie

Teraz musisz wycofać się na stronie. W tym celu wtyczka oferuje dwie opcje: Pokaż suwak na osobnej stronie lub wstaw specjalny kod do szablonu motywu.

Aby wyświetlić na osobnej stronie, pierwszą rzeczą, którą musisz utworzyć stronę ( Strony\u003e Dodaj nowe), w którym wstawić specjalny skrót, który wtyczka oferuje Ci. Można go zobaczyć w oknie edycji suwaka (w naszym przypadku ).

Po opublikowaniu strony można zobaczyć na nim suwak.

Aby wstawić suwak w temacie witryny (pamiętamy, że używamy tematu Dwadzieścia szesnaście.) Musisz wprowadzić zmiany w plikach tematycznych. Zrobić to, idź Wygląd -\u003e Edytor, Wybierz temat Dwadzieścia szesnaście. i na liście dostępnych plików motywowych znajdź Header.php Header..