Jak dodać slider na stronę internetową

Łatwo i szybko umieść na stronie SLIDER ze zdjęciami i tekstami. Nie musisz instalować wtyczek ani znać się na kodowaniu.

Slider to rodzaj karuzeli, która w danym momencie wyświetla tylko jeden slajd. Slajd przedstawia zdjęcie w tle oraz teksty np. tytuł, paragraf, link. Aby przejść do drugiego slajdu użytkownik może wcisnąć strzałkę. Możliwe jest też ustawienie autoodtwarzania slidera.

Slider czy karuzela zdjęć?

Slider to bardziej zaawansowany komponent – oprócz tła w postaci zdjęcia możesz dodać na nim nagłówki, teksty, przyciski czy linki. Doskonale sprawdza się jako wizualna wizytówka strony głównej, sekcja otwierająca lub baner promocyjny na całą szerokość strony.

Karuzela zdjęć to prostszy wizualnie element – wyświetla jedynie grafiki, bez dodatkowych elementów. Możesz pokazywać kilka zdjęć naraz i automatycznie je przewijać. Zobacz: Jak dodać karuzelę na stronę

Wskazówki dotyczące tworzenia slidera:

• pierwszy slajd zawsze skupia największą uwagę. Tam umieść najważniejsze informacje.
• drugi i kolejne slajdy rzadko są wywoływane przez użytkowników i jeszcze rzadziej klikane jeśli masz na nim linki. Umieść tam mniej ważne treści.
• przy projektowaniu stron poleca się maksymalnie 3 slajdy gdyż liczba i ciężar zdjęć mogą spowolnić stronę. A w Najszybszej dbamy o szybkość stron :)
  

Autoodtwarzanie slidera

Autoodtwarzanie slidera bywa irytujące dla użytkowników i może utrudniać czytanie tekstów jeśli jest ich dużo. Nie polecamy autoodtwarzania ponieważ lepiej gdy użytkownik sam decyduje co ogląda na stronie. Jeśli jednak chcesz zastosować autoodtwarzanie to w ustawieniach slidera wydłuż czas między zmianą slajdów oraz zmniejsz długość tekstów na slajdach aby użytkownik miał szansę je przeczytać i spokojnie obejrzeć zdjęcia.

Przykłady slidera:

slider na stronie internetowej<br>

silder na stronie<br>

Dostępne funkcje w slider:

• Edycja zawartości każdego slajdu indywidualnie
• Zmiana koloru tła każdego slajdu
• Zmiana zdjęcia w każdym slajdzie
• Dodanie lub usuwanie elementów w każdym slajdzie np. tekstu, nagłówka, linku
• Zmiana kolejności, dodawanie i usuwanie slajdów
• Autoodtwarzanie
• Ustawienie szybkości autoodtwarzania
  

Jak dodać slider na stronę?

1. Dodaj nową sekcję do strony - kliknij przycisk "Dodaj sekcję".

2. W bibliotece sekcji znajdź kategorię "Slider". Każdy wzór możesz po dodaniu na stronę dostosować do swoich potrzeb zmieniając jego treści i ustawienia.

3. Po dodaniu sekcji ze sliderem kliknij w niego tuż przy jego krawędzi bocznej. W ustawieniach wybierz:

• wysokość slidera
• opcję autoodtwarzania

Aby obejrzeć następny slajd kliknij strzałkę w lewym górnym rogu.

ustawienia slidera<br>

4. Aby zmienić zawartość pojedynczego slajdu kliknij w slajd (w zdjęcie). Możesz ustawić:

• tło dla widocznych elementów tekstowych np. pasek na środku lub na dole
  
• marginesy boczne dla elementów tekstowych
• wymienić zdjęcie

Pasek tła pod elementami tekstowymi przydaje się do podkreślenia czytelności tekstów na kolorowym zdjęciu. Pasek możesz ustawić w dowolnym kolorze i stopniu przejrzystości. Pasek formatujesz osobno w każdym slajdzie.

ustawienia slajdu<br>

5. Aby dodać elementy tekstowe do slajdu kliknij ikonę plusa na dole slajdu.

dodanie elementu do slajdu

Elementy tekstowe możesz normalnie formatować - wybrać kolor tekstu, czcionkę, rozmiar tekstu, styl linku itp. Nagłówkom możesz nadać priorytety H1-H6.  Elementy tekstowe formatujesz osobno na każdym slajdzie.

6. Aby rozszerzyć slider na całą szerokość ekranu wejdź w ustawienia sekcji i w opcji "Marginesy boczne sekcji" ustaw "0".

Jak dodać nowy slajd do slidera?

Aby dodać nowy slajd masz dwie opcje:

1. Opcja: Duplikacja istniejącego (najprostsze)

Kliknij ikonę duplikacji aby skopiować istniejący slajd. Dzięki temu możesz szybko edytować zawartość nowego zachowując formatowanie poprzedniego. Zmień zdjęcie i teksty.

duplikacja slajdu

2. Opcja: Nowy czysty slajd

Kliknij ikonę plusa na dole slidera aby dodać czysty slajd i móc go zaprojektować od początku.

dodanie nowego slajdu