20 grudnia 2014   Moduły   No comments

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

responsywna wtyczka akodreon

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

responsywna wtyczka akrordeon - widok na stronie

 

Ad2. Wtyczka responsywna akordeon – Accordion

Wtyczka wydana jest w wersji free i pro ( kilka dolarów).

responsywna wtyczka - Accordin

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:

 

 

 

, ,

Dodaj komentarz