Elementy

Elementy pomagają skutecznie strukturyzować i prezentować treść. Obejmują zarówno komponenty tekstowe, takie jak tytuły, listy i wyróżnienia tekstu, jak i interaktywne, takie jak przyciski i linki. Można również dodawać elementy wizualne, takie jak obrazy, ikony, filmy i animacje, aby poprawić prezentację i organizację treści.

Aby dodać lub zmodyfikować element strony internetowej:

1. Przejdź do odpowiedniej strony internetowej i kliknij Edytuj.

2. Kliknij sekcję na stronie, w której chcesz dodać lub zmodyfikować element.

3. Wprowadź niezbędne zmiany.

4. Kliknij na Zapisz.

Informacja

Domyślne style nagłówków, przycisków, linków i tekstu akapitowego są na przykład zdefiniowane w karcie Motyw edytora strony internetowej.

Tytuły

Tytuły definiują nagłówki i organizują treść strony internetowej na różne poziomy dla przejrzystości i struktury. Aby wstawić tytuł, wpisz /title, wybierz styl nagłówka (Nagłówek 1, Nagłówek 2 lub Nagłówek 3) i wpisz tekst.

Wskazówka

Alternatywnie wpisz tekst, zaznacz go i wybierz odpowiedni styl z sekcji Tekst wbudowany w karcie Dostosuj edytora strony internetowej. W tej sekcji dostępne są również dodatkowe opcje formatowania, takie jak czcionki i kolory.

Przyciski

Przyciski to elementy interaktywne, które umożliwiają utworzenie linku do innej strony lub do kotwicy strony. Aby wstawić przycisk:

1. Wpisz /button.

2. Wprowadź etykietę przycisku w polu Etykieta linku.

3. Dodaj URL lub e-mail. Wpisz /, aby wyszukać stronę, i #, aby utworzyć link do kotwicy.

4. Ustaw Styl, Rozmiar i Układ, aby zdefiniować wygląd przycisku.

5. W razie potrzeby przełącz przełącznik, aby otworzyć połączoną stronę lub kotwicę w nowej karcie.

6. Kliknij Zastosuj, aby zapisać zmiany.

Wskazówka

Aby zmodyfikować istniejący przycisk, kliknij przycisk i edytuj opcje w sekcji Tekst wbudowany edytora strony internetowej.

Obrazy

Aby wstawić obraz:

1. Wpisz /image.

2. Przeszukaj bazę danych Unsplash lub kliknij Prześlij obraz, aby wybrać plik z lokalnych obrazów.

3. Kliknij Dodaj.

4. Aby dostosować obraz, kliknij na obraz i edytuj opcje w sekcji Obraz edytora strony internetowej. Na przykład:

   • Zamień obraz.

   • Zdefiniuj tag alt w polu Opis.

   • Wprowadź tag tytułu w polu Podpowiedź. Ten tekst pojawi się, gdy odwiedzający najedzie kursorem na obraz.

   • Dodaj Kształt; niektóre kształty pozwalają również na dostosowanie koloru.

   • Dostosuj Szerokość obrazu, np. aby poprawić wydajność. Mniejszy rozmiar może być sugerowany, jeśli jest wystarczający do wyświetlenia.

   • Zmień rozmiar obrazu za pomocą narzędzia Transformuj.

   • Dostosuj Odstęp, aby dodać przestrzeń (w pikselach) wokół obrazu.

   • Itp.

Wideo

Aby dodać wideo, wpisz /video, wstaw URL i włącz żądane opcje:

• Automatyczne odtwarzanie: automatycznie odtwarza wideo po wejściu na stronę. Wideo jest domyślnie automatycznie wyciszone.

• Zapętlenie: odtwarza wideo w pętli.

• Ukryj elementy sterujące odtwarzacza

• Ukryj przycisk pełnego ekranu

• Vertical: to display the video in vertical format (portrait mode).

• Rozpocznij od: aby określić znacznik czasu, od którego wideo powinno się rozpocząć, w formacie MM:SS.

Ikony

Aby wstawić ikonę, wpisz /image, przejdź do zakładki Ikony, wybierz ikonę i kliknij Dodaj. Aby zmodyfikować ikonę, kliknij na nią i użyj sekcji Ikona edytora strony internetowej, aby dostosować opcje, takie jak Kolor, Rozmiar, Animacje, Kształt itp.

Linki

Linki służą do łączenia różnych stron i zasobów, prowadząc odwiedzających i poprawiając nawigację. Aby dodać link, wpisz /link, a następnie w otwartym oknie wprowadź Etykietę linku i dodaj URL lub e-mail. Wpisz /, aby wyszukać stronę, i #, aby połączyć z kotwicą.

Wskazówka

Domyślnie pole Styl jest ustawione na Link. Wybierz inny styl, aby przekształcić link w przycisk.

Listy

Listy pomagają przejrzyście organizować treść, ułatwiając czytanie informacji i poprawiając struktury stron internetowych. Wpisz /list i wybierz spośród trzech różnych typów list: Listy wypunktowane, Listy numerowane lub Listy kontrolne.

Wyróżnienia tekstu

Wyróżnienia można dodawać do tytułów i tekstu za pomocą sekcji Tekst w linii edytora strony internetowej. Aby dodać wyróżnienie:

1. Zaznacz tekst lub tytuł, który chcesz wyróżnić.

2. W edytorze strony internetowej kliknij Wyróżnienie.

3. Wybierz styl podkreślenia.

4. Zmodyfikuj jego kolor.

5. Wybierz jego grubość.

Animacje

Animacje służą do dodania ruchu do bloków konstrukcyjnych i elementów strony internetowej, takich jak obrazy i tekst. Dostępne są trzy typy animacji: przy przewijaniu, przy pojawieniu się i przy najechaniu (tylko dla obrazów).

Aby dodać animację do elementu strony internetowej:

1. Kliknij element.

2. W edytorze strony internetowej przejdź do odpowiedniej sekcji dla elementu (np. przycisk, kolumna, tekst w linii itd.).

3. W polu animacja wybierz żądany typ animacji.

4. Dostosuj ustawienia animacji według potrzeb. Dostępne opcje różnią się w zależności od wybranego typu animacji.

Animacje przy przewijaniu

W przypadku animacji przy przewijaniu możliwe jest:

• Wybierz wejście, aby dodać animację, gdy element pojawi się na ekranie, i wyjście, aby dodać ją, gdy element opuści ekran.

• Wybierz efekt.

• Wybierz kierunek efektu.

• Dostosuj intensywność efektu.

• Zdefiniuj strefę przewijania, gdzie pierwsza wartość reprezentuje procent ekranu widoczny w momencie rozpoczęcia efektu, a druga wartość reprezentuje jego procent na końcu.

Animacje przy pojawieniu się

W przypadku animacji przy pojawieniu się możliwe jest:

• Wybieranie spośród różnych efektów.

• Wybierz kierunek efektu.

• Wybierz opcję Trigger, aby określić, kiedy animacja ma się pojawić: First Time only lub Every Time.

• Dostosuj intensywność efektu.

• Jeśli chcesz, aby animacja została uruchomiona po określonej liczbie sekund, zdefiniuj tę liczbę w polu Start After.

• Wybierz Duration dla animacji.

Animacje po najechaniu (tylko dla obrazów)

Animacje On hover można dodać do obrazów. Możesz wybrać Effect animacji, a także Color i Stroke Width.

Zobacz także

Edytor HTML Odoo