Rzędy to różne układy kolumn, które można umieścić wewnątrz sekcji. Podobnie jak moduły, wiersze mają różne ustawienia, do których można uzyskać dostęp, klikając ikonę ustawień w lewym górnym rogu wiersza. W tym samouczku omówimy niektóre funkcje i sposoby ich wykorzystania do tworzenia bardzo unikalnych układów. W szczególności ustawienia linii można wykorzystać do znacznego zwiększenia różnorodności układów tworzonych za pomocą Divi Builder, ponieważ tworzą strukturę, w której hostowane są Twoje moduły.
Ustawienia treści
Kolor tła
Obrazy tła można zastosować do całego wiersza. Domyślnie linie mają przezroczysty kolor tła.
Obraz tła
Obrazy tła można zastosować do całego wiersza.
Wideo w tle MP4
Wykonanie odcisków ucha jest konieczne, abyśmy mogli stworzyć Twoje monitory metody interaktywne tła można zastosować do linii. Jeśli chcesz zastosować wideo w tle, musisz przesłać wideo w formacie MP4 i WEBM i wprowadzić plik metody interaktywne ici.
Wideo w tle w sieci Web
Wykonanie odcisków ucha jest konieczne, abyśmy mogli stworzyć Twoje monitory metody interaktywne tła można zastosować do linii. Jeśli chcesz zastosować wideo w tle, musisz pobrać wideo MP4 i WEBM i wprowadzić tutaj filmy.
Szerokość wideo w tle
Po przesłaniu filmów musisz podać tutaj szerokość filmu. Musi być równa rzeczywistej szerokości wideo, w przeciwnym razie położenie tła będzie nieprawidłowe.
Wysokość wideo w tle
Po przesłaniu filmów musisz podać tutaj wysokość swojego filmu. Musi być równa rzeczywistej wysokości wideo, w przeciwnym razie położenie tła będzie nieprawidłowe.
Pauza wideo
Jeśli chcesz, aby filmy były zatrzymywane po kliknięciu, włącz tę opcję.
Kolor tła kolumny
Do każdej kolumny z rzędu można przypisać niepowtarzalny kolor tła.
Obraz tła kolumny
Do każdej kolumny z rzędu możesz przypisać unikalny obraz tła.
Etykieta administratora
Spowoduje to zmianę etykiety modułu w generatorze w celu łatwej identyfikacji. Podczas korzystania z widoku WireFrame w Visual Builder te etykiety pojawią się w bloku modułu interfejsu Divi Budowniczy.
Parametry konstrukcyjne
Użyj efektu paralaksy
Jeśli chcesz użyć efektu paralaksy dla obrazu tła linii, możesz włączyć tutaj, a następnie wybrać żądaną metodę paralaksy.
Efekt paralaksy kolumnowej
Tutaj możesz wybrać, czy chcesz użyć efektu paralaksy dla obrazu tła określonej kolumny w wierszu.
Ustaw tę linię na pełną szerokość
Jeśli ta opcja jest włączona, linia będzie obejmowała całą szerokość okna przeglądarki (podobnie jak sekcja o pełnej szerokości). To świetny sposób na tworzenie fajnych układów kolumn o pełnej szerokości.
Użyj niestandardowej szerokości
Możesz również przypisać niestandardową szerokość do linii. Na przykład, jeśli chcesz dodać odmianę do kanału strony i powiększyć o jeden wiersz od pozostałych, możesz wprowadzić tutaj niestandardową wartość szerokości
Użyj niestandardowej szerokości rynny
Szerokość rynny określa odległość między kolumnami. Dostępne są 4 rozmiary rynien, zaczynając od 0. The définition ustawienie szerokości rowka na 1 spowoduje brak przerw między kolumnami. W połączeniu z opcją Pełna szerokość może to stworzyć efekty podobne do modułu Portfolio Pełny ekran.
Wyrównaj wysokości kolumn
To świetna opcja, szczególnie przydatna, gdy zastosujesz kolory tła do poszczególnych kolumn. Włączenie tej opcji wymusza, aby wszystkie kolumny w wierszu miały tę samą wartość wysokości.
Niestandardowe wypełnienie
Jeśli chcesz dopasować wypełnienie linii, możesz to zrobić tutaj.
Margines niestandardowy
Jeśli chcesz dostosować margines linii, możesz to zrobić tutaj.
Niestandardowe wypełnienie kolumny
Jeśli chcesz dostosować wypełnienie określonej kolumny w wierszu, możesz to zrobić tutaj.
Niestandardowy margines kolumny
Jeśli chcesz dostosować margines określonej kolumny w wierszu, możesz to zrobić tutaj.
Ustawienia zaawansowane
Identyfikator CSS
Możesz przypisać identyfikator CSS do wiersza, jeśli chcesz kierować go w swoim arkuszu stylów lub za pomocą linków zakotwiczenia.
Klasa CSS
Możesz przypisać klasę CSS do linii, jeśli chcesz kierować ją w arkuszu stylów.
Identyfikator kolumny CSS
Możesz przypisać identyfikator CSS do określonej kolumny w wierszu, jeśli chcesz kierować go w arkuszu stylów lub za pomocą linków kotwicznych.
Kolumna klasy CSS
Możesz przypisać klasę CSS do określonej kolumny w rzędzie, jeśli chcesz kierować ją w arkuszu stylów.
Przed
Wpis CSS tutaj, aby zastosować: przed linią główną div.
Główny element
Wpis CSS tutaj, aby zastosować do div linii głównej.
Później
Wpis CSS tutaj, aby zastosować: po div linii głównej.
Przednia kolumna
Wpisz CSS tutaj, aby zastosować: przed określonym div kolumny.
Główny element kolumny
Wpisz tutaj CSS, aby zastosować do określonej kolumny div.
Kolumna po
Wpis CSS tutaj do zastosowania: po określonej kolumnie div.
widoczność
Ta opcja umożliwia sterowanie urządzeniami, na których pojawia się twój moduł liniowy. Możesz indywidualnie dezaktywować swój moduł na tabletach, smartfonach lub komputerach stacjonarnych. Jest to przydatne, jeśli chcesz używać różnych modów na różnych urządzeniach lub jeśli chcesz uprościć projekt mobilny, eliminując pewne elementy ze strony.
Wykorzystanie tutoriala w praktyce
Teraz, gdy przejrzeliśmy wszystkie ustawienia, przetestujmy kilka, aby pokazać, co jest możliwe, gdy każde ustawienie jest używane kreatywnie. W tym przykładzie omówię ustawienie wiersza pełnego ekranu jako wprowadzenie. Opcja tworzenia wiersza „Pełny ekran” jest jedną z najbardziej wszechstronnych opcji zestawu. Spowoduje to wydłużenie linii do krawędzi przeglądarki, tak jak w sekcji Pełny ekran (lub FullWidth). Jednak w przeciwieństwie do sekcji o pełnej szerokości, wiersze o pełnej szerokości mogą mieć struktury kolumn i mogą zawierać dowolny moduł! W poniższym przykładzie utworzyłem wiersz z 4 kolumnami i dodałem kwadratowy obraz do każdej kolumny. Następnie włączyłem opcję „Ustaw tę linię na pełną szerokość”, aby wydłużyć linię do krawędzi okna przeglądarki.
Następnie zmniejszyłem rozmiar „Rynny” do „1”, aby usunąć odstępy między kolumnami w rzędzie.
Na koniec usunąłem wypełnienie nad i pod linią, zmieniając górne i dolne wartości z opcją „Wypełnienie niestandardowe” na „0”.
Rezultatem jest całkowita transformacja wierszy, przekształcająca zwykły rząd 4 kolumn obrazów w galerię obrazów ze spadem o pełnej szerokości, która wygląda oszałamiająco w porównaniu z zieloną sekcją poniżej. Ten sam efekt można również uzyskać za pomocą niestandardowych kolorów tła kolumn i modów tekstowych. Możliwości są nieograniczone!
