Jak dodać akordeon w WordPressie (przewodnik krok po kroku)

Projektujesz stronę docelową, stronę produktu lub stronę z najczęściej zadawanymi pytaniami w swojej witrynie WordPress? Następnie powinieneś użyć akordeonów w swoich projektach stron.

Accordions ułatwiają przeglądanie stron internetowych i poprawiają wygodę użytkowników. Pomagają również zmniejszyć bałagan i skrócić bardzo długie strony internetowe.

W tym przewodniku krok po kroku pokazujemy, jak stworzyć sekcję akordeonu na swojej stronie internetowej bez konieczności pisania nawet jednej linijki kodu.

Wspaniałą rzeczą w korzystaniu z WordPressa jest możliwość dodawania niesamowitych funkcji, takich jak akordeony, do swojej witryny za pomocą prostej wtyczki. W tym przewodniku wykorzystujemy Heroiczne FAQ, aby za pomocą kilku kliknięć utworzyć sekcję akordeonu.

Przeprowadzimy Cię krok po kroku przez cały proces. Zacznijmy!

Twórz sekcje z często zadawanymi pytaniami — w prosty sposób!

Utwórz FAQ i pomóż odpowiadać na często zadawane pytania odwiedzającym.

Pobierz wtyczkę

Co to jest akordeon?

Akordeon to bardzo przydatna strategia projektowania wykorzystywana w projektowaniu stron internetowych do organizowania wielu sekcji treści w jednym miejscu. Mówiąc najprościej, akordeony umożliwiają tworzenie sekcji ze składanymi zakładkami w projektach stron, aby spakować wiele treści w jednej sekcji.

Na przykład, jeśli tworzysz sekcję często zadawanych pytań (FAQ), możesz użyć akordeonu, aby uporządkować pytania i odpowiedzi. W ten sposób możesz pokazać tylko pytania i ukryć odpowiedzi w składanym akordeonie. Pozwoli Ci to zaoszczędzić miejsce na projekcie strony i zaoferuje użytkownikom łatwiejszy sposób przeglądania odpowiedzi.

Zobacz, jak Tesco używa akordeonów do organizowania swojej strony z najczęściej zadawanymi pytaniami.

Kiedyś strony internetowe używały również akordeonów z poziomymi zakładkami. Ale dziś są rzadko używane w projektach stron internetowych.

Różnica między akordeonem a przełącznikiem

Większość ludzi często myli akordeony z przełącznikami. Mimo że wyglądają podobnie, zachowują się inaczej.

Na przykład, gdy użytkownik kliknie nagłówek na akordeonie, wyświetla zawartość na swojej karcie. Ale kiedy klikną inny nagłówek, poprzednia karta zostanie zamknięta, aby wyświetlić nową kartę.

Za pomocą przełączników możesz zmodyfikować to zachowanie, aby karty pozostały otwarte. I zezwól użytkownikom na ręczne zamykanie kart.

Krótko mówiąc, akordeony otwierają tylko jedną kartę na raz. Przełączniki można dostosować, aby wyświetlać wiele kart otwartych jednocześnie.

Nie musisz się martwić tymi dwiema opcjami, ponieważ wtyczka, której używamy do konfiguracji akordeonów w WordPressie, obsługuje obie te opcje.

Dlaczego warto używać akordeonu?

Korzystanie z akordeonów ma wiele zalet. Oto tylko kilka powodów, dla których warto ich używać w swojej witrynie.

Zaoszczędź dużo miejsca

Czy kiedykolwiek odwiedziłeś długą stronę internetową, która zmusza Cię do ciągłego przewijania w dół, aby znaleźć szukaną treść? Na szczęście akordeony rozwiązują ten problem.

Główną zaletą korzystania z akordeonów jest możliwość zaoszczędzenia miejsca na Twojej stronie. Zamiast tworzyć bardzo długie strony, możesz ukryć wszystkie ważne informacje za zakładkami. I pozwól użytkownikom znajdować pytania i odpowiedzi, przeglądając nagłówki.

Lepsza organizacja treści

Akordeon pozwala również na uporządkowanie treści w przyjaznej dla użytkownika strukturze. Za pomocą akordeonów możesz zagnieżdżać karty, aby uporządkować zawartość w kategoriach i tematach. Możesz to zobaczyć w akcji na stronie z najczęściej zadawanymi pytaniami Tesco, którą pokazaliśmy Ci wcześniej.

Osadź w dowolnym miejscu

Akordeon można umieścić w dowolnym miejscu na Twojej stronie. Na przykład możesz dodać sekcje akordeonowe FAQ na stronie cenowej lub stronie docelowej produktu. Umożliwi to udzielenie odpowiedzi na często zadawane pytania dotyczące Twojego produktu bez zajmowania zbyt dużej ilości miejsca.

Zmniejsz rozmiar strony

Rozmiar stron internetowych odgrywa kluczową rolę w szybkości ładowania strony internetowej. Jak wiesz, szybkość ładowania strony jest jednym z głównych czynników rankingowych stosowanych przez Google.

Używając akordeonów w witrynach WordPress, możesz radykalnie poprawić szybkość ładowania strony internetowej, ponieważ można je osadzić jako widżet.

Jak dodać akordeon z heroicznymi często zadawanymi pytaniami

W tym samouczku używamy wtyczki Heroic FAQs WordPress. Nie tylko dlatego, że jest budowany przez nasz własny zespół doświadczonych programistów. Głównie dlatego, że jest to wtyczka z wieloma funkcjami. I zapewnia dużo więcej niż inne wtyczki.

Korzystając z wtyczki Heroic FAQs, możesz również tworzyć unikalne FAQ i sekcje wiedzy dla swojej witryny.

Przejdźmy teraz do praktycznego samouczka.

Krok 1: Pobierz i zainstaluj Heroiczne FAQ

Najpierw musisz pobrać i zainstalować wtyczkę Heroic FAQs na swojej stronie WordPress. Po zakupie wtyczki będziesz mógł ją pobrać z pulpitu konta Heroic.

Następnie zaloguj się do pulpitu administratora WordPress. Przejdź do Wtyczki >> Dodaj nową stronę i wybierz opcję Prześlij . Przeglądaj swój komputer, aby znaleźć pobrany plik ZIP zawierający wtyczkę Heroic FAQs i zainstaluj go.

Po zakończeniu instalacji należy aktywować wtyczkę za pomocą klucza licencyjnego.

Krok 2: Utwórz grupę FAQ

Wtyczka Heroic FAQs poprowadzi Cię przez proces początkowej konfiguracji. Po prostu postępuj zgodnie z jego instrukcjami.

Zacznij od utworzenia grupy FAQ. W tym miejscu wszystkie najczęściej zadawane pytania będą pogrupowane i zorganizowane.

Następnie możesz zacząć dodawać FAQ do tej grupy. Mogą to być pytania i odpowiedzi. Lub szczegóły dotyczące funkcji produktu. Albo cokolwiek chcesz.

Pamiętaj, że możesz dodać tyle często zadawanych pytań, ile chcesz.

Krok 3: Osadź akordeon

Teraz możesz umieścić swoją grupę FAQ na stronie lub w poście. Dzięki nowemu edytorowi bloków Gutenberg znacznie łatwiej jest dodawać akordeony dzięki Heroic FAQ.

Utwórz nową stronę lub edytuj istniejącą. Dodaj nowy blok i wyszukaj blok treści Heroic FAQ .

Z panelu bloku Heroic FAQ po lewej stronie, możesz wybrać grupę FAQ, którą chcesz pokazać na stronie. A także zmienić styl projektu akordeonu.

Krok 4: Przełącz między akordeonem i przełącz

Dzięki Heroic FAQ możesz wybierać między akordeonem i przełączać opcje za pomocą jednego kliknięcia.

Krok 5: Podgląd akordeonu

Wyświetl podgląd strony, aby zobaczyć, jak wygląda akordeon. Następnie możesz nacisnąć Opublikuj, aby zapisać zmiany.

Na zakończenie

Istnieje wiele różnych sposobów wykorzystania akordeonów, aby zwiększyć zaangażowanie użytkowników i zapewnić klientom większą wartość. Skorzystaj z naszego przewodnika jako odskoczni do znalezienia własnego, unikalnego podejścia do używania akordeonów na inne przydatne sposoby.

W międzyczasie zachęcamy do przeglądania naszego bloga, aby uzyskać więcej wskazówek. Przekonasz się, że nasze najlepsze porównanie oprogramowania bazy wiedzy jest bardzo pomocne.