Simple Tabs Shortcodes

Wtyczka dodaje kody skrótowe do umieszczania zawartości strony w zakładkach. Używa lekki skrypt jQuery, 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.

Wtyczka jest dostępna również tutaj – w oficjalnej bazie dodatków na WordPress.org. Mile widziane oceny oraz recenzje

Pobierz Simple Tabs Shortcodes (1.1)
Uaktualniono: 2017.12.07, 19:48

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.

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

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.

Dodaj komentarz