Jak dodać slider (slajder) 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 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.

Przy tworzeniu slidera weź pod uwagę, że:

• 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 slajderów:

slider na stronie internetowej<br>

silder na stronie<br>

Funkcje slidera

• 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
• 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 katalogu sekcji znajdź kategorię "Karuzela". Wybierz wzór ze zdjęciem i tekstami. (Wzory bez tekstów to zwykłe karuzele zdjęć). Każdy wzór możesz po dodaniu na stronę dostosować do swoich potrzeb zmieniając jego ustawienia.

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

• wysokość slidera
• opcję autoodtwarzania

Aby obejrzeć następny slajd kliknij strzałkę. Aby dodać nowy slajd kliknij ikonę plusa na dole slidera.

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.

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