Jestem symbolem zastępczym wyłącznie do celów demonstracyjnych. Edytuj lub usuń mnie.

To tylko zawartość demonstracyjna. Możesz dodać dowolne bloki do zakładek. Umieściłem tutaj te złośliwe koty, aby wypełnić przestrzeń, abyś mógł zobaczyć, jak wyglądają zakładki z zawartością. Kliknij dalej, aby uzyskać więcej instrukcji.

Jestem symbolem zastępczym wyłącznie do celów demonstracyjnych. Edytuj lub usuń mnie.

Blok zakładek może zawierać do 8 zakładek, zanim zostaną one ułożone w stos. Możesz dodawać lub usuwać zakładki, tak aby ich łączna liczba wynosiła od 1 do 8. Jeśli dodasz lub usuniesz zakładki, nie zapomnij dostosować numeru kolumny w ustawieniach bloku Tab Title Width/Spacing/Border.

Jestem symbolem zastępczym wyłącznie do celów demonstracyjnych. Edytuj lub usuń mnie.

Kolory tła dla numerów są zdefiniowane w CSS dodanym do układu wiersza nadrzędnego i pobranym z ustawień personalizatora. Tła będą używać koloru przycisku dla aktywnej karty i siódmego koloru z palety dla linii i efektu najechania kursorem.

Jestem symbolem zastępczym wyłącznie do celów demonstracyjnych. Edytuj lub usuń mnie.

Jeśli chcesz zmienić rozmiar kółek z liczbami, ułatwiłem to za pomocą zmiennych CSS. W górnej części CSS w sekcji Custom CSS bloku nadrzędnego układu wierszy zobaczysz to:

:root {
–wpziom-stepped-tabs-1-number-size: 50px;
–wpziom-stepped-tabs-1-number-size-mobile: 40px;
}

Zmień wartość 50px dla komputerów stacjonarnych i tabletów oraz wartość 40px dla urządzeń mobilnych. Rozmiar tekstu można zmienić w ustawieniach czcionki napisów.

Jestem symbolem zastępczym wyłącznie do celów demonstracyjnych. Edytuj lub usuń mnie.

To wszystko, naprawdę niewiele więcej. Możesz połączyć poniższy przycisk z powrotem do pierwszej zakładki (tak jak ja) lub, aby uzyskać lepszą konwersję, użyj wezwania do działania, które powie czytelnikowi, co chcesz, aby zrobił dalej. Miłego oglądania!