Simple Tabs Shortcodes

Dodaje kody skrótowe do umieszczania zawartości strony w zakładkach

Wtyczka dodaje kody skrótowe do umieszczania zawartości strony w zakładkach. Używa lekki skrypt JS, brak dodatkowych plików CSS, więc trzeba dodać własny styl CSS do arkusza stylów motywu, aby zapewnić prawidłowe wyświetlanie zakładek.

Dostępne są dwa kody skrótowe, poniżej znajduje się ich prosty przykład użycia:

Wyświetli to następujący kod HTML:

Opcjonalnie można ustawić niestandardowy identyfikator poprzez dodanie id="my-id" w kodzie skrótowym.

Simple Tabs Shortcodes

Przykładowy CSS

Oto przykładowy CSS, dokonaj niezbędnych zmian jeżeli chcesz dostosować wygląd i działanie zakładek.

Wybieranie zakładki przez URL

Można wybrać domyślną zakładkę za pomocą hasha w adresie URL – wystarczy dodać #nazwa-zakładki na końcu adresu URL strony, aby wybrać konkretną zakładkę. Ten przykładowy adres URL wybierze zakładkę z tytułem / identyfikatorem „cośtam”: http://domain.tld/your-page/#cośtam.

Zakładki mogą być przełączane za pomocą zwykłego łącza, wystarczy dodać klasę tab-url do łącza. Przykład:

1.3 08.04.2020
Czysty JavaScript zamiast jQuery.
1.2 12.09.2019
Obsługa niełacińskich adresów URL.
1.1.2 13.12.2018
Drobne poprawki.
1.1 07.12.2017
Zmieniono nazwę klasy tab-content na tabs-content.
1.0.2 10.02.2017
Zmiany w strukturze nawigacji zakładek.
1.0 09.02.2017
Pierwsza publiczna wersja.