Blok «Kartki» - instrukcja do szablonu «Orion»
Blok "Kartki"
Wywołanie bloku na stronach witryny internetowej ID — cards
Przed użyciem kodu przeczytaj instrukcję dotyczącą wywoływania bloków na dodatkowych stronach - Czytaj dalej
<!-- Block «Cards» --> {$props = [ 'align' => 'center', 'color_scheme' => 'alter', 'no_margin' => false, 'animation' => true, 'title' => [ 'align' => 'center', 'size' => 'medium, H2', 'text' => 'Nawigacja po witrynie - bloki z kartkami' ], 'text' => 'Kartki są integralną częścią nowoczesnego tworzenia stron internetowych. Są to małe, wyróżnione bloki z krótkimi informacjami, które pozwalają na szybkie filtrowanie przepływu odwiedzających według sekcji.', 'cards' => [ '1' => [ 'template' => 'card-one', 'color_scheme' => 'alter', 'lazy' => false, 'name' => 'Nawigacja według sekcji', 'link' => '#', 'badge' => 'Linki', 'desc' => 'Kartki są używane jako linki do głównych sekcji lub stron zawierających szczegółowe informacje.', 'image' => 'img/360x260.png' ], '2' => [ 'template' => 'card-one', 'color_scheme' => 'alter', 'lazy' => false, 'name' => 'Projekty i portfolio', 'link' => '#', 'badge' => 'Szerokie zastosowanie', 'desc' => 'W tym bloku może znajdować się od 1 do 4 kart. Można je stosować z linkami lub bez.', 'image' => 'img/360x260.png' ], '3' => [ 'template' => 'card-one', 'color_scheme' => 'alter', 'lazy' => false, 'name' => 'Prosty i nieskomplikowany', 'link' => '#', 'badge' => 'Intuicyjność', 'desc' => 'Kartki są wizualnie wyróżnione i postrzegane przez odwiedzających jako całość informacji.', 'image' => 'img/360x260.png' ], '4' => [ 'template' => 'card-one', 'color_scheme' => 'alter', 'lazy' => false, 'name' => 'Poprawić UX strony', 'link' => '#', 'badge' => 'Uniwersalność', 'desc' => 'Odpowiednie na każdą okazję, dobrze wyglądające, pozytywnie postrzegane przez użytkowników.', 'image' => 'img/360x260.png' ] ] ]} {call add_block block="cards" props=$props}
Właściwość | Typ danych | Opis |
---|---|---|
align | String | Wyrównanie elementów po lewej stronie, na środku lub po prawej stronie. Przyjmuje wartości 'left', 'center' lub 'right' |
color_scheme | String | Schemat kolorów bloku. Dopuszczalne wartości: 'main', 'alter' lub 'semitone' |
no_margin | Boolean | Wartość true usuwa górne wcięcie bloku. |
animation | Boolean | Włącza lub wyłącza animację pojawiania się elementów. Wartości true lub false |
title | Object | Element "Nagłówek" Więcej... |
text | String | Tekst bloku |
cards | Object | Element «Karta» Więcej... |
Błąd w tekście? Zaznacz ją myszką i kliknij Ctrl + F1 lub kliknij na ten blok!