Blok «Opowiadanie» - instrukcja do szablonu «Vega»
Blok "Opowiadanie"
Wywołanie bloku na stronach witryny internetowej ID — story
Przed użyciem kodu przeczytaj instrukcję dotyczącą wywoływania bloków na dodatkowych stronach - Czytaj dalej
<!-- Blok «Opowiadanie» --> {$props = [ 'align' => 'center', 'lower_layer' => 'img/2880x1600.png', 'text_layer' => 'Opowiadanie', 'top_layer' => '', 'color' => '#ffffff', 'gradient' => true, 'animation' => true, 'title' => [ 'align' => 'left', 'size' => 'medium', 'text' => 'Pseudo łaciński zestaw słów' ], 'text' => 'Lorem Ipsum to "ryba" tekst często stosowany w druku i projektowaniu stron internetowych. Lorem Ipsum jest standardową "rybą" dla tekstów łacińskich od początku XVI wieku. W tym czasie pewien nienazwany drukarz stworzył duży zbiór rozmiarów i kształtów czcionek, używając Lorem Ipsum do próbek druku. Lorem Ipsum nie tylko z powodzeniem przetrwało pięć wieków bez zauważalnych zmian, ale także dokonało przeskoku do projektowania elektronicznego.', 'separators' => [ "1" => [ 'template' => 'separator-one', 'type' => '', 'color' => 'alter', 'position' => 'top' ], "2" => [ 'template' => 'separator-one', 'type' => 'arc', 'color' => 'main', 'position' => 'bottom' ] ] ]} {call add_block block="story" props=$props}
Właściwość | Typ danych | Opis |
---|---|---|
align | String | Wyrównanie elementów do lewej, środka lub prawej strony. Przyjmuje wartości 'left', 'center' lub 'right' |
lower_layer | String | Obraz tła, warstwa górna. Ścieżka do obrazka odniesiona do folderu z motywem. Zaleca się ładowanie zdjęć za pośrednictwem menedżera plików aplikacji "Witryna". |
text_layer | String | Warstwa tekstowa, duży tekst w centrum. Ograniczenie do maksymalnie 14 znaków. |
top_layer | String | Obraz tła, warstwa dolna. Ścieżka do obrazka odniesiona do folderu z motywem. Zaleca się ładowanie zdjęć za pośrednictwem menedżera plików aplikacji "Witryna". |
color | String | Kolor tekstu bloku, dopuszczalne są dowolne kolory internetowe |
gradient | Boolean | W wartości true dodaje zaciemnienie obrazu tła |
animation | Boolean | Włącza lub wyłącza animację wyglądu elementów. Wartości true lub false |
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 |
text | String | Tekst bloku |
separators[1].position | String | Położenie separatora w stosunku do bloku, wartość 'top' na górze bloku, wartość 'bottom' na dole bloku |
separators[1].template | String | Szablon elementu "Separator", dopuszczalne wartości 'separator-one' |
separators[1].type | String | Widok elementu "Separator". Pusty ciąg '' - ukryj. Wartości 'wave' - fala, 'curtain' — kurtyna, 'triangle' — trójkąt, 'arc' — łuk, 'clouds' - chmury. |
separators[1].color | String | Kolor separatora. Dopuszczalne wartości: 'main' lub 'alter' |
Błąd w tekście? Zaznacz ją myszką i kliknij Ctrl + F1 lub kliknij na ten blok!