Teraz każdy może zbudować własny dostępny szablon dla Joomla 3. Wystarczy skorzystać z ram projektowych EF4 i bazowego szablonu pcj-wcag. Na zlecenie projektu Kuźnia Dostępnych Stron firma JoomlaMonster przystosowała swój framework EF4 do standardów dostępności, zgodnie z wymogami WCAG 2.0 oraz opracowała bazowy szablon. Udostępniamy go w naszym dziale zasobów.

Instalacja szablonu bazowego pcj-wcag

Instalacja szablonu bazowego pcj-wcag przebiega w kilku krokach:

  1. Pobierz paczki instalacyjne dodatku EF4 i szablonu pcj-wcag.
  2. Zainstaluj dodatek Ef4.
  3. Zainstaluj szablon bazowy pcj-wcag.
  4. Włącz dodatek systemowy Ef4 w ustawieniach dodatków.
  5. Ustaw szablon pcj-wcag jako domyślny.

Kolejność kroków 3 i 4 można przestawić.

Dodatek EF4 i szablon pcj-wcag instalujemy tak, jak każde inne rozszerzenie dla Joomla:

  1. Zaloguj się do zaplecza Joomla i wybierz z menu zakładkę Rozszerzenia / Instalacje.
  2. Wybierz zakładkę Instaluj z pakietu.
  3. Kliknij przycisk Wybierz plik i wskaż na swoim komputerze plik rozszerzenia, które chcesz zainstalować.

    Jak zainstalować szablon?

  4. Kliknij przycisk Wczytaj i zainstaluj.

Po chwili pojawić się powinien ekran podsumowania instalacji z informacjami o zainstalowanym pakiecie.

Konfiguracja wstępna

Aby skonfigurować zainstalowany szablon, trzeba wykonać co najmniej dwie czynności:

  • Na stronie zaplecza Rozszerzenia / Dodatki: włączyć dodatek systemowy Ef4.

    Jak włączyć dodatek EF4

  • Na stronie zaplecza Rozszerzenia / Szablony: ustawić szablon pcj-wcag jako domyślny.

Włącz dodatek EF4

Dodatek EF4 Joomla-Monster Framework jest niezbędnym do działania naszych szablonów dodatkiem systemowym. Wystarczy go zainstalować jeden raz, a później - jeśli pojawią się aktualizacje - uaktualniać. Aby go włączyć:

  • Na zapleczu wybierz z górnego menu pozycję Rozszerzenia / Dodatki.
  • W panelu bocznym Filtry zaznacz system.
  • Odszukaj na liście dodatek EF4 Joomla-Monster Framework
  • W kolumnie Stan kliknij ikonę z czerwonym pączkiem - powinna się zmienić na zieloną fiszkę.

Zielona fiszka oznacza, że dodatek został włączony. Dodatek EF4 Joomla-Monster Framework nie posiada żadnych ustawień, nie trzeba go więc konfigurować. Wystarczy, że go włączymy.

Ustaw domyślny styl szablonu

Aby ustawić zainstalowany szablon jako domyślny, wybierz z menu zapleczu stronę Rozszerzenia / Szablony. Znajdziesz się na stronie z listą stylów. Odszukaj na liście styl pcj-wcag - domyślny i kliknij białą gwiazdkę w kolumnie Stan. Gwiazdka zmieni kolor na złoty, a domyślny styl pcj-wcag stanie się domyślnym stylem Twojego serwisu.

Włączenie udogodnień dla osób starszych i niepełnosprawnych

Udogodnienia dla osób starszych i niepełnosprawnych nie decydują o tym, że szablon jest dostępny. Ale poprawiają dostępność szablonu dla wszystkich, nie tylko dla osób starszych i niepełnosprawnych. Na przykład tryb nocny przyda się każdemu, kto korzysta z urządzeń przenośnych.

Szablon pcj-wcag i wszystkie inne szablony, które zostaną wydane w ramach projektu Kuźnia Dostępnych Stron, posiada kilka istotnych udogodnień wzbogacających dostępność. każde z nich można włączyć bądź wyłączyć. Jest to kilka przełączników w pasku dostępności:

  • przełącznik rozmiaru czcionki
  • przełącznik szerokości strony
  • przełączniki trybów: domyślnego i nocnego
  • przełączniki wersji kontrastowych

Aby włączyć te udogodnienia:

  • Zaloguj się do zaplecza Joomla i wybierz z menu pozycję Rozszerzenia / Szablony
  • Z listy stylów szablonów wybierz styl pcj-wcag,
  • Z bocznego menu wybierz opcję Ustawienia podstawowe
  • W sekcji Narzędzia na stronie zaznacz przycisk Włączone obok opcji Przełącznik rozmiaru czcionki
    Fragment ekranu z ustawieniami - włączenie przełącznika rozmiaru czcionki
  • W sekcji Ustawienia strony zaznacz przyciski Włączone obok opcji: Tryb nocny, Wysoki kontrast, Przełącznik szerokości
    Fragment ekranu z ustawieniami - włączenie trybu nocnego, przełącznika kontrastów oraz szerokości strony
  • Zapisz zmienione ustawienia
  • Przejdź na strone Rozszerzenia / Moduły
  • Utwórz moduł Własny HTML, nazwij go np. Narzędzia dostępności, koniecznie wyłącz wyświetlanie tytułu. Nie wpisuj żadnej treści
  • Umieść moduł w pozycji top-bar2
  • Zapisz ustawienia

Co dalej?

Gdy po skonfigurowaniu domyślnego stylu szablonu obejrzymy naszą witrynę, niewątpliwie poczujemy zawód. Niewiele zobaczymy, a na pewno nie możemy się spodziewać efektu „ŁAŁ”.

Niewiele, bo jak każdy szablon, tak i ten wymaga konfiguracji - przede wszystkim skonfigurowania modułów, a także takich „drobiazgów”, jak np. własne logo.

Bez efektu „ŁAŁ”, bo szablon pcj-wcag jest banalnie prosty. To zrozumiałe - ma stanowić bazę dla własnych szablonów. Poradnik objaśniający, jak stworzyć własny szablon, opracował Sławomir Pieszczek. Można go pobrać w naszym dziale Zasoby:

zip.png
Szablon bazowy PCJ-WCAG 1.0.1

Pobierz POPULARNY

 

Szczegóły:
Dodany: 2015-11-02
Wielkość: 521.85 KB
Pobrany: 5 787

Poradnik Sławka powstał, zanim JoomlaMonster dostosował swój framework EF4 do wymogów dostępności. Dlatego nie znajdziemy w nim omówienia kilku istotnych kwestii, jak np. omówionych powyżej przełączników czy możliwości ustawienia drugiego koloru podstawowego i koloru uzupełniającego. Niektóre z nich omówimy w kolejnych artykułach w dziale Warsztat / Rozwiązania / Dostosowanie szablonów.

Ministerstwo Administracji i Cyfryzacji Spółdzielnia FADO Fundacja PCJ Otwarte Źródła

Projekt współfinansowany ze środków Ministerstwa Administracji i Cyfryzacji