Responsywna wtyczka Akordeon
Responsywna wtyczka Akordeon (Accordion) pozwala na umieszczenie większej ilości tekstu na stronie i wyakcentowanie nagłówków
Możliwości
Układ akordeonowy pozwala nie tylko zwiększyć ilość zamieszczonego tekstu na danej stronie ale także zachęcić czytelnika do czytania etapami. Dobrze widoczne nagłówki poszczególnych partii tekstu pozwalają na szybkie odnalezienie interesującej nas kwesti, co jest istotne w poszukiwaniu interesującego nas szczegółu lub przy utrwalaniu danego materiału.
Zastosowanie:
1. Różnego typu samouczki i instrukcje podawane etapami ( krok po kroku).
2. Biografie i życiorysy.
3. Wiadomości encyklopedyczne podawane wg jakiegos schematu czy klucza.
4. CV na własnej stronie.
5. Bibliografie tematyczne.
6. Szkolenia online
Podałem tutaj tylko kilka przykładów i pewnie jeszcze wiele innych zastosowań możecie znaleźć sami. Napiszcie o tym w komentarzach do tego artykułu.
Responsywne wtyczki Akordeon – przyklady
Przejdę teraz do przedstawienia wtyczek Accordin ( Akordeon) do WordPress. Wtyczek tego typu jest sporo ale wtyczki te chcemy zastosować do strony responsywnej dlatego wtyczka Akordeon musi także być responsywna czyli dostosowywać swoje wymiary do danego urządzenia odbiorczego np. tablet czy smatrphon.
Przedstawie wam dwie wtyczki, które różnią sie od siebie logiką edycji w nich tekstu.
1. Obsługa pierwszej polega na bezpośrednim wstawieniu kodu do edytora tekstu i potem wpisaniu w odpowiednie miejsce nagłówka i tekstu opisowego.
2. Druga wtyczka wyposażona jest we własny edytor, gdzie możemy indukować wiele nagłówków i tekstu opisowego w danym układzie akordeonu na konkretną stronę. Po zapisaniu tesktu kopiujemy kod (schortcode) i wklejamy na stronę lub wpis gdzie ma znaleźć sie tekst w układzie akordeona.
Ad.1 Wtyczka responsywna – Easy Responsive Shortcodes
Wtyczka pozwala na dodawanie Shortcodów do akordeonu i wielu innych dodatków np. przyciski, kolumny itp. Do wtyczki jest dołączona mozliwość edycji pliku css.
Zalety:
– możliwość edycji bezpośrednio z edytora tekstu.
– bardziej doświadczeni użytkownicy mogą dostosować wygląd dodatków przez wprowadzenie zmian w pliku css.
– taki układ wg twórcy wtyczki zapewnia lepszy układ ze względu na SEO niż inne rozwiązania.
Wady:
– obsługa wtyczki może sprawiać trudności w obsłudze mniej doświadczonym użytkownikom.
– Większa ilość wpisywanego tekstu pomiędzy znaczniki kodowe powodować będzie zmęczenie wzroku.
Link do pobrania wtyczki:
https://wordpress.org/plugins/easy-responsive-shortcodes
Ad2. Wtyczka responsywna akordeon – Accordion
Wtyczka wydana jest w wersji free i pro ( kilka dolarów).
Funkcje wtyczki:
- W pełni responsywna i gotowa do oglądania w urządzeniach mobilnych
- Nieograniczona ilość akordeonów.
- Po zawtierdzeniu tekstu wprowadzamy krótki kod na dany wpis czy stronę.
- Wybór motywów – wersja Pro
- Łatwe pola wprowadzania treści do układu akordeonowego.
- Możliwość wprowadzenia obrazu jako tło akordeonu.
- Własny kolor tła aktywnego akordeonu.
- Własny kolor tła całego akordeonu.
- Własny kolor i rozmiar czcionki nagłowków akordeonu.
- Własny kolor i rozmiar czcionki testu opisowego.
Zalety:
– wygodna edycja tekstu w pola nagłówka i w pole opisowe.
– łatwa konfiguracja kolorów tła i czcionek
– możliwość wprowadzenia obrazu jako tło
– łatwa konfiguracja rozmiaru czcionek
Wady:
– brak możliwości konfiguracji wytłuszczenia i pochylenia czcionki (od strony wizualnej)
– konieczność kopiowania i przenoszenia kodu do właściwego edytora tekstu
Link do pobrania wtyczki:
https://wordpress.org/plugins/accordions
Poniżej obsługa wtyczki – etapy tworzenia akordeonu:
Warning: count(): Parameter must be an array or an object that implements Countable in /home/zm003200/_sub/mobilne-strony/wp-includes/class-wp-comment-query.php on line 405
Dodaj komentarz
Musisz się zalogować, aby móc dodać komentarz.