Blok Zakładki (Orion)

Blok "Zakładki"

Wywołanie bloku na stronach witryny internetowej ID — tabs

Przed użyciem kodu przeczytaj instrukcję dotyczącą wywoływania bloków na dodatkowych stronach - Czytaj dalej
<!-- Block «Tabs» -->

{$props = [
    'numbering' => true,
    'color_scheme' => 'main',
    'no_margin' => false,
    'title' => [
        'align' => 'left',
        'size' => 'medium, H2',
        'text' => 'Sześć kroków do zbudowania dobrej strony internetowej'
    ],
    'tabs' => [
        '1' => [
            'lazy' => false,
            'item' => 'Badania rynku',
            'image' => 'img/500x600_1.png',
            'name' => 'Badania rynku i analiza konkurencji',
            'text' => '<p>Analiza rynku rozpoczyna się od zbierania danych. Bez znajomości konkurencji nie sposób zrozumieć, gdzie są jej mocne strony i na czym skupić swoje wysiłki.</p><p>Większość konsumentów korzysta z Internetu, aby znaleźć informacje o usłudze lub produkcie podczas podejmowania decyzji o zakupie. Dlatego niezwykle ważne jest przeanalizowanie korzyści, zarówno własnych, jak i innych uczestników rynku.</p>'
        ],
        '2' => [
            'lazy' => false,
            'item' => 'Określanie celów witryny',
            'image' => 'img/500x600_2.png',
            'name' => 'Określenie celów i zadań strony',
            'text' => '<p>Przed stworzeniem strony internetowej należy zrozumieć, do jakich celów jest ona tworzona. Być może chcesz ułatwić użytkownikom dostęp do przydatnych informacji, zmniejszyć liczbę niepotrzebnych próśb o pomoc, zainteresować klientów i zwiększyć ruch, opowiedzieć im o swoich produktach lub usługach, utrzymać wizerunek firmy itp.</p><p>Twoje cele określą format i strukturę zasobu internetowego.</p>'
        ],
        '3' => [
            'lazy' => false,
            'item' => 'Projektowanie konstrukcji',
            'image' => 'img/500x600_3.png',
            'name' => 'Projektowanie konstrukcji',
            'text' => '<p>Użytkownicy mają zazwyczaj pewne doświadczenie z siecią. Popularność Twojej witryny będzie zależała od tego, w jaki sposób treść i układ dostosują się do ich doświadczeń.</p><p>Mówiąc o strukturze witryny, mamy na myśli przede wszystkim układ bloków funkcjonalnych, stron i sekcji witryny. Projektując strukturę witryny, upewnij się, że wszystkie strony są łatwo dostępne, elementy witryny są spójne, a Ty nie tworzysz duplikatów stron lub sekcji.</p>'
        ],
        '4' => [
            'lazy' => false,
            'item' => 'Marekting',
            'image' => 'img/500x600_4.png',
            'name' => 'Marekting strony',
            'text' => '<p>Aby uzyskać wyniki z klientów, które przyciągają, trzeba będzie kompetentny marketing strony internetowej. Marketing internetowy to lista działań mających na celu promocję produktów lub usług w sieci.</p><p>Dokładnie określ swoją grupę docelową, zrób portret swojego klienta. Przestudiuj swoją konkurencję, stwórz jasną strategię na określony czas.</p>'
        ],
        '5' => [
            'lazy' => false,
            'item' => 'Treść i copywriting',
            'image' => 'img/500x600_5.png',
            'name' => 'Treść i copywriting',
            'text' => '<p>Strona internetowa jest tworzona ze względu na treść i oczywiście temu etapowi należy poświęcić maksimum uwagi. Treść to Twoje główne narzędzie w walce o klienta.</p><p>Samodzielne napisanie tekstu to najlepsza opcja, bo kto inny jak nie Ty najlepiej zna wszystkie subtelności Twojej pracy. Ale nie każdy ma talent pisarski, zawsze można zamówić copywriting.</p>'
        ],
        '6' => [
            'lazy' => false,
            'item' => 'Materiały graficzne',
            'image' => 'img/500x600_6.png',
            'name' => 'Zdjęcia, obrazy i ilustracje',
            'text' => '<p>Obrazy mogą natychmiast dać użytkownikowi znać, co i kogo dotyczy odwiedzana przez niego strona.</p><p>Idealną opcją jest zatrudnienie fotografa i zrobienie prawdziwych zdjęć Twoich produktów i usług. Ale nie zawsze jest na to czas i pieniądze. Alternatywną opcją byłoby szukanie zdjęć na photostocks, nie jest to takie drogie i stosunkowo szybkie.</p>'
        ]
    ]
]}

{call add_block block="tabs" props=$props}


Właściwość Typ danych Opis
numbering Boolean W wartości true dodaje numerację do kart
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.
title Object Element "Nagłówek" Więcej...
tabs[1].lazy Boolean W wartości true stosuje leniwe ładowanie do obrazów
tabs[1].item String Nazwa zakładki
tabs[1].image String Ścieżka do obrazka odniesiona do folderu motywu. Zaleca się, aby obrazy były ładowane za pośrednictwem menedżera plików aplikacji "Witryna".
tabs[1].name String Nagłówek zakładki
tabs[1].text String Tekst zakładki


Błąd w tekście? Zaznacz ją myszką i kliknij Ctrl + F1 lub kliknij na ten blok!