Przejdź do głównej treści

Samouczek Divi: Jak korzystać z modułu Stoliki Rate

Divi: najłatwiejszy w użyciu motyw WordPress

Divi: najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 600.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62. [Zalecana]

Tworzenie tabel cen dla swoich produktów online jest łatwiejsze niż kiedykolwiek. Utwórz dowolną liczbę tabel i kontroluj ceny oraz funkcje każdej z nich za pomocą modułu Tabele stawek w swoim motywie WordPress Divi. Możesz nawet zasugerować konkretny plan zwiększenia konwersji. Nawet jeśli moduł zawiera kilka tabel cen, będzie traktowany jako pojedynczy moduł i można go umieścić pod dowolnym rozmiarem kolumny.

Jak dodać moduł tabeli stawek do swojej strony

Zanim dodasz moduł wykresu cen do swojej strony, musisz najpierw przejść do Divi Builder. Po zainstalowaniu motywu Divi w witrynie zauważysz przycisk Użyj Divi Builder nad wydawcą za każdym razem, gdy tworzysz nową stronę. Kliknij ten przycisk, aby aktywować Divi Builder i uzyskać dostęp do wszystkich modułów Divi Builder. Następnie kliknij przycisk Użyj Visual Builder aby uruchomić generator w trybie wizualnym. Możesz również kliknąć przycisk Użyj Visual Builder kiedy przeglądasz swoją witrynę na pierwszym planie, jeśli jesteś podłączony do pulpitu WordPress.

Tabele cen modułów

Po wprowadzeniu programu Visual Builder można kliknąć szary przycisk plus, aby dodać nowy moduł do strony. Nowe moduły można dodawać tylko w rzędach. Jeśli zaczynasz nową stronę, nie zapomnij najpierw dodać linii do swojej strony.

divi wordpress price chart.png

Zlokalizuj moduł cennika na liście modułów i kliknij go, aby dodać go do swojej strony. Lista modułów jest przeszukiwalna, co oznacza, że ​​można również wpisać słowo "karty stawek", a następnie kliknąć "enter", aby wyszukać i automatycznie dodać moduł cennika! Po dodaniu modułu zostaniesz przywitany przez listę opcji modułu. Te opcje są podzielone na trzy główne grupy: Treść , Koncepcja et zaawansowany .

Przypadek użycia: dodaj tabelę cen dla strony produktu

Gdy promujesz swoje produkty na stronie docelowej, wykresy cenowe mogą skutecznie prezentować różne opcje cenowe.

W tym przykładzie dodam moduł wykresu cen, aby wyświetlić trzy plany cenowe (lub tabele) z jednym z tych planów, który wyróżnia się jako polecany plan zwiększania liczby konwersji.

Tabela cen WordPress divi.jpg

Najpierw dodaj nową regularną sekcję do strony, na której powinny być wyświetlane tabele cen. Dodaj wiersz o pełnej szerokości (kolumna 1) do sekcji i wstaw moduł Cennik do wiersza.

cena linii tabeli divi.png

W ustawieniach tabeli cenowej kliknij kartę Treść + Dodaj nowy element aby dodać swój pierwszy stół.

nowa kolumna price chart.png

Zaktualizuj parametry tabeli cenowej w następujący sposób:

Opcje zawartości

Tytuł: Waluta osobista: $ Wg: Rok Cena: 69 Tekst przycisku: Treść wpisu:
Dostęp do wszystkich tematów Perpetual aktualizacje tematów Premium wsparcie techniczne - Dostęp do wszystkich wtyczek - Pliki na stronie Photoshop - Brak opłat rocznych
Adres URL przycisku: [wprowadź URL przycisku] Tło: #ffffff

Opcje projektowania

Kolor tekstu ceny: # 3e51b5 Użyj niestandardowych stylów dla przycisku: YES Kolor tekstu przycisku: #ffffff Kolor przycisku: #3e51b5 Szerokość przycisku: 0px

Zapisz ustawienia

divi wordpress price chart przykład.png

Teraz zduplikuj utworzoną właśnie tabelę cen, aby mieć w sumie trzy tabele cen.

tworzenie kilku przykładów tableau.jpg

W przypadku tabeli cen średnich zaktualizuj następujące opcje:

Karta Zawartość

Title: Cena dla programistów: 89 Treść: Dostęp do wszystkich tematów Perpetual Theme Updates Premium Technical Support Dostęp do wszystkich warstwowych plików Photoshop - bez opłat rocznych URL przycisku: [enter button URL]

Karta Projekt

Kolor tekstu: #0091ca Kolor przycisku: #0091ca

W przypadku trzeciej tabeli cenowej zaktualizuj ustawienia w następujący sposób:

Karta Zawartość

Tytuł: Dla życia Cena: Tekst przycisku 249: Treść rejestracji: Dostęp do wszystkich tematów Perpetual Theme Updates Pomoc techniczna Premium Dostęp do wszystkich wtyczek Pliki warstwowe programu Photoshop Brak opłat rocznych Przycisk Adres URL: [wpisz adres URL przycisku]

Zapisz ustawienia

Teraz wróć do ustawień tabeli cen i zaktualizuj:

Opcje zawartości

Wybrany kolor tła tabeli: # 0091ca

Opcje projektowania

Kolor piłki: # 3e51b5 Wybrany kolor stołu: #0091ca

wynik tabeli cenowej divi.jpg

Zapisz ustawienia

Teraz wróć i edytuj ustawienia sekcji, aby nadać sekcji kolor tła #3e51b5.

To wszystko. Teraz masz tabelę cenową z trzema opcjami, przy czym środkowa opcja jest ustawiona jako wyróżniony element, który wyróżnia się na tle pozostałych.

opcja tabeli cenowej divi.jpg

Opcje treści dla tabel cenowych

Na karcie treści znajdziesz wszystkie elementy treści modułu, takie jak tekst, obrazy i ikony. Wszystko, co kontroluje co pojawia się w twoim module zawsze znajdzie się na tej karcie.

projekt tabeli cenowej option.png

+ Dodaj nowy artykuł

Tutaj dodajesz nowe tabele cenowe do swojego modułu. Kliknięcie "+ dodaj nowy element" spowoduje otwarcie zupełnie nowej listy opcji projektowych charakterystycznych dla tej tabeli cen. Poniżej znajdują się poszczególne parametry tabeli cen.

Po dodaniu pierwszej karty pojawi się szary pasek z tytułem wykresu cenowego w postaci etykiety. Szary pasek ma również trzy przyciski, które umożliwiają edycję, duplikowanie lub usuwanie tabeli.

Pokaż Bullet

Domyślnie pozycje w tabelach cenowych są wyświetlane jako listy punktowane. Jeśli chcesz usunąć punktory z listy elementów, możesz wyłączyć tę opcję.

Kolor tła polecanego stołu

Każdą tabelę cen można "przedstawić". Przedstawione obrazy są wyróżnione w rzędzie, co odróżnia je od innych opcji. Korzystając z tego ustawienia, możesz zmienić kolor tła tylko dla polecanych tabel.

Kolor tła nagłówka tabeli

Powyżej każdej tabeli cen znajduje się obszar nagłówka, który zawiera tytuł i podtytuł twojej tabeli. Możesz kontrolować kolor tła tego obszaru, niezależnie od koloru tła głównego stołu, wybierając żądany kolor w selektorze kolorów.

Wyróżniony nagłówek tabeli

Każda tabela cenowa może być "opisana". Przedstawione obrazy są wyróżnione w rzędzie, co odróżnia je od innych opcji. Za pomocą tego ustawienia można zmienić kolor tła nagłówka tylko dla wybranych tabel.

Kolor tła

Domyślnie tabele cen mają biały kolor tła. Jeśli chcesz użyć innego koloru dla tła wykresu cenowego, możesz tutaj ustawić własny kolor za pomocą próbnika kolorów.

Etykieta administratora

Spowoduje to zmianę etykiety modułu w konstruktorze w celu ułatwienia identyfikacji. Podczas korzystania z widoku WireFrame w programie Visual Builder etykiety te pojawiają się w bloku modułów interfejsu Divi Builder.

Opcje projektowania tabel cenowych

Na karcie Projektowanie znajdują się wszystkie opcje stylu modułu, takie jak czcionki, kolory, rozmiary i odstępy. To jest karta, której użyjesz, aby zmienić wygląd swojego modułu. Każdy moduł Divi ma długą listę parametrów projektowych, których można użyć do zmiany czegokolwiek.

array design option.png

wyrównanie

Domyślnie listy funkcji są wyrównane do lewej w tabeli cen. Jeśli chcesz je wyrównać, możesz włączyć tę opcję.

Usuń cień z polecanej tabeli

Domyślnie tabele cen mają subtelny cień za każdym stołem. Jeśli chcesz usunąć ten cień, możesz włączyć tę opcję.

Artykuły z listy w centrum

Tutaj możesz wybrać wyśrodkowanie elementów wymienionych w tabeli.

Kolor piłki

Domyślnie punktory na liście tabel cenowych dziedziczą kolor akcentowania kompozycji. Jeśli chcesz użyć innego koloru, możesz ustawić go tutaj, korzystając z próbnika kolorów.

Kolor polecanego stołu

Jeśli chcesz użyć innego koloru dla punktorów na wykresach cen, możesz ustawić ten kolor tutaj, używając próbnika kolorów.

Kolor tekstu wyróżnionego nagłówka tabeli

Ta opcja kontroluje kolor tekstu w nagłówku tabeli. Jeśli zmienisz kolor tła nagłówka tabeli, możesz również zmienić tę opcję, aby zapewnić czytelność.

Policja na czele

Możesz zmienić czcionkę tekstu nagłówka, wybierając żądaną czcionkę z rozwijanego menu. Divi zawiera dziesiątki dużych czcionek z czcionkami Google. Domyślnie Divi używa czcionki Open Sans dla całego tekstu na twojej stronie. Możesz również dostosować styl tekstu, używając pogrubienia, kursywy, wielkich i małych podkreśleń.

Rozmiar czcionki nagłówka

Tutaj możesz zmienić rozmiar tekstu w nagłówku. Możesz przeciągnąć suwak zasięgu, aby zwiększyć lub zmniejszyć rozmiar tekstu lub wpisać wartość żądanego rozmiaru tekstu bezpośrednio do pola wprowadzania po prawej stronie suwaka. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Łatwo stwórz swoją stronę internetową z Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestańcie słono płacić za to, co możecie zrobić sami. [Bezpłatny]

Kolor tekstu nagłówka

Domyślnie wszystkie kolory tekstu w Divi są wyświetlane w kolorze białym lub ciemnoszarym. Jeśli chcesz zmienić kolor tekstu nagłówka, wybierz żądany kolor z próbnika kolorów za pomocą tej opcji.

Rozstaw nagłówków

Odstępy liter wpływają na przestrzeń między każdą literą. Jeśli chcesz zwiększyć odstęp między literami w tekście nagłówka, użyj suwaka zasięgu, aby dostosować spację lub wprowadź żądany rozmiar odstępu w polu wprowadzania po prawej stronie suwaka. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Wysokość linii nagłówka

Wysokość linii wpływa na przestrzeń między wierszami tekstu nagłówka Jeśli chcesz zwiększyć odstęp między wierszami, użyj suwaka zasięgu, aby dostosować odstęp lub wprowadź żądany rozmiar odstępu w linii. pole wprowadzania po prawej stronie kursora. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Kolor tekstu polecanego stołu

Spowoduje to zmianę koloru tekstu głównego dla polecanego obrazu. Zmiana koloru tła tabeli może wymagać zmiany tej opcji, aby zapewnić czytelność.

Czcionka ciała

Możesz zmienić czcionkę swojego ciała, wybierając żądaną czcionkę z rozwijanego menu. Divi zawiera dziesiątki dużych czcionek z czcionkami Google. Domyślnie Divi używa czcionki Open Sans dla całego tekstu na twojej stronie. Możesz także dostosować styl tekstu za pomocą pogrubienia, kursywy, wielkich i podkreślonych opcji.

Rozmiar czcionki ciała

Tutaj możesz dostosować rozmiar tekstu swojego ciała. Możesz przeciągnąć suwak zasięgu, aby zwiększyć lub zmniejszyć rozmiar tekstu lub wpisać wartość żądanego rozmiaru tekstu bezpośrednio do pola wprowadzania po prawej stronie suwaka. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Kolor tekstu w kolorze

Domyślnie wszystkie kolory tekstu w Divi są wyświetlane w kolorze białym lub ciemnoszarym. Jeśli chcesz zmienić kolor tekstu, wybierz żądany kolor z próbnika kolorów za pomocą tej opcji.

Rozstawianie liter ciała

Odstępy liter wpływają na przestrzeń między każdą literą. Jeśli chcesz zwiększyć odstęp między literami w tekście, użyj suwaka zasięgu, aby dostosować spację lub wprowadź żądany rozmiar odstępu w polu wprowadzania po prawej stronie suwaka. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Wysokość linii ciała

Wysokość linii wpływa na przestrzeń między wierszami w twoim ciele Jeśli chcesz zwiększyć odstęp między liniami, użyj suwaka zasięgu, aby dostosować spację lub wprowadź żądaną wielkość w polu wprowadzania znajduje się po prawej stronie kursora. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Kolor tekstu podtytułu tabeli

Zmienia to kolor tekstu napisów dla polecanego obrazu. Zmiana koloru tła tabeli może wymagać zmiany tej opcji, aby zapewnić czytelność.

Czcionka napisów

Możesz zmienić czcionkę tekstu napisów, wybierając żądaną czcionkę z rozwijanego menu. Divi zawiera dziesiątki dużych czcionek z czcionkami Google. Domyślnie Divi używa czcionki Open Sans dla całego tekstu na twojej stronie. Możesz również dostosować styl tekstu, używając pogrubienia, kursywy, wielkich i małych podkreśleń.

Rozmiar czcionki napisów lub podtytułów

Tutaj możesz dostosować rozmiar tekstu pod-nagłówka. Możesz przeciągnąć suwak zasięgu, aby zwiększyć lub zmniejszyć rozmiar tekstu lub wpisać wartość żądanego rozmiaru tekstu bezpośrednio do pola wprowadzania po prawej stronie suwaka. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Kolor tekstu pod-nagłówka

Domyślnie wszystkie kolory tekstu Divi są wyświetlane jako białe lub ciemnoszare. Jeśli chcesz zmienić kolor tekstu napisów, wybierz żądany kolor z próbnika kolorów za pomocą tej opcji.

Odstępy liter podrzędnych

Odstępy liter wpływają na przestrzeń między każdą literą. Jeśli chcesz zwiększyć odstęp między literami w tekście napisów, użyj suwaka zasięgu, aby dostosować spację lub wprowadź żądany rozmiar odstępu w polu wprowadzania po prawej stronie suwaka. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Wysokość linii pod nagłówka

Wysokość linii wpływa na przestrzeń między wierszami tekstu napisów. Jeśli chcesz zwiększyć odstęp między liniami, użyj suwaka zasięgu, aby dostosować spację lub wprowadź żądany rozmiar odstępu w polu wprowadzania po prawej stronie suwaka. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Waluta Waluta i częstotliwość

Możesz zmienić czcionkę tekstu waluty i częstotliwości, wybierając żądaną czcionkę z menu rozwijanego. Divi zawiera dziesiątki dużych czcionek z czcionkami Google. Domyślnie Divi używa czcionki Open Sans dla całego tekstu na twojej stronie. Możesz także dostosować styl tekstu za pomocą pogrubienia, kursywy, wielkich i podkreślonych opcji.

Rozmiar i częstotliwość czcionki w walucie

Tutaj możesz dostosować rozmiar swojej waluty i tekst częstotliwości. Możesz przeciągnąć suwak zasięgu, aby zwiększyć lub zmniejszyć rozmiar tekstu lub wpisać wartość żądanego rozmiaru tekstu bezpośrednio do pola wprowadzania po prawej stronie suwaka. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Kolor i częstotliwość tekstu waluty

Domyślnie wszystkie kolory tekstu Divi są wyświetlane jako białe lub ciemnoszare. Jeśli chcesz zmienić kolor tekstu waluty i częstotliwości, wybierz odpowiedni kolor z próbnika kolorów za pomocą tej opcji.

Rozstawianie liter i walut

Odstępy liter wpływają na przestrzeń między każdą literą. Jeśli chcesz zwiększyć przestrzeń między każdą literą w swojej walucie a tekstem częstotliwości, użyj suwaka zasięgu, aby dostosować spację lub wprowadź żądany rozmiar odstępu w polu wprowadzania po prawej stronie suwaka. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Linia waluty częstotliwości

Wysokość linii wpływa na przestrzeń między każdą linią waluty a tekstem częstotliwości Jeśli chcesz zwiększyć odstęp między liniami, użyj suwaka zakresu, aby dostosować spację lub wprowadź żądany rozmiar odstępu w polu wejście po prawej stronie kursora. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Wyróżniona cena koloru

Zmienia to kolor cen dla polecanego obrazu. Zmiana koloru tła tabeli może wymagać zmiany tej opcji, aby zapewnić czytelność.

Price Police

Możesz zmienić czcionkę tekstu ceny, wybierając żądaną czcionkę z menu rozwijanego. Divi zawiera dziesiątki dużych czcionek z czcionkami Google. Domyślnie Divi używa czcionki Open Sans dla całego tekstu na twojej stronie. Możesz również dostosować styl tekstu, używając pogrubienia, kursywy, wielkich i małych podkreśleń.

Rozmiar czcionki ceny

Tutaj możesz dostosować rozmiar tekstu ceny. Możesz przeciągnąć suwak zasięgu, aby zwiększyć lub zmniejszyć rozmiar tekstu lub wpisać wartość żądanego rozmiaru tekstu bezpośrednio do pola wprowadzania po prawej stronie suwaka. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Kolor tekstu ceny

Domyślnie wszystkie kolory tekstu Divi są wyświetlane jako białe lub ciemnoszare. Jeśli chcesz zmienić kolor tekstu ceny, wybierz żądany kolor z próbnika kolorów za pomocą tej opcji.

Rozstawianie listów cenowych

Odstępy liter wpływają na przestrzeń między każdą literą. Jeśli chcesz zwiększyć odstęp między literami w tekście cenowym, użyj suwaka zasięgu, aby dostosować spację lub wprowadź żądany rozmiar odstępu w polu wprowadzania po prawej stronie suwaka. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Wysokość linii cenowej

Wysokość linii wpływa na przestrzeń między wierszami tekstu ceny Jeśli chcesz zwiększyć odstęp między liniami, użyj suwaka zakresu, aby dostosować spację lub wprowadź żądany rozmiar odstępu w polu wprowadzania znajduje się po prawej stronie kursora. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Użyj granicy

Włączenie tej opcji spowoduje umieszczenie granicy wokół twojego modułu. Granicę tę można dostosować za pomocą następujących parametrów warunkowych.

Kolor obramowania

Ta opcja wpływa na kolor twojej granicy. Wybierz niestandardowy kolor w selektorze kolorów, aby zastosować go do obramowania.

Szerokość granicy

Domyślnie granice mają szerokość piksela 1. Możesz zwiększyć tę wartość, przeciągając suwak zasięgu lub wprowadzając wartość niestandardową w polu wprowadzania po prawej stronie suwaka. Niestandardowe jednostki miary obsługiwane, co oznacza, że ​​możesz zmienić domyślną jednostkę "px" na inną, np. Em, vh, vw itp.

Styl graniczny

Granice obsługują osiem różnych stylów: pełny, kropkowany, podwójny, groove, szczyt, klucz i początek. Wybierz żądany styl z menu rozwijanego, aby zastosować go do obramowania.

Użyj niestandardowych stylów dla przycisku

Włączenie tej opcji ujawnia różne ustawienia dostosowywania dla przycisków, których możesz użyć do zmiany wyglądu przycisku w module.

Rozmiar tekstu przycisku

Parametr ten może być używany, aby zwiększyć lub zmniejszyć rozmiar tekstu w przycisku. Przycisk zmienia się wraz ze wzrostem i zmniejszeniem rozmiaru tekstu.

Kolor tekstu przycisku

Domyślnie przyciski przyjmują kolor akcentu kompozycji zgodnie z definicją w dostosowywaniu kompozycji. Ta opcja umożliwia przypisanie niestandardowego koloru tekstu do przycisku w tym module. Wybierz własny kolor za pomocą próbnika kolorów, aby zmienić kolor przycisku.

Kolor tła przycisku

Domyślnie przyciski mają przezroczysty kolor tła. Można to zmienić, wybierając żądany kolor tła w selektorze kolorów.

Szerokość granicy przycisków

Wszystkie przyciski posiadają obramowanie Divi 2px domyślnie. Ta granica może zostać zwiększona lub zmniejszona za pomocą tego parametru. Granice można usunąć, wprowadzając wartość 0.

Kolor obramowania przycisku

Domyślnie krawędzie przycisków zmieniają się na kolor akcentujący motyw zdefiniowany w dostosowywaniu kompozycji. Ta opcja umożliwia przypisanie niestandardowego koloru obramowania do przycisku w tym module. Wybierz własny kolor, używając selektora kolorów, aby zmienić kolor obramowania przycisku.

Promień obramowania przycisku

Promień obramowania wpływa na okrągłość narożników przycisków. Domyślnie przyciski w Divi mają mały promień obramowania, który zaokrągla rogi pikseli 3. Możesz zmniejszyć tę wartość do 0, aby utworzyć kwadratowy przycisk lub znacznie go zwiększyć, aby utworzyć przyciski z okrągłymi krawędziami.

Rozstawianie liter przycisku

Odstępy liter wpływają na przestrzeń między każdą literą. Jeśli chcesz zwiększyć odstęp między literami w tekście przycisku, użyj suwaka zasięgu, aby dostosować spację lub wprowadź żądany rozmiar odstępu w polu wprowadzania po prawej stronie suwaka. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Policja Boutton

Możesz zmienić czcionkę tekstu przycisku, wybierając żądaną czcionkę z rozwijanego menu. Divi zawiera dziesiątki dużych czcionek z czcionkami Google. Domyślnie Divi używa czcionki Open Sans dla całego tekstu na twojej stronie. Możesz również dostosować styl tekstu, używając pogrubienia, kursywy, wielkich i małych podkreśleń.

Dodaj ikonę przycisku

Wyłączone, to ustawienie usunie ikony z przycisku. Domyślnie wszystkie przyciski Divi wyświetlają ikonę strzałki.

Ikona przycisku

Jeśli ikony są włączone, możesz użyć tego ustawienia, aby wybrać ikonę do użycia w swoim przycisku. Divi ma różne ikony do wyboru.

Kolor ikony przycisku

Ustawienie tego ustawienia zmieni kolor ikony wyświetlanej na przycisku. Domyślnie kolor ikony jest taki sam jak kolor tekstu przycisków, ale to ustawienie umożliwia niezależną regulację koloru.

Umieszczanie ikony przycisku

Możesz wyświetlić ikonę przycisku po lewej lub prawej stronie przycisku.

Pokaż tylko ikonę, gdy przycisk przewraca się

Domyślnie ikony przycisków są wyświetlane tylko podczas przewracania. Jeśli chcesz, aby ikona była zawsze wyświetlana, wyłącz to ustawienie.

Kolor tekstu przy przelocie na przycisku

Gdy przycisk jest unosił się nad użytkownika, zostanie użyty ten kolor. Kolor zmieni się z podstawowego koloru zdefiniowanego w poprzednich ustawieniach.

Najedź na kolor tła przycisku

Gdy przycisk jest unosił się nad użytkownika, zostanie użyty ten kolor. Kolor zmieni się z podstawowego koloru zdefiniowanego w poprzednich ustawieniach.

Szukasz najlepszych motywów i wtyczek WordPress?

Pobierz najlepsze wtyczki i motywy WordPress z Envato i łatwo stwórz swoją stronę internetową. Już ponad 49.720.000 XNUMX XNUMX pobrań. [EXCLUSIVE]

Przycisk Obramowania Koloru

Gdy przycisk jest unosił się nad użytkownika, zostanie użyty ten kolor. Kolor zmieni się z podstawowego koloru zdefiniowanego w poprzednich ustawieniach.

Przesuń kursor na obramowanie

Gdy przycisk jest unosił się nad użytkownika, zostanie wykorzystana ta wartość. Wartość zmieni się z wartości bazowej zdefiniowanej w poprzednich parametrach.

Przycisk odstępu między nutami

Gdy przycisk jest unosił się nad użytkownika, zostanie wykorzystana ta wartość. Wartość zmieni się z wartości bazowej zdefiniowanej w poprzednich parametrach.

Zaawansowane opcje kart płatniczych

Na karcie Zaawansowane znajdziesz opcje, które bardziej doświadczeni projektanci stron internetowych mogą okazać się przydatni, takie jak niestandardowe atrybuty CSS i HTML. Tutaj możesz zastosować niestandardowy CSS do jednego z wielu elementów modułu. Do modułu można również zastosować niestandardowe klasy i identyfikatory CSS, które można wykorzystać do dostosowania modułu w pliku style.css kompozycji podrzędnej.

opcje zaawansowane divi price chart.png

Identyfikator CSS

Wprowadź opcjonalny identyfikator CSS, który będzie używany dla tego modułu. Identyfikatora można użyć do utworzenia niestandardowego stylu CSS lub do utworzenia linków do poszczególnych sekcji strony.

Klasa CSS

Wprowadź opcjonalne klasy CSS, które będą używane dla tego modułu. Do utworzenia niestandardowego stylu CSS można użyć klasy CSS. Możesz dodać wiele klas oddzielonych spacją. Te klasy mogą być używane w Twoim dziecięcym motywie Divi lub niestandardowym arkuszu stylów CSS dodawanym do strony lub witryny internetowej przy użyciu opcji motywu Divi lub ustawień strony Divi Builder.

Niestandardowy CSS

Niestandardowy CSS można również zastosować do modułu i jednego z wewnętrznych elementów modułu. W sekcji Custom CSS znajdziesz pole tekstowe, w którym możesz dodać niestandardowe arkusze stylów CSS bezpośrednio do każdego elementu. Pozycje CSS w tych parametrach są już zapakowane w znaczniki stylu. Po prostu wprowadź reguły CSS oddzielone średnikami.

widoczność

Ta opcja pozwala kontrolować urządzenia, na których pojawia się twój moduł. Możesz wyłączyć moduł na tabletach, smartfonach lub pulpitach indywidualnie. Jest to przydatne, jeśli chcesz korzystać z różnych modułów na różnych urządzeniach lub jeśli chcesz uprościć projektowanie mobilne, eliminując pewne elementy strony.

Opcje zawartości poszczególnych tabel cenowych

indywidualna sekcja price table.png

Tytuł

Tytuł, który tutaj wstawisz, zostanie użyty dla tej (Premium) opcji wyceny.

podtytuł

Podtytuł, który tutaj wstawisz, pojawi się pod Twoim tytułem.

Waluta

Tutaj wprowadź symbol żądanej waluty.

przez

Jeśli ceny są oparte na subskrypcji, wprowadź tutaj cykl subskrypcji (na przykład rok).

Cena

Tutaj wprowadź wartość produktu.

Tekst przycisku

Tutaj wpisz tekst przycisku.

Treść

W tym polu możesz wpisać listę funkcji, które pochodzą lub nie pochodzą z Twojego produktu. Oddziel każdy element listy na nowy wiersz i rozpocznij każdy wiersz za pomocą symbolu + lub -. A + określa włączoną funkcjonalność, a A - określa wykluczoną cechę.

Adres URL przycisku

U dołu każdej tabeli można wstawić przycisk wezwania do działania, wstawiając prawidłowy adres URL do tego pola. Zostaw to i
Puste pole tekstowe przycisku, jeśli nie chcesz mieć przycisku w swoim cenniku.

Kolor tła

Ustaw niestandardowy kolor tła dla swojego modułu lub pozostaw puste pole, aby użyć domyślnego koloru.

Opcje projektowania dla indywidualnych tabel cenowych

cena kolumna kolumna styl divi.png

Udostępnij ten stół

Wybierz tę tabelę cenową przed lub za pomocą tego menu. Pozwoli to wyróżnić się malarstwu od reszty.

Kolor artykułu wykluczony

W przypadku pozycji na liście, które zostały zdefiniowane jako wykluczone przy użyciu symbolu -, można dostosować ich kolor za pomocą tego ustawienia. Na przykład możesz zmienić kolor na czerwony lub zmniejszyć krycie, aby wizualnie zaznaczyć, że elementy są wykluczone z bieżącego pakietu.

Czcionka nagłówka

Możesz zmienić czcionkę tekstu nagłówka, wybierając żądaną czcionkę z rozwijanego menu. Divi zawiera dziesiątki dużych czcionek z czcionkami Google. Domyślnie Divi używa czcionki Open Sans dla całego tekstu na twojej stronie. Możesz także dostosować styl tekstu za pomocą pogrubienia, kursywy, wielkich i podkreślonych opcji.

Rozmiar czcionki nagłówka

Tutaj możesz zmienić rozmiar tekstu w nagłówku. Możesz przeciągnąć suwak zasięgu, aby zwiększyć lub zmniejszyć rozmiar tekstu lub wpisać wartość żądanego rozmiaru tekstu bezpośrednio do pola wprowadzania po prawej stronie suwaka. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Kolor tekstu nagłówka

Domyślnie wszystkie kolory tekstu Divi są wyświetlane jako białe lub ciemnoszare. Jeśli chcesz zmienić kolor tekstu nagłówka, wybierz żądany kolor z próbnika kolorów za pomocą tej opcji.

Odstępy liter w nagłówku

Odstępy liter wpływają na przestrzeń między każdą literą. Jeśli chcesz zwiększyć odstęp między literami w tekście nagłówka, użyj suwaka zasięgu, aby dostosować spację lub wprowadź żądany rozmiar odstępu w polu wprowadzania po prawej stronie suwaka. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Wysokość linii nagłówka

Wysokość linii wpływa na przestrzeń między wierszami tekstu nagłówka Jeśli chcesz zwiększyć odstęp między wierszami, użyj suwaka zasięgu, aby dostosować odstęp lub wprowadź żądany rozmiar odstępu w linii. pole wprowadzania po prawej stronie kursora. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Czcionka ciała

Możesz zmienić czcionkę swojego ciała, wybierając żądaną czcionkę z rozwijanego menu. Divi zawiera dziesiątki dużych czcionek z czcionkami Google. Domyślnie Divi używa czcionki Open Sans dla całego tekstu na twojej stronie. Możesz także dostosować styl tekstu za pomocą pogrubienia, kursywy, wielkich i podkreślonych opcji.

Rozmiar czcionki ciała

Tutaj możesz dostosować rozmiar tekstu swojego ciała. Możesz przeciągnąć suwak zasięgu, aby zwiększyć lub zmniejszyć rozmiar tekstu lub wpisać wartość żądanego rozmiaru tekstu bezpośrednio do pola wprowadzania po prawej stronie suwaka. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Kolor tekstu w kolorze

Domyślnie wszystkie kolory tekstu Divi są wyświetlane jako białe lub ciemnoszare. Jeśli chcesz zmienić kolor tekstu, wybierz żądany kolor z próbnika kolorów za pomocą tej opcji.

Rozstawianie liter ciała

Odstępy liter wpływają na przestrzeń między każdą literą. Jeśli chcesz zwiększyć odstęp między literami w tekście, użyj suwaka zasięgu, aby dostosować spację lub wprowadź żądany rozmiar odstępu w polu wprowadzania po prawej stronie suwaka. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Wysokość linii ciała

Wysokość linii wpływa na przestrzeń między wierszami w twoim ciele Jeśli chcesz zwiększyć odstęp między liniami, użyj suwaka zasięgu, aby dostosować spację lub wprowadź żądaną wielkość w polu wprowadzania znajduje się po prawej stronie kursora. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Czcionka napisów

Możesz zmienić czcionkę tekstu napisów, wybierając żądaną czcionkę z rozwijanego menu. Divi zawiera dziesiątki dużych czcionek z czcionkami Google. Domyślnie Divi używa czcionki Open Sans dla całego tekstu na twojej stronie. Możesz także dostosować styl tekstu za pomocą pogrubienia, kursywy, wielkich i podkreślonych opcji.

Rozmiar czcionki napisów

Tutaj możesz dostosować rozmiar tekstu pod-nagłówka. Możesz przeciągnąć suwak zasięgu, aby zwiększyć lub zmniejszyć rozmiar tekstu lub wpisać wartość żądanego rozmiaru tekstu bezpośrednio do pola wprowadzania po prawej stronie suwaka. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Kolor tekstu napisów

Domyślnie wszystkie kolory tekstu Divi są wyświetlane jako białe lub ciemnoszare. Jeśli chcesz zmienić kolor tekstu napisów, wybierz żądany kolor z próbnika kolorów za pomocą tej opcji.

Rozstawianie liter napisów

Odstępy liter wpływają na przestrzeń między każdą literą. Jeśli chcesz zwiększyć odstęp między literami w tekście napisów, użyj suwaka zasięgu, aby dostosować spację lub wprowadź żądany rozmiar odstępu w polu wprowadzania po prawej stronie suwaka. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Wysokość linii napisów

Wysokość linii wpływa na przestrzeń między wierszami tekstu napisów. Jeśli chcesz zwiększyć odstęp między liniami, użyj suwaka zasięgu, aby dostosować spację lub wprowadź żądany rozmiar odstępu w polu wprowadzania po prawej stronie suwaka. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Waluta Waluta i częstotliwość

Możesz zmienić czcionkę tekstu waluty i częstotliwości, wybierając żądaną czcionkę z menu rozwijanego. Divi zawiera dziesiątki dużych czcionek z czcionkami Google. Domyślnie Divi używa czcionki Open Sans dla całego tekstu na twojej stronie. Możesz także dostosować styl tekstu za pomocą pogrubienia, kursywy, wielkich i podkreślonych opcji.

Rozmiar czcionki dla waluty i częstotliwości

Tutaj możesz dostosować rozmiar swojej waluty i tekst częstotliwości. Możesz przeciągnąć suwak zasięgu, aby zwiększyć lub zmniejszyć rozmiar tekstu lub wpisać wartość żądanego rozmiaru tekstu bezpośrednio do pola wprowadzania po prawej stronie suwaka. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Kolor tekstu dla waluty i częstotliwości

Domyślnie wszystkie kolory tekstu Divi są wyświetlane jako białe lub ciemnoszare. Jeśli chcesz zmienić kolor tekstu waluty i częstotliwości, wybierz odpowiedni kolor z próbnika kolorów za pomocą tej opcji.

Rozstawianie liter i walut

Odstępy liter wpływają na przestrzeń między każdą literą. Jeśli chcesz zwiększyć przestrzeń między każdą literą w swojej walucie a tekstem częstotliwości, użyj suwaka zasięgu, aby dostosować spację lub wprowadź żądany rozmiar odstępu w polu wprowadzania po prawej stronie suwaka. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Waluta i linia częstotliwości

Wysokość linii wpływa na przestrzeń między każdą linią waluty a tekstem częstotliwości Jeśli chcesz zwiększyć odstęp między liniami, użyj suwaka zakresu, aby dostosować spację lub wprowadź żądany rozmiar odstępu w polu wejście po prawej stronie kursora. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Polityka cenowa

Możesz zmienić czcionkę tekstu ceny, wybierając żądaną czcionkę z menu rozwijanego. Divi zawiera dziesiątki dużych czcionek z czcionkami Google. Domyślnie Divi używa czcionki Open Sans dla całego tekstu na twojej stronie. Możesz także dostosować styl tekstu za pomocą pogrubienia, kursywy, wielkich i podkreślonych opcji.

Rozmiar czcionki ceny

Tutaj możesz dostosować rozmiar tekstu ceny. Możesz przeciągnąć suwak zasięgu, aby zwiększyć lub zmniejszyć rozmiar tekstu lub wpisać wartość żądanego rozmiaru tekstu bezpośrednio do pola wprowadzania po prawej stronie suwaka. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Kolor tekstu ceny

Domyślnie wszystkie kolory tekstu Divi są wyświetlane jako białe lub ciemnoszare. Jeśli chcesz zmienić kolor tekstu ceny, wybierz żądany kolor z próbnika kolorów za pomocą tej opcji.

Rozstawianie listów cenowych

Odstępy liter wpływają na przestrzeń między każdą literą. Jeśli chcesz zwiększyć odstęp między literami w tekście cenowym, użyj suwaka zasięgu, aby dostosować spację lub wprowadź żądany rozmiar odstępu w polu wprowadzania po prawej stronie suwaka. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Wysokość linii cenowej

Wysokość linii wpływa na przestrzeń między wierszami tekstu ceny Jeśli chcesz zwiększyć odstęp między liniami, użyj suwaka zakresu, aby dostosować spację lub wprowadź żądany rozmiar odstępu w polu wprowadzania znajduje się po prawej stronie kursora. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Użyj niestandardowych stylów dla przycisku

Włączenie tej opcji ujawnia różne ustawienia dostosowywania dla przycisków, których możesz użyć do zmiany wyglądu przycisku w module.

Rozmiar tekstu przycisku

Parametr ten może być używany, aby zwiększyć lub zmniejszyć rozmiar tekstu w przycisku. Przycisk zmienia się wraz ze wzrostem i zmniejszeniem rozmiaru tekstu.

Kolor tekstu przycisku

Domyślnie przyciski przyjmują kolor akcentu kompozycji zgodnie z definicją w dostosowywaniu kompozycji. Ta opcja umożliwia przypisanie niestandardowego koloru tekstu do przycisku w tym module. Wybierz własny kolor za pomocą próbnika kolorów, aby zmienić kolor przycisku.

Kolor tła przycisku

Domyślnie przyciski mają przezroczysty kolor tła. Można to zmienić, wybierając żądany kolor tła w selektorze kolorów.

Łatwo stwórz swój sklep internetowy

Pobierz bezpłatne WooCommerce, najlepsze wtyczki e-commerce do sprzedaży fizycznych i cyfrowych produktów na WordPress. [Zalecana]

Szerokość granicy przycisków

Wszystkie przyciski Divi mają domyślnie granicę 2px. Ta granica może zostać zwiększona lub zmniejszona za pomocą tego parametru. Granice można usunąć, wprowadzając wartość 0.

Kolor obramowania przycisku

Domyślnie krawędzie przycisków zmieniają się na kolor akcentujący motyw zdefiniowany w dostosowywaniu kompozycji. Ta opcja umożliwia przypisanie niestandardowego koloru obramowania do przycisku w tym module. Wybierz własny kolor, używając selektora kolorów, aby zmienić kolor obramowania przycisku.

Promień obramowania przycisku

Promień obramowania wpływa na okrągłość narożników przycisków. Domyślnie przyciski w Divi mają mały promień obramowania, który zaokrągla rogi pikseli 3. Możesz zmniejszyć tę wartość do 0, aby utworzyć kwadratowy przycisk lub znacznie go zwiększyć, aby utworzyć przyciski z okrągłymi krawędziami.

Rozstawianie liter przycisków

Odstępy liter wpływają na przestrzeń między każdą literą. Jeśli chcesz zwiększyć odstęp między literami w tekście przycisku, użyj suwaka zasięgu, aby dostosować spację lub wprowadź żądany rozmiar odstępu w polu wprowadzania po prawej stronie suwaka. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Czcionka przycisku

Możesz zmienić czcionkę tekstu przycisku, wybierając żądaną czcionkę z rozwijanego menu. Divi zawiera dziesiątki dużych czcionek z czcionkami Google. Domyślnie Divi używa czcionki Open Sans dla całego tekstu na twojej stronie. Możesz także dostosować styl tekstu za pomocą pogrubienia, kursywy, wielkich i podkreślonych opcji.

Dodaj ikonę do przycisku

Wyłączone, to ustawienie usunie ikony z przycisku. Domyślnie wszystkie przyciski Divi wyświetlają ikonę strzałki na zawisie.

Ikona przycisku

Jeśli ikony są włączone, możesz użyć tego ustawienia, aby wybrać ikonę do użycia w swoim przycisku. Divi ma różne ikony do wyboru.

Kolor ikony przycisku

Ustawienie tego ustawienia zmieni kolor ikony wyświetlanej na przycisku. Domyślnie kolor ikony jest taki sam jak kolor tekstu przycisków, ale to ustawienie umożliwia niezależną regulację koloru.

Umieszczanie przycisku ikony

Możesz wyświetlić ikonę przycisku po lewej lub prawej stronie przycisku.

Pokaż tylko ikonę, gdy przycisk przewraca się

Domyślnie ikony przycisków są wyświetlane tylko podczas przewracania. Jeśli chcesz, aby ikona była zawsze wyświetlana, wyłącz to ustawienie.

Kolor tekstu przy przelocie na przycisku

Gdy przycisk jest unosił się nad użytkownika, zostanie użyty ten kolor. Kolor zmieni się z podstawowego koloru zdefiniowanego w poprzednich ustawieniach.

Kolor tła przycisku na wiadukt

Gdy przycisk jest unosił się nad użytkownika, zostanie użyty ten kolor. Kolor zmieni się z podstawowego koloru zdefiniowanego w poprzednich ustawieniach.

Kolor obramowania przy estakadzie

Gdy przycisk jest unosił się nad użytkownika, zostanie użyty ten kolor. Kolor zmieni się z podstawowego koloru zdefiniowanego w poprzednich ustawieniach.

Promień obramowania przycisku w widoku ogólnym

Gdy przycisk jest unosił się nad użytkownika, zostanie wykorzystana ta wartość. Wartość zmieni się z wartości bazowej zdefiniowanej w poprzednich parametrach.

Rozstawianie liter guzika na estakadzie

Gdy przycisk jest unosił się nad użytkownika, zostanie wykorzystana ta wartość. Wartość zmieni się z wartości bazowej zdefiniowanej w poprzednich parametrach.

Indywidualne ceny Tabela Opcje Zaawansowane opcje

zaawansowana opcja divi.png

Niestandardowy CSS

Niestandardowy CSS można również zastosować do modułu i jednego z wewnętrznych elementów modułu. W sekcji Custom CSS znajdziesz pole tekstowe, w którym możesz dodać niestandardowe arkusze stylów CSS bezpośrednio do każdego elementu. Pozycje CSS w tych parametrach są już zapakowane w znaczniki stylu. Po prostu wprowadź reguły CSS oddzielone średnikami.

Inne samouczki Divi

Ten artykuł zawiera komentarze 2
  1. Witam,
    Dziękuję za ten bardzo precyzyjny i szczegółowy artykuł. Jestem nowy w korzystaniu z konstruktora DIVI i widzę, że po utworzeniu mojej 3-kolumnowej tabeli cen wyświetlacz mobilny jest katastrofą (2 bardzo wąskie kolumny i trzecia w linii…).
    Czy istnieje sposób (inny niż powielanie i ukrywanie tabeli), aby na przykład skonfigurować ją tak, jak na przykład w Bootstrap (podać szerokość kolumny 33% na komputerze i 100% na urządzeniu mobilnym)?
    Merci wlać votre aide.

Zostaw komentarz

Twoj adres e-mail nie bedzie opublikowany. Pola obowiązkowe są oznaczone symbolem *

Ta strona używa Akismet do redukcji spamu. Dowiedz się więcej o tym, jak wykorzystywane są Twoje opinie.

Powrót do góry
5 akcji
udział2
ćwierkanie
Enregistrer3