Blok «Rozwiązanie» - instrukcja do szablonu «Vega»
Blok "Rozwiązanie" jest adaptacyjne zakładki (tabulatory). Możesz go użyć zarówno do opisania problemu i sposobu jego rozwiązania, jak i do każdej innej treści, która zmieści się w tym formacie.
Blok "Rozwiązanie"
Wywołanie bloku na stronach witryny internetowej ID — solution
Przed użyciem kodu przeczytaj instrukcję dotyczącą wywoływania bloków na dodatkowych stronach - Czytaj dalej
<!-- Blok «Rozwiązanie» --> {$props = [ 'title' => [ 'align' => 'center', 'size' => 'medium', 'text' => 'Zapewnia szybkie napełnianie' ], 'label' => [ 'template' => 'label-one', 'align' => 'center', 'text' => 'Standardowe wypełnienie szablonu' ], 'tabs' => [ "1" => [ 'text' => 'Pierwsza zakładka' ], "2" => [ 'text' => 'Druga zakładka' ], "3" => [ 'text' => 'Trzecia zakładka' ] ], 'items' => [ "1" => [ 'image' => 'img/550x450.png', 'name' => 'Co to jest Lorem Ipsum?', 'text' => 'Lorem Ipsum jest standardową "rybą" dla tekstów łacińskich od początku XVI wieku. Jest to tekst "rybny" często stosowany w druku i projektowaniu stron internetowych.', 'list' => [ 'template' => 'list-one', 'color_scheme' => 'alter', 'align' => 'left', 'list' => 'Przetrwał pięć wieków bez zauważalnych zmian*Przeniesiony do projektowania elektronicznego.' ] ], "2" => [ 'image' => 'img/550x450.png', 'name' => 'Co to jest Lorem Ipsum?', 'text' => 'Lorem Ipsum jest standardową "rybą" dla tekstów łacińskich od początku XVI wieku. Jest to tekst "rybny" często stosowany w druku i projektowaniu stron internetowych.', 'list' => [ 'template' => 'list-one', 'color_scheme' => 'alter', 'align' => 'left', 'list' => 'Przetrwał pięć wieków bez zauważalnych zmian*Przeniesiony do projektowania elektronicznego.' ] ], "3" => [ 'image' => 'img/550x450.png', 'name' => 'Co to jest Lorem Ipsum?', 'text' => 'Lorem Ipsum jest standardową "rybą" dla tekstów łacińskich od początku XVI wieku. Jest to tekst "rybny" często stosowany w druku i projektowaniu stron internetowych.', 'list' => [ 'template' => 'list-one', 'color_scheme' => 'alter', 'align' => 'left', 'list' => 'Przetrwał pięć wieków bez zauważalnych zmian*Przeniesiony do projektowania elektronicznego.' ] ] ] ]} {call add_block block="solution" props=$props}
Właściwość | Typ danych | Opis |
---|---|---|
title.align | String | Wyrównanie nagłówka do lewej, środka lub prawej strony. Przyjmuje wartości 'left', 'center' lub 'right' |
title.size | String | Rozmiar i typ nagłówka. Możliwe wartości: "big" - duży nagłówek z tagiem <h1>; 'medium' — nagłówek średniej wielkości z tagiem <h2>; 'small' — mały nagłówek z tagiem <h3> |
title.text | String | Tekst nagłówka |
label.template | String | Szablon elementu "Etykieta". Dopuszczalne wartości: 'label-one' |
label.align | String | Wyrównanie elementów do lewej, środka lub prawej strony. Przyjmuje wartości 'left', 'center' lub 'right' |
label.text | String | Tekst elementu "Etykieta" |
tabs.text | String | Napis w zakładce |
items[1].image | String | Ścieżka do obrazka odniesiona do folderu motywu. Zaleca się, aby zdjęcia były ładowane za pośrednictwem menedżera plików aplikacji "Witryna". |
items[1].name | String | Nazwa zakładki |
items[1].text | String | Tekst zakładki |
items[1].list.template | String | Szablon elementu "Lista". Dopuszczalne wartości: 'list-one' |
items[1].list.color_scheme | String | Schemat kolorów elementu "Lista". Przyjmuje wartości 'main' lub 'alter' |
items[1].list.align | String | Wyrównanie elementów do lewej, środka lub prawej strony. Przyjmuje wartości 'left', 'center' lub 'right' |
items[1].list.list | String | Punkty listy, muszą być oddzielone * gwiazdką |
Błąd w tekście? Zaznacz ją myszką i kliknij Ctrl + F1 lub kliknij na ten blok!