Kierunek tekstu od prawej do lewej – RTL

Last updated: 2 lipca, 2020 Written by: Avatar Teresa
share
Table of contents
share
Table of contents

Na landing page’u domyślnie tekst jest wyświetlany od lewej do prawej (LTR). Dotyczy to zarówno tekstu utworzonego za pomocą widgetu tekst, jak i danych użytkownika wprowadzonych do formularza (input). Możesz zmienić kierunek tekstu na RTL – od prawej do lewej, dodając do landinga kod CSS.

Ta opcja jest przydatna, kiedy chcesz tworzyć treści w językach zapisywanych od prawej do lewej, jak np. hebrajski czy arabski.

Poniżej przykład wdrożenia RTL na landingu:

RTL_PL3

W tym artykule znajdziesz:

I. Jak zmienić sposób zapisu na RTL na całym landing page’u?

II. Jak zmienić sposób zapisu pojedynczego widgetu na landingu?

III. Jak zmienić sposób zapisu na RTL kilku wybranych widgetów na landingu?

I. Jak zmienić sposób zapisu na RTL na całym landing page’u?

Ta metoda pozwoli na zmianę zapisu na RTL na całym landingu, również dla formularza.

1. Zaloguj się do platformy Landingi i wejdź w edycję wybranego landinga.
2. W panelu bocznym po prawej znajdź Ustawienia strony i kliknij w przycisk Dodatkowe opcje.

RTL_PL1

3. Przejdź do zakładki Własne style.

4. Skopiuj i wklej poniższy kod CSS, dodając go do strony głównej (A) lub/i do strony po konwersji (B):

RTL_PL2
.widget { direction: rtl !important; } 

5. Zapisz zmiany i opublikuj ponownie landinga.

II. Jak zmienić sposób zapisu na RTL pojedynczego widgetu na landingu?

Ta metoda pozwala na zmianę zapisu określonego widgetu tekst na RTL. Może być przydatna, jeśli na landingu posiadasz treści w kilku językach.

1. Zaloguj się do platformy Landingi i wejdź w edycję wybranego landinga.
2. Zaznacz wybrany widget (1) i skopiuj jego ID (2).

RTL_PL4

3. Następnie, w panelu bocznym znajdź Ustawienia strony i kliknij w przycisk Dodatkowe opcje.
4. Przejdź do zakładki Własne style.
5. Skopiuj i wklej poniższy kod CSS, dodając go do strony głównej lub/i do strony po konwersji. Zastąp #IDelementu swoim ID skopiowanym z edytora.

#IDelementu {   direction: rtl !important; } 

5. Zapisz zmiany i opublikuj ponownie landinga.

III. Jak zmienić sposób zapisu na RTL kilku wybranych widgetów na landingu?

Ta metoda pozwala na zmianę zapisu określonych widgetów na RTL za pomocą odpowiedniej klasy, dodanej do wybranych widgetów. Może być przydatna, jeśli na landingu posiadasz treści w kilku językach.

1. Zaloguj się do platformy Landingi i wejdź w edycję wybranego landinga.
2. Zaznacz wybrany widget, którego zapis chcesz zmienić na RTL i przypisz mu odpowiednią klasę, np. “textrtl”.

RTL_PL5

3. Powtórz poprzedni punkt dla wszystkich widgetów, dla których zapis chcesz zmienić na RTL.
4. W panelu bocznym znajdź Ustawienia strony i kliknij w przycisk Dodatkowe opcje.
5. Przejdź do zakładki Własne style.
6. Skopiuj i wklej poniższy kod CSS, dodając go do strony głównej lub/i do strony po konwersji. Fragment “textrtl” zastąp nazwą własnej klasy.

.textrtl { direction: rtl !important; } 

7. Zapisz zmiany i opublikuj ponownie landinga.

share

Was this manual helpful?