Zaprojektuj, zapisz i używaj sekcji ponownie.
Zbuduj jedną sekcję starannie i używaj jej ponownie na każdej stronie, która jej potrzebuje. Stylujesz wyróżnienie dnia otwartego odstępami, większą czcionką, kolorami marki i zaokrąglonymi rogami. Potem zapisujesz stronę, zachowujesz sekcję jako szablon i wstawiasz ją ponownie. Każdy krok stylizacji ma własny przewodnik, gdy chcesz więcej szczegółów.
Film stylizuje wyróżnienie, zapisuje je jako szablon i wstawia po raz drugi.
Zanim zaczniesz
- Potrafisz edytować stronę w DXPR Builder, a ona ma sekcję do pracy. Zobacz Zbuduj swoją pierwszą stronę.
Konfiguracja
- Kliknij + wewnątrz sekcji, otwórz zakładkę Treść w selektorze elementów i wybierz tekst. Otworzy się jego okno ustawień.
- Wpisz swoje ogłoszenie i ustaw jego pierwszy wiersz na Nagłówek 2.
- Otwórz panel Styl tego samego okna i ustaw górę i dół Padding na 40 pikseli w modelu pudełkowym.
- Ustaw Rozmiar czcionki na 20.
- Wybierz biały Kolor czcionki i granatowe Tło.
- Ustaw Promień rogów na 12 i kliknij Save.
- Kliknij Zapisz na pasku narzędzi DXPR Builder.
- Wskaż wyróżnienie i kliknij More na najbardziej zewnętrznym pasku sterowania, tym dla całej sekcji, a potem wybierz Save as template, wpisz Template name, zaznacz Global template i kliknij Save.
- Kliknij + na pasku narzędzi DXPR Builder, otwórz zakładkę Zapisane szablony i kliknij swój szablon.
- Kliknij Zapisz na pasku narzędzi DXPR Builder.
Co widzisz
Wyróżnienie to granatowy blok z białym, większym tekstem, miejscem u góry i u dołu oraz zaokrąglonymi rogami. Po kroku 9 druga kopia siedzi na stronie. Kopia jest niezależna: zmień jej tekst, a pierwsze wyróżnienie zostaje, jak było. Twój szablon czeka teraz w zakładce Zapisane szablony na każdej stronie. Po zaznaczeniu Global template widzą go też inni redaktorzy.
Każdy krok stylizacji ma własny przewodnik:
- Odstępy: padding i marginesy w modelu pudełkowym.
- Typografia: rozmiar i kolor czcionki.
- Kolory i branding: kolory pasujące do twojej marki.
- Ramki i cienie: promień rogów, styl ramki i cień.
- Tła: kolory, obrazy i efekty za elementem.
- Wiersze i kolumny i Responsywny design: układy i rozmiary ekranów.
- Szablony użytkownika i Zakładka zapisanych szablonów: zapisywanie i ponowne używanie sekcji.
Jeśli nie widać twojego szablonu
- Szablonu nie ma na zakładce Zapisane szablony. Zapis nie dobiegł końca albo jesteś na innej witrynie. Zapisz sekcję ponownie z jej menu More i sprawdź nazwę szablonu w Search.
- Menu More zapisało całą stronę zamiast sekcji. Użyto More na pasku narzędzi DXPR Builder. Użyj More na własnym pasku sterowania sekcji, najbardziej zewnętrznym.
- Tekst nie urósł ani nie zbielał. Zmieniono ustawienia innego elementu. Otwórz Ustawienia samego elementu tekstowego i sprawdź Rozmiar czcionki i Kolor czcionki w jego panelu Styl.
Co dalej?
- Szablony użytkownika: zarządzaj swoimi szablonami, udostępniaj je i usuwaj.
- Przewodniki projektowania: kolory, przyciski, karty i układy na pełną szerokość.