Title: Simple Tabs Shortcodes Author: Beherit Published: 2017-02-08 Last modified: 2020-04-08 --- Szukaj wtyczek Wtyczka **nie została przetestowana z trzema ostatnimi głównymi wydaniami WordPressa**. Może nie być już utrzymywana lub obsługiwana, co może skutkować problemem ze zgodnością z nowszymi wersjami WordPressa. ![](https://s.w.org/plugins/geopattern-icon/simple-tabs-shortcodes.svg) # Simple Tabs Shortcodes Autor: [Beherit](https://profiles.wordpress.org/beherit/) [Pobierz](https://downloads.wordpress.org/plugin/simple-tabs-shortcodes.1.3.zip) * [Szczegóły](https://pl.wordpress.org/plugins/simple-tabs-shortcodes/#description) * [Recenzje](https://pl.wordpress.org/plugins/simple-tabs-shortcodes/#reviews) * [Instalacja](https://pl.wordpress.org/plugins/simple-tabs-shortcodes/#installation) * [Rozwój](https://pl.wordpress.org/plugins/simple-tabs-shortcodes/#developers) [Wsparcie](https://wordpress.org/support/plugin/simple-tabs-shortcodes/) ## Opis 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. ## Instalacja W większości przypadków można zainstalować automatycznie ze strony wtyczek w panelu administracyjnym. Jeśli jednak chcesz zainstalować ją ręcznie, wykonaj następujące czynności: 1. Pobierz wtyczkę i rozpakuj archiwum. 2. Prześlij cały folder `simple-tabs-shortcodes` do katalogu `/wp-content/plugins/`. 3. Włącz wtyczkę z menu „Wtyczki” w WordPressie. ## Najczęściej zadawane pytania ### Przykładowe użycie Dostępne są dwa kody skrótowe, poniżej znajduje się ich prosty przykład użycia: ``` [tabs] [tab title="First tab"]The content of the first tab.[/tab] [tab title="Second tab"]The content of the second tab.[/tab] [tab title="Third tab"]The content of the third tab.[/tab] [/tabs] ``` Wyświetli to następujący kod HTML: ```
The content of the first tab.
The content of the second tab.
The content of the third tab.
``` Opcjonalnie można ustawić niestandardowy identyfikator poprzez dodanie `id="my-id"` w kodzie skrótowym. ### Przykładowy CSS Oto przykładowy CSS, dokonaj niezbędnych zmian jeżeli chcesz dostosować wygląd i działanie zakładek. ``` .tabs-nav { margin: 0; border-bottom: 1px solid #ccc; } .tabs-nav ul { list-style: none; } .tabs-nav li {display: inline-block;} .tabs-nav a { display: block; padding: 5px 10px; border: 1px solid transparent; text-decoration: none; } .tabs-nav a.active { border-color: #ccc; border-bottom-color: #fff; } section.tab { display: none; margin-bottom: 15px; padding: 15px 0; } section.tab.active {display: block;} ``` ### 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: ``` Something ``` ## Recenzje ![](https://secure.gravatar.com/avatar/b382bcf0dcb8789f25830744642416830ada9527ee26aaee04a00333703250e1? s=60&d=retro&r=g) ### 󠀁[Super](https://wordpress.org/support/topic/super-1996/)󠁿 [Mladen Gradev](https://profiles.wordpress.org/joe8104/) 2020-10-31 Simle & useful & works great. Thank you! ![](https://secure.gravatar.com/avatar/b6a7270ed42cdc851b822bbe70c4a4e30abdcf25a949826e774dd195e9223857? s=60&d=retro&r=g) ### 󠀁[Thanks for the good work!](https://wordpress.org/support/topic/thanks-for-the-good-work-2/)󠁿 [stephanebeck](https://profiles.wordpress.org/stephanebeck/) 2019-05-22 Beautifully minimalistic. Allows several independent tab groups on the same page. Exactly what I was after! ![](https://secure.gravatar.com/avatar/163f63d478d33a4b609dc42b24ab5874bbbc28c86f8c28e5b15ee328140eeb03? s=60&d=retro&r=g) ### 󠀁[Simple and lightweight! Thanks!](https://wordpress.org/support/topic/simple-and-lightweight-thanks/)󠁿 [laurenfs](https://profiles.wordpress.org/laurenfs/) 2017-03-30 1 odpowiedź ![](https://secure.gravatar.com/avatar/cc16ffb593690511d3559842f2a3ba9b0d430aca75e6d494aa56ff391b017141? s=60&d=retro&r=g) ### 󠀁[Super!](https://wordpress.org/support/topic/super-715/)󠁿 [Gronix](https://profiles.wordpress.org/gronix/) 2017-02-16 Thanks 🙂 [ Przeczytaj 4 recenzje ](https://wordpress.org/support/plugin/simple-tabs-shortcodes/reviews/) ## Kontrybutorzy i deweloperzy „Simple Tabs Shortcodes” jest oprogramowaniem open source. Poniższe osoby miały wkład w rozwój wtyczki. Zaangażowani * [ Beherit ](https://profiles.wordpress.org/beherit/) Wtyczka „Simple Tabs Shortcodes” została przetłumaczona na 2 języki. Podziękuj [tłumaczom](https://translate.wordpress.org/projects/wp-plugins/simple-tabs-shortcodes/contributors) za ich wkład. [Przetłumacz wtyczkę “Simple Tabs Shortcodes” na swój język.](https://translate.wordpress.org/projects/wp-plugins/simple-tabs-shortcodes) ### Interesuje cię rozwój wtyczki? [Przeglądaj kod](https://plugins.trac.wordpress.org/browser/simple-tabs-shortcodes/), sprawdź [repozytorium SVN](https://plugins.svn.wordpress.org/simple-tabs-shortcodes/) lub czytaj [dziennik rozwoju](https://plugins.trac.wordpress.org/log/simple-tabs-shortcodes/) przez [RSS](https://plugins.trac.wordpress.org/log/simple-tabs-shortcodes/?limit=100&mode=stop_on_copy&format=rss). ## Rejestr zmian #### 1.3 (2020-04-08) * Czysty JavaScript zamiast jQuery. #### 1.2. (2018-08-12) * Obsługa niełacińskich adresów URL. #### 1.1.2 (2018-12-13) * Drobne poprawki. #### 1.1 (2017-12-07) * Zmieniono nazwę klasy `tab-content` na `tabs-content`. #### 1.0.2 (2017-02-10) * Zmiany w strukturze nawigacji zakładek. #### 1.0 (2017-02-09) * Pierwsza publiczna wersja. ## Meta * Wersja **1.3** * Ostatnia aktualizacja **6 lat temu** * Włączone instalacje **100+** * Wersja WordPressa ** 4.6 lub nowszej ** * Testowano do **5.4.19** * Wersja PHP ** 7.0 lub nowszej ** * Języki * [English (US)](https://wordpress.org/plugins/simple-tabs-shortcodes/), [Polish](https://pl.wordpress.org/plugins/simple-tabs-shortcodes/), i [Russian](https://ru.wordpress.org/plugins/simple-tabs-shortcodes/). * [Przetłumacz na swój język](https://translate.wordpress.org/projects/wp-plugins/simple-tabs-shortcodes) * Tagi * [shortcodes](https://pl.wordpress.org/plugins/tags/shortcodes/)[tab](https://pl.wordpress.org/plugins/tags/tab/) [tabs](https://pl.wordpress.org/plugins/tags/tabs/) * [Widok zaawansowany](https://pl.wordpress.org/plugins/simple-tabs-shortcodes/advanced/) ## Oceny 5 na 5 gwiazdek. * [ 4 recenzje 5-gwiazdkowe ](https://wordpress.org/support/plugin/simple-tabs-shortcodes/reviews/?filter=5) * [ 0 recenzji 4-gwiazdkowych ](https://wordpress.org/support/plugin/simple-tabs-shortcodes/reviews/?filter=4) * [ 0 recenzji 3-gwiazdkowych ](https://wordpress.org/support/plugin/simple-tabs-shortcodes/reviews/?filter=3) * [ 0 recenzji 2-gwiazdkowych ](https://wordpress.org/support/plugin/simple-tabs-shortcodes/reviews/?filter=2) * [ 0 recenzji 1-gwiazdkowych ](https://wordpress.org/support/plugin/simple-tabs-shortcodes/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/simple-tabs-shortcodes/reviews/#new-post) [Zobacz wszystkierecenzje.](https://wordpress.org/support/plugin/simple-tabs-shortcodes/reviews/) ## Zaangażowani * [ Beherit ](https://profiles.wordpress.org/beherit/) ## Wsparcie Masz coś do dodania? Potrzebujesz pomocy? [Zobacz forum wsparcia](https://wordpress.org/support/plugin/simple-tabs-shortcodes/)