Zaufane samouczki WordPress, kiedy ich najbardziej potrzebujesz.
Przewodnik dla początkujących po WordPressie
WPB Cup
25 milionów+
Witryny korzystające z naszych wtyczek
16+
Lata doświadczenia z WordPressem
3000+
Samouczki WordPress od ekspertów

Jak dodać treść w zakładkach do wpisów i stron WordPress

Jeden z naszych czytelników zapytał nas niedawno, jak podzielić wpisy na zakładki, aby zaoszczędzić miejsce i ułatwić użytkownikom znalezienie tego, czego szukają.

W WPBeginner pomogliśmy wielu właścicielom stron internetowych ulepszyć organizację ich treści za pomocą układów z zakładkami.

Dodanie treści w zakładkach pozwala na umieszczenie większej ilości informacji o Twoich produktach i usługach na jednej stronie, poprawiając doświadczenie użytkownika i utrzymując wszystkie szczegóły w jednym dogodnym miejscu. W rezultacie zmniejszysz bałagan na stronie i ułatwisz nawigację odwiedzającym.

W tym artykule pokażemy Ci, jak dodać zawartość w zakładkach do swoich postów i stron WordPress, zapewniając odwiedzającym łatwy dostęp do tego, czego potrzebują.

Dodaj treść w zakładkach do wpisów i stron WordPress

Kiedy należy używać treści w zakładkach w WordPressie?

Używanie zakładek pozwala na dodanie większej ilości szczegółów w niewielkiej przestrzeni lub podzielenie dużych fragmentów zawartości w celu lepszej organizacji i doświadczenia użytkownika.

Załóżmy, że masz sklep internetowy. Możesz dodać zakładki dla opisów produktów, recenzji, specyfikacji technicznych i innych. To rozdzielenie pomaga dostarczyć wszystkie szczegóły dla Twoich klientów w jednym miejscu i sprawia, że strona jest interaktywna.

Podobnie, treści w zakładkach można zobaczyć na stronach wtyczek WordPress.org. Strona jest podzielona na różne sekcje za pomocą zakładek, takich jak szczegóły, recenzje, instalacja, wsparcie i informacje o rozwoju.

Podgląd treści w zakładkach

Treści w zakładkach pomagają utrzymać użytkowników na Twojej stronie WordPress. Nie musisz wysyłać ludzi na inną stronę, aby uzyskać wszystkie potrzebne informacje o Twoich produktach i usługach.

Mając to na uwadze, zobaczmy, jak możesz dodać zawartość w zakładkach do stron i wpisów WordPress.

Oto 2 metody, których użyjemy, aby to osiągnąć:

Metoda 1: Dodawanie treści w zakładkach za pomocą kreatora stron docelowych

Najlepszym sposobem na dodanie zawartości w zakładkach w WordPressie jest użycie SeedProd. Jest to najlepsza wtyczka do tworzenia stron docelowych i kreator stron internetowych WordPress. SeedProd jest przyjazny dla początkujących i zawiera kreator typu przeciągnij i upuść, gotowe szablony oraz wiele opcji dostosowywania.

Do tego samouczka użyjemy licencji SeedProd Pro, ponieważ zawiera ona zaawansowane bloki do dodawania treści w zakładkach. Dostępna jest również darmowa wersja SeedProd Lite, którą można używać bezpłatnie.

Najpierw musisz zainstalować i aktywować wtyczkę SeedProd. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem jak zainstalować wtyczkę WordPress.

Po aktywacji zostaniesz przekierowany na ekran powitalny SeedProd w swoim panelu WordPress. Wpisz swój klucz licencyjny, który znajdziesz w obszarze swojego konta SeedProd.

Klucz licencyjny SeedProd

Następnie możesz przejść do SeedProd » Strony docelowe z panelu administracyjnego WordPress.

Następnie po prostu kliknij przycisk „Utwórz nową stronę docelową”.

Dodaj nową stronę docelową SeedProd

Stąd SeedProd pokaże Ci wiele szablonów stron docelowych do wyboru.

Wybierz szablon, którego chcesz użyć. Po prostu najedź kursorem na szablon i kliknij pomarańczową ikonę znacznika wyboru.

Wybierz szablon strony docelowej

Otworzy się teraz okno, w którym będziesz musiał wprowadzić tytuł swojej strony w polu „Nazwa strony” oraz slug adresu URL pod polem „URL strony”.

Następnie po prostu kliknij przycisk „Zapisz i rozpocznij edycję strony”.

Wpisz nazwę swojej strony

Spowoduje to uruchomienie kreatora przeciągnij i upuść SeedProd. Możesz teraz dodawać różne bloki do swojego szablonu i edytować istniejące elementy.

Aby dodać treści w zakładkach, po prostu przeciągnij blok „Zakładki” z sekcji Zaawansowane i upuść go na szablon strony.

Dodaj blok zakładek do szablonu

Następnie możesz dostosować blok zakładek w SeedProd.

Na przykład, możesz kliknąć przycisk „Dodaj nowy element”, aby dodać tyle zakładek, ile chcesz. Ponadto dostępne są opcje edycji rozmiaru czcionki, odstępów między tekstem i wyrównania treści w każdej zakładce.

Dodaj nowe elementy do bloku zakładek

Następnie możesz kliknąć na dowolną zakładkę, aby ją dalej edytować i dodać szczegóły.

Na przykład możesz zmienić tytuł każdej zakładki, dodać zawartość i zmienić ikonę zakładki.

Dodaj zawartość i zmień etykietę zakładki

Poza tym SeedProd oferuje również zaawansowane opcje dostosowywania.

Po prostu kliknij zakładkę „Zaawansowane” w menu po lewej stronie. Tutaj możesz zmienić układ zakładek, typografię, kolor, kolor tła, obramowania i inne.

Edytuj zaawansowane ustawienia bloku zakładek

Po wprowadzeniu zmian w bloku zakładek i dostosowaniu strony docelowej, nie zapomnij kliknąć zielonego przycisku „Zapisz” na górze.

Następnie możesz przejść do zakładki „Ustawienia strony”.

Opublikuj swoją stronę z treścią w zakładkach

Następnie możesz kliknąć przełącznik „Status strony” i zmienić status z Wersja robocza na Opublikuj.

Możesz kliknąć przycisk „Zapisz”, aby zapisać zmiany i zamknąć kreator stron.

Teraz wystarczy odwiedzić swoją stronę internetową, aby zobaczyć zawartość w zakładkach na stronie WordPress w akcji.

Podgląd strony docelowej z treścią w zakładkach

Metoda 2: Dodawanie zawartości w zakładkach za pomocą wtyczki WordPress

Jeśli nie chcesz używać konstruktora stron docelowych, możesz użyć dedykowanej wtyczki WordPress, aby dodać zawartość w zakładkach do swoich postów i stron.

Najpierw musisz zainstalować i aktywować wtyczkę Tabs Responsive. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem jak zainstalować wtyczkę WordPress.

Po aktywacji możesz przejść do Zakładki Responsive » Dodaj nowe zakładki z panelu administracyjnego WordPress i zacząć od wprowadzenia nazwy dla swoich zakładek.

Wpisz nazwę swojej zakładki

Następnie możesz przewinąć w dół, aby dodać tyle zakładek, ile chcesz, klikając czerwony przycisk „Dodaj nowe zakładki”.

Ponadto możesz edytować każdą zakładkę indywidualnie, zmieniając jej tytuł, dodając opis, używając innego ikony zakładki i edytując jej położenie.

Edytuj ustawienia zakładek i dodaj szczegóły

Oprócz tego wtyczka oferuje również różne „Ustawienia zakładek” w menu po prawej stronie.

Na przykład możesz wybrać, czy wyświetlić tytuł zakładek, wybrać różne opcje dla tytułu i ikony, zmienić pozycję ikony, pokazać obramowanie zakładek, wybrać kolor tekstu i wiele więcej.

Edytuj ustawienia zakładek i dodaj szczegóły

Po wprowadzeniu zmian możesz teraz używać zakładek w dowolnym poście na blogu lub stronie, korzystając z krótkiego kodu wygenerowanego przez wtyczkę.

Po prostu kliknij przycisk „Opublikuj”.

Opublikuj swoje zakładki

Następnie możesz dodać zakładki na dowolnej stronie lub w poście, używając krótkiego kodu [TABS_R id=130]. Po prostu upewnij się, że zastąpiłeś numer ID w krótkim kodzie swoim numerem ID zakładki.

Możesz łatwo znaleźć ID zakładki i krótki kod, przechodząc do Zakładki Responsive » Wszystkie zakładki i kopiując kod z kolumny Krótki kod zakładek.

Znajdź numer ID dla treści w zakładkach

Następnie musisz dodać nowy wpis lub edytować istniejący.

Będąc w edytorze bloków Gutenberg, dodaj blok krótkiego kodu, aby wprowadzić krótki kod.

Dodaj blok skróconego kodu

Po tym możesz wyświetlić podgląd swojego posta na blogu lub strony. Jeśli wszystko się zgadza, możesz kliknąć przycisk „Opublikuj” lub „Zaktualizuj”, aby zapisać zakładki w swoim poście.

Teraz odwiedź swoją witrynę, aby zobaczyć treści w zakładkach w akcji.

Podgląd wtyczki zawartości w zakładkach

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodawać treści w zakładkach do postów i stron WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat uproszczonego WooCommerce oraz naszą listą najlepszych wtyczek WordPress dla stron biznesowych.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz w niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak finansowany jest WPBeginner, dlaczego to ważne i jak możesz nas wesprzeć. Oto nasz proces redakcyjny.

Ostateczny zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi – kolekcji produktów i zasobów związanych z WordPress, które powinien mieć każdy profesjonalista!

Interakcje czytelników

34 CommentsLeave a Reply

  1. To brzmi jak świetna opcja do lepszego personalizowania artykułów z recenzjami produktów. Użytkownicy mogliby łatwo przełączać się między oceną produktu (recenzją), szczegółowymi informacjami o produkcie lub zakładką oferującą miejsca zakupu. Jako wtyczka do recenzji, to rozwiązanie wydaje się naprawdę doskonałe, i dziękuję za świetną wskazówkę.

  2. Cześć, potrzebuję wyświetlić posty jako zakładki, potrzebuję tytułu posta jako etykiety zakładki i treści posta jako zawartości zakładki, jakieś rekomendacje, jak to zrobić?

  3. Jestem początkujący w WordPress. Czy ktoś może mi pomóc rozwiązać mój problem?
    Na mojej stronie jest część naszej historii, jak historia, na przykład. jeśli kliknę na zakładkę 2018, chcę uzyskać odpowiedni opis dotyczący 2018. Jak to zrobić w WordPress. Z góry dziękuję.

  4. Uwielbiam to, to nie koniec świata, jeśli ta opcja nie będzie dostępna, po prostu chciałbym móc edytować bieżący zestaw zakładek za pomocą tego samego interfejsu, w którym je utworzyłem. Czy jest to możliwe zamiast wklejania nowej zawartości między shortcode'ami?

  5. Jak zatrzymać odtwarzanie wideo w zakładce podczas przełączania do innej zakładki, jeśli mam wideo w każdej zakładce? Proszę o pomoc.

  6. Czy jest możliwe, aby w edytorze użytkownika był tylko przycisk, który automatycznie tworzy nową zakładkę, w której może on/ona pisać swoje treści?
    Planuję platformę do udostępniania treści...

  7. Cześć,
    Szukam pionowych zakładek z opcją dodania linku do każdej zakładki, tak aby każda zakładka miała adres.
    Czy możesz polecić wtyczkę do zakładek, która ma tę opcję, lub tutorial wyjaśniający, jak dodać tę funkcjonalność.
    Dzięki za pomoc.

    David

  8. To jest pomocny artykuł.
    Chciałbym dowiedzieć się o zawartości w zakładkach na stronie głównej wpbeginner. Czy ta wtyczka może stworzyć taką samą zawartość w zakładkach?
    Czy używasz innej wtyczki do stworzenia tej zawartości w zakładkach?
    Myślę, że te zakładki są świetne.

  9. Proszę, pokaż mi, jak umieszczać treści pod różnymi zakładkami, które umieściłem na moim blogu.

    Dzięki

      • Dzięki za odpowiedź!

        Jestem początkującym blogerem WordPress i chcę najpierw się z nim zapoznać, aby potem przejść na wordpress.org z Bluehost jako moim hostem.

        Chcę monetyzować swojego bloga, ponieważ zajmuję się marketingiem afiliacyjnym! Obecnie chcę dodać zawartość tuż pod każdą stroną, którą utworzyłem w pasku menu, oraz kilka przycisków udostępniania społecznościowego, chociaż mam z tym trudności!

        Proszę, poprowadź mnie w tym.

        Dzięki.

  10. Pomocne informacje o zakładkach w WordPress!

    Jednakże, czy istnieje rozwiązanie w tym wtyczce lub w jakiejkolwiek innej wtyczce WP, aby dodać zakładki na całej stronie (w całym serwisie), a nie tylko w postach i stronach?

    Na przykład: potrzebuję jednej „grupy zakładek” składającej się z 3 zakładek i chciałbym ją dodać w całym witrynie (ta sama treść / zakładki na wszystkich stronach i wpisach; jak menu / podmenu, ale z funkcjonalnością zakładek).
    Czy jest to możliwe?

    W przeciwnym razie dodawanie tej samej „grupy zakładek” do wszystkich stron i wpisów po kolei jest bardzo pracochłonne.

    Z góry dziękuję za odpowiedź!

  11. co jeśli potrzebuję, aby zakładka wyświetlała treści w formie widżetów. jak mogę to osiągnąć

  12. Wygląda na to, że jest to świetna wtyczka do zakładek – ale byłoby jeszcze lepiej, gdybym mógł ją dodać również do stron, a nie tylko do wpisów. Szukałem wszędzie, ale nie pojawia się w edytorze stron – czy jest na to jakaś szansa?

  13. Witam,

    Czy możliwe jest tworzenie tabel w zakładkach na stronach blogów WordPress. Proszę, zobacz tę stronę: , Proszę, pomóż mi stworzyć coś podobnego do tego w WP.

  14. Jeśli nie możesz wymyślić, dlaczego ich potrzebujesz, oznacza to, że tak naprawdę nie są Ci potrzebne na Twojej stronie internetowej. Piszemy o wielu fajnych rzeczach, które użytkownicy mogą dodać do swoich stron. Jeśli użytkownicy znajdą coś przydatnego, mogą to dodać do swojej witryny.

  15. Jestem bardzo nowy w tworzeniu stron internetowych. Myślę, że tak zaawansowane założenie, jak dobrze ktoś taki jak ja może zrozumieć i zastosować się do twoich instrukcji, jest mocno przesadzone. Nadal nie rozumiem, do czego służą zakładki. Wiem, że to wyjaśniłeś, a nawet pokazałeś nam, gdzie możemy je zobaczyć w akcji, ale nadal nie rozumiem, dlaczego potrzebuję zakładek. Byłoby wspaniale, gdybyś był bardziej konkretny w dawaniu nam, wolniejszym ludziom, więcej przykładów. Dzięki!

  16. To pomocny artykuł. Użyję tej wtyczki, kiedy będzie to konieczne. Myślę, że jest znacznie lepsza pod względem projektu w porównaniu do tej, której obecnie używam. Dziękuję za udostępnienie.

  17. cześć i dzięki za udostępnienie posta, w którym mogłem dodać zawartość w zakładkach na moim blogu.
    Szukałem wtyczki, która mogłaby to zrobić.

  18. Czy treści w zakładkach są przeszukiwalne, czy kod skrótu uniemożliwia przeszukiwanie treści?

  19. Czy ta wtyczka stworzy hierarchię menu w zakładkach? Jeśli tak, to czy usunę zakładki menu przed dodaniem tej wtyczki?

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszą polityką komentowania, a Twój adres e-mail NIE zostanie opublikowany. Prosimy NIE używać słów kluczowych w polu nazwy. Prowadźmy osobistą i znaczącą rozmowę.