Kierunek tekstu od prawej do lewej – RTL

Zaktualizowano: 16 grudnia, 2021 Autor: Avatar Teresa
share
Spis treści
share
Spis treści

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 landing page'a 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 landing page'u:

Zmień sposób zapisu na RTL na całym landing page’u

Ta metoda pozwoli na zmianę zapisu na RTL na całym landing page'u, również w formularzu.

1. Zaloguj się do platformy Landingi i przejdź do edytora wybranego landing page'a.

2. Przejdź do Ustawień strony i kliknij w przycisk Własny CSS.

 

Podczas edycji do Ustawień strony wrócisz, klikając na strzałkę:

3. Wklej poniższy kod CSS w odpowiednie pole, dodając go do strony głównej (1) lub/i do strony po konwersji (2).

.widget {
	direction: rtl !important;
}

4. Zapisz i zamknij. Następnie opublikuj landing page'a.

Kody CSS nie są aktywne w edytorze. Zmiany będą widoczne dopiero na opublikowanym landing page'u.

RTL dla pojedynczego widgetu

Ta metoda pozwala na zmianę zapisu określonego widgetu Tekst na RTL. 

1. Kliknij w wybrany widget Tekst. Odszukaj zakładkę Inne w toolbarze po prawej stronie i skopiuj ID widgetu.

2. Przejdź do Ustawień strony i kliknij w przycisk Własny CSS.

3. Skopiuj i wklej poniższy kod CSS, dodając go do strony głównej (Dodaj własne style) lub/i do strony po konwersji (Dodaj własne style do strony po konwersji). Zastąp IDelementu skopiowanym numerem ID widgetu. 

#IDelementu {
	direction: rtl !important;
}

4. Zapisz i zamknij. Następnie opublikuj landing page'a.

Kody CSS nie są aktywne w edytorze. Zmiany będą widoczne dopiero na opublikowanym landing page'u.

RTL dla kilku widgetów

Ta metoda pozwala na zmianę zapisu określonych widgetów na RTL za pomocą odpowiedniej klasy dodanej do wybranych widgetów. 

1. Kliknij w wybrany widget, którego zapis chcesz zmienić na RTL. Odszukaj zakładkę Inne w toolbarze po prawej stronie i w polu Klasy wpisz textrtl.

2. Powtórz poprzedni punkt dla wszystkich widgetów, dla których zapis chcesz zmienić na RTL.

3. Przejdź do Ustawień strony i kliknij w przycisk Własny CSS.

4. Skopiuj i wklej poniższy kod CSS, dodając go do strony głównej (Dodaj własne style) lub/i do strony po konwersji (Dodaj własne style do strony po konwersji).

.textrtl {
	direction: rtl !important;
}

5. Zapisz i zamknij. Następnie opublikuj landing page'a.

Kody CSS nie są aktywne w edytorze. Zmiany będą widoczne dopiero na opublikowanym landing page'u.

share

Czy ta instrukcja była pomocna?