Narzędzia do tworzenia stron internetowych w kreatorze stron www WebWave CMS
Pozostałe artykuły
Pozostałe artykuły

W kreatorze stron www WebWave element "slider" umożliwia dodanie na stronie internetowej pokazu slajdów.

 

Dodanie slidera do strony

Ustawienia slidera

Edycja slidera

FAQ

 

 

Dodanie slidera do strony

 

Slider można dodać z paska narzędzi po lewej stronie edytora. Wystarczy kliknąć odpowiedni przycisk lub przeciągnąć go na stronę.

Dodając slider do swojej strony od razu pokaże Ci się biblioteka mediów. Zaznacz w niej te zdjęcia, które chcesz, aby były prezentowane w Twoim pokazie slajdów i zatwierdź swój wybór wciskając guzik "dodaj do slidera" na dole biblioteki.

 

Teraz pokaże się zakładka "Edytuj slider", gdzie możesz zmieniać kolejność prezentacji zdjęć w sliderze, usuwać je, dodać tytuł, opis i link. Gdy skończysz kliknij guzik "Zakończ" na dole. Twój slider zostanie dodany do strony.

 

 

 

Ustawienia slidera

 

Po zaznaczeniu slidera w panelu dolnym możesz ustawić szereg jego ustawień. Są to:

 

 

Typ animacji

Odpowiada za to, jak jedno zdjęcie przechodzi w drugie:

Przesuwanie - Obecnie wyświetlane zdjęcie przesunie się w lewo, a w jego miejsce z prawej wjedzie nowe zdjęcie.

Przyciemnianie - Obecne zdjęcie przestanie być wyświetlane, a nowe zdjęcie stopniowo pojawi się w jego miejscu.

Przejście - Obecne zdjęcie płynnie przejdzie w nowe zdjęcie.

 

 

Dopasowanie

Odpowiada za to, jak zdjęcie dopasowywane jest do ramek slidera:

Skaluj - Zdjęcie dopasowywane jest tak, aby wyświetlane było w całości. Niektóre obszary slidera mogą przez to pozostać puste.

Przytnij - Zdjęcie dopasowane będzie tak, żeby cały obszar slidera był zajęty. Może to oznaczać, że nie całe zdjęcie będzie wyświetlane.

 

 

Czas przejścia

Ile trwa zmiana jednego zdjęcia w drugie (ile czasu trwa animacja). Czas podawany w sekundach.

 

 

Opóźnienie przejścia

Ile czasu wyświetlane jest zdjęcie, zanim zacznie być zmieniane w następne. Czas podawany w sekundach.

 

 

Odtwarzaj automatycznie

Czy jedno zdjęcie ma przechodzić w drugie automatycznie, czy tylko po kliknięciu przez użytkownika.

 

 

Wyświetlane elementy

Po kliknięciu w guzik "Wyświetlane elementy" pojawi nam się nowe okno, w którym możemy ustawić dodatkowe ustawienia slidera:

Tytuł i opis - Czy pokazywać w galerii tytuł i opis zdjęcia.

Miniaturki - Czy pokazywać na sliderze ikonki symbolizujące zdjęcia oraz w którym miejscu.

Strzałki - Czy pokazywać strzałki, którymi można przewijać zdjęcie na następne i poprzednie. Dodatkowo klikając w guzik obok strzałki można z biblioteki mediów wybrać własną ikonę strzałki. Istnieje więc możliwość wstawienia do slidera własnych strzałek, jeśli te domyślne nie są odpowiednie.

Odstęp od krawędzi - Określa odstęp strzałek do zmiany zdjęć od krawędzi galerii.

 

 

 

Edycja slidera

 

Aby edytować slider, otwórz okno "edytuj slider" klikając w ikonę w prawym górnym rogu elementu:

edycja slidera w kreatorze stron www webwave

 

Dodanie zdjęć do slidera

Przejdź do zakładki "Biblioteka mediów", klikając guzik w lewym górnym rogu okna:

 

 

Zaznacz w bibliotece mediów te pliki, które chcesz lub dodaj nowe i kliknij "Dodaj do slidera" na dole okna.

 

Usunięcie zdjęć ze slidera

Aby usunąć zdjęcia ze Slidera, w oknie edycji slidera zaznacz zdjęcie, które chcesz usunąć ze slidera i kliknij w przycisk "Usuń ze slidera".

usuniecie zdjęć ze slidera w kreatorze stron internetowych webwave cms

 

Ustawienie linku na zdjęciu, tytułu i opisu zdjęcia

Aby zmienić link, do którego przejdzie się po kliknięciu w zdjęcie w sliderze, zaznacz slider. Następnie w menu dolnym w boxie Link wybierz, dokąd ma prowadzić odnośnik. Aby dodać link do kolejnego zdjęcia, kliknij na sliderze strzałkę, aby przejść do następnego zdjęcia w sliderze i tam dodaj odpowiedni link.

 

 

FAQ

 

Jak w tle strony pokazać pokaz slajdów?

Aby w tle strony pokazać pokaz slajdów, należy dodać na stronie nowy slider. Następnie na liście warstw trzeba umieścić go odpowiednio nisko, aby inne elementy go przysłaniały:

 

Następnie trzeba ustawić szerokość slidera na 100%, dociągając obydwa jego boki do brzegów ekranu lub zaznaczając opcję "szerokość 100%" w panelu dolnym.

Teraz pozostaje jeszcze tylko ustawić odpowiednio wysokość naszego pokazu slajdów i gotowe.

 

Dodawanie tytułu i opisu do zdjęcia

1) Dodaj na swojej stronie nowy lub zaznacz już istniejący slider

 

2) W panelu dolnym kliknij przycisk "Wyświetlane elementy". Pojawi się dodatkowe okno ustawień slidera

 

3) Zaznacz, aby slider wyświetlał Tytuł i opis

 

4) Kliknij dwukrotnie w tekst na zdjęciu, lub kliknij w ikonę edytuj tytuł obrazu:

 

5) Niebieską ramką edycji zaznaczony zostanie tekst na zdjęciu. Możesz tutaj wpisać dowolną treść - masz do swojej dyspozycji cały panel edycji tekstu zupełnie jak w elemencie tekstowym.

 

 

6) W panelu dolnym możesz zmienić położenie tekstu na zdjęciu, kolor tła tekstu, przeźroczystość tła lub przeźroczystość całego elementu i wiele innych ustawień

 

 

7) Gdy oznaczysz tekst do edycji możesz zmienić również animację, z jaką pokazuje się on na ekranie. Slider może więc mieć dwa różne rodzaje włączonych animacji - animacja przewijania zdjęcia oraz animacja pokazywania tekstu. Aby zmienić animację, z jaką tekst pokazuje się na obrazku zaznacz ten tekst do edycji i ustaw odpowiedni rodzaj animacji w panelu dolnym

 

 

8) Aby zmienić obrazek, który chcesz edytować kliknij po prostu w strzałkę w sliderze i wyświetl inne zdjęcie:

Slider - pokaz slajdów

Więcej o:

Narzędzia do tworzenia stron www

KONTAKT

 

contact@webwavecms.com

 

+48 731 395 898

Ta strona została stworzona w WebWave CMS

Jak zrobić stronę internetową w kreatorze WebWave CMS - poradnik

PRODUKT

FIRMA

POMOC

KONTAKT

 

contact@webwavecms.com

 

+48 731 395 898

Ta strona wykorzystuje ciasteczka. Dowiedz się więcej.

kreatora stron www webwave logo
Powrót do spisu treści o kreatorze stron www WebWave CMS
  Spis treści
  Spis treści
Podstawy WebWave
Podstawy WebWave
Narzędzia WebWave
Narzędzia WebWave
Pozycjonowanie i SEO
Pozycjonowanie i SEO
Artykuły
Artykuły
Zarządzanie treścią - CMS
Zarządzanie treścią - CMS
Tutoriale Video
Tutoriale Video
Zaawansowane triki
Zaawansowane triki
Wersja mobilna strony
Wersja mobilna strony
Marketing internetowy
Marketing internetowy
Konto Agency
Konto Agency
RWD
RWD
Domena i email
Domena i email
Administracja
Administracja
Dodaj kod do strony www
Dodaj kod do strony www
  Spis treści
  Spis treści
WebWave CMS - logo
Zarejestruj
Zarejestruj
Zaloguj
Zaloguj