gakowalski / pot-polskazobaczwiecej.pl

Szablon dla systemu Joomla! CMS

Polska Zobacz Więcej

Szablon do serwisu polskazobaczwiecej.pl dla systemu Joomla! 3.7 wykonany na podstawie dotychczasowego szablonu opartego o system WebAdministrator CMS.

Specyficzne cechy szablonu:

• Responsywny;
• Ścisłe dopasowanie do projektu, konkretnych komponentów i rozwiązań (nie jest to uniwersalny szablon):
  • Natywny moduł obsługi bannerów mod_banners z automatyczną rotacją typu fade-in-fade-out, gdy wyświetlane są 2-3 bannery w module;
  • Natywne rozszerzenia wyszukiwania: mod_search oraz com_search;
  • Natywny komponent wyświetlania treści com_content (ale tylko widoki article, category, featured);
  • Formularz kontaktowy: rozszerzenie JU Contact.
• Zmiana stosowanej natywnie w Joomli hierarchii nagłówków celem uzyskania większej dostępności;
• Poprawna walidacja WCAG w walidatorze Wave.
• Możliwość aktualizacji bezpośrednio z panelu administracyjnego (pobierany jest najnowszy release z tego repo);
• Wbudowana obsługa przełączenia w tryb wysokiego kontrastu;
• Wbudowana obsługa wyboru wielkości czcionki: mała, średnia, duża;
• Wbudowane wyświetlanie informacji o ciasteczkach.
• Przy włączonym JavaScripcie niektóre funkcjonalności mają usprawnione działanie (np. linki są zamienione na buttony, aby uzyskać czystsze adresy URL; ciasteczka są ustawiane "w locie"); przy wyłączonym wykorzystywane są zwyczajne rozwiązania HTML & CSS.

Informacje dla osób dostosowujących konfigurację serwisu do szablonu:

• Moduł wyszukiwarki: mod_search umieszczony w pozycji header, ustawienie "Box text" wypełnione stosowną frazą, ukryty tytuł modułu; ustawienia "Search Button" oraz "Search Button Image" nie mają wpływu na działanie modułu.
• Komponent wyszukiwarki: com_search z ustawieniem "Created Date" na wartośc "Hide"; szablon deaktywuje mozliwosc sterowania tytulem strony, ktory jest na sztywno ustalony jako "Wyniki wyszukiwania";

Informacje dla osób dostosowujących komponenty do szablonu:

• W trybie wysokiego kontrastu tag body ma przypisaną klasę high-contrast a zwykłym trybie graficznym low-contrast;
• Widok domyślnego menu dla danego języka przypisuje do tagu body klasę frontpage - pozostałe widoki otrzymują not-frontpage.

Tworzone i wykorzystywane ciasteczka:

• high_contrast - wartość 1 oznacza włączoną wersję kontrastowej;
• cookie_law_message - wartość 1 oznacza włączone wyświetlanie informacji o ciasteczkach;
• font_resize - przyjmuje wartości small, medium, large i na ich podstawie zapamiętuje zmianę rozmiaru czcionki.

pot-polskazobaczwiecej.pl's Issues

Kolejne zmiany od Agnieszki

• Zmienić menu "Strona Główna" na ikonkę domku w trybie graficznym;
• w widoku mobilnym dodać padding przy treści, aby nie tekst nie przyklejał się do ściany okna;
• poprawić strzałkę 'back-to-top' w widoku mobilnym, na niektórych telefonach jest mocno ucięta;
• wyświetlić przycisk "Szukaj" w widoku wyników wyszukiwania;
• schować grupę "Wyszukaj tylko" oraz kontrolkę "Pokaż #" (plus ewentualnie ustawiając na stałe wartość 100).

Link do FB niech się otwiera w nowym oknie

Dokończyć szablon i stylowanie wersji kontrastowej

Ostylować załączniki do artykułów

Ostylować widok artykułów wyróżnionych

Na wzór już wykonanego widoku blog.

Ostylować stronę wyników wyszukiwania

Przykładowa strona wyników wyszukiwania:
/component/search/?searchword=akcja&searchphrase=all&Itemid=109

Referencyjną stronę wyników w starym PZW trzeba wyklikać ręcznie, bo parametrów nie przekazuje się URL-em.

Zmiany zgłoszone przez Agnieszkę

JU Contact:

• Formularz kontaktowy: teksty powinny być wyśrodkowane na stronie, przycisk Wyślij powinien być z prawej strony i być większy

Style:

• na stronie głównej Organizator akcji i nazwa POT jest boldem, reszta danych normal
• menu nie powinno być boldem
• stosujemy ten sam font w wersji kontrastowej co w graficznej (Lato)

Cookie info:

• Brakuje tekstu i modułu do wyświetlania komunikatu o używaniu cookies: „Strona używa plików cookies, aby ułatwić Tobie korzystanie z serwisu oraz do celów statystycznych. Jeśli nie blokujesz tych plików, to zgadzasz się na ich użycie oraz zapisanie w pamięci urządzenia. Pamiętaj, że możesz samodzielnie zarządzać cookies, zmieniając ustawienia przeglądarki. Brak zmiany ustawienia przeglądarki oznacza wyrażenie zgody.”

mod_search:

• Po kliknięciu w polu wyszukiwania powinien zniknąć napis z podpowiedzią

Przełączanie wersji kontrastowej JS-em a nie linkiem

Zrobić takie przełączanie, aby niepotrzebnie nie wpisywać nic do query string'a, bo później każde odświeżenie strony to przełączenie wersji.

Dodać obsługę zmiany rozmiaru czcionki

Zaktualizować favicon

Stworzyć nowy favikon na bazie nowego logo serwisu.

Walidacja WCAG

Walidator http://wave.webaim.org zgłasza błędy, należy je rozwiązać.

• Linked image missing alternative text: ikonka Facebooka
• Linked image missing alternative text: logo POT
• Linked image missing alternative text: strzałka readmore
• Empty link -> ikonka Facebooka
• Empty link -> ikonki po artykułami (.btn .dropdown-toggle)

Warningi:

• Redundant alternative text: banner
• Redundant alternative text: strzałka readmore

Niepoprawne skalowanie wysokości obrazów

Obrazy dodane do tekstu tagiem IMG skalują się wszerz ale nie wzdłuż. Prawdopodobnie wynika to z dodania przez Joomlę atrybutów width i height do tagu IMG. Wcześniej tego chyba nie było, bo wszystko działało dobrze.

Rozwiązać konflikty z Bootstrapem

Uniezależnić skrypty JS od jQuery