Jak dodać slider na stronę internetową

Łatwo i szybko umieść na stronie internetowej 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ę.
  

Autoodtwarzanie slidera

Autoodtwarzanie slidera bywa irytujące dla użytkowników i utrudnia czytanie tekstów. Nie polecamy autoodtwarzania ponieważ lepiej gdy użytkownik sam decyduje co ogląda na stronie. Jeśli jednak chcesz zastosować autoodtwarzanie to wydłuż czas między zmianą slajdów i zmniejsz długość tekstów na slajdach.

Przykłady sliderów:

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.

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 przydaje się do podkreślenia czytelności tekstów na kolorowym zdjęciu.

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