Joomla! to jeden z najpopularniejszych darmowych systemów do zarządzania treścią (CMS). Atrakcyjność tego systemu polega między innymi na możliwości tworzenia dla niego własnych szablonów, czyli zestawu plików zmieniających wygląd witryny.

Kurs przedstawia kolejne etapy pracy nad własnym szablonem, poczynając od wstępnych przemyśleń dotyczących rozmieszczenia modułów na stronie i utworzenia plików składowych szablonu. W następnych krokach dowiesz się, jak stworzyć główny plik szablonu i go formatować za pomocą CSS. Nauczysz się tworzyć tłumaczenia dla szablonu i poznasz techniki nadpisywania standardowego kodu komponentów i modułów swoim własnym kodem. Poznasz też możliwości konfigurowania szablonu za pomocą parametrów oraz wprowadzania dynamicznych zmian do jego wyglądu.

Adresatami kursu są osoby znające system Joomla od strony administracyjnej i posługujące się przynajmniej w stopniu podstawowym PHP, HTML i CSS. Dla ułatwienia analizy prezentowanych zagadnień na płycie zostały zamieszczone materiały wykorzystywane przez lektora w trakcie kursu.

Kurs składa się z 26 filmów instruktażowych i trwa 2 godziny.

Przykładowe filmy

Projekt szablonu

Style modułów

Spis treści

01. Wstęp – Powitanie i najważniejsze informacje o przebiegu kursu (01:28 min)

02. Instalacja przykładowej witryny – Instalowanie przykładowej witryny wypełnionej treściami, w której będzie tworzony szablon (03:54 min)

03. Projekt szablonu – Zapoznanie się z projektem szablonu w formie pliku graficznego i zwykłej strony HTML sformatowanej za pomocą CSS (03:54 min)

04. Pliki składowe – Wymagane i opcjonalne pliki składowe szablonu dla systemu Joomla! (02:36 min)

05. Kompletowanie plików – Kompletowanie podstawowych plików dla szablonu (03:37 min)

06. Edycja pliku konfiguracyjnego – Omówienie i modyfikacja pliku templateDetails.xml (05:11 min)

07. Edycja szablonu – Edycja i omówienie głównego pliku szablonu (07:55 min)

08. Pierwsze użycie szablonu – Użycie podstawowej wersji szablonu w systemie Joomla! (03:22 min)

09. Style modułów – Przedstawienie predefiniowanych stylów modułów (02:21 min)

10. Własny styl dla modułów – Tworzenie własnego stylu dla modułów (04:10 min)

11. Formatowanie szablonu – Techniki formatowania poszczególnych elementów szablonu (06:49 min)

12. Dynamiczny szablon cz. 1 – Określanie ilości opublikowanych modułów w danej pozycji za pomocą metody countModules (04:26 min)

13. Dynamiczny szablon cz. 2 – Tworzenie dynamicznego szablonu poprzez modyfikację kodu szablonu i stylów CSS (06:02 min)

14. Nadpisywanie komponentów i modułów – Zastępowanie (override) standardowego kodu komponentów lub modułów własnym kodem (06:28 min)

15. Własny widok dla komponentów i modułów – Tworzenie własnego alternatywnego widoku dla wybranego komponentu lub modułu (04:46 min)

16. Strona druku – Modyfikacja wyglądu domyślnej strony druku w szablonie (04:10 min)

17. Strona błędu – Zmiana wyglądu i działania domyślnej strony błędu (04:28 min)

18. Pliki i katalogi z tłumaczeniem – Struktura plików i katalogów używanych do tłumaczenia szablonu na inne języki (03:55 min)

19. Tworzenie tłumaczenia – Omówienie i edycja plików z tłumaczeniami (06:24 min)

20. Testowanie tłumaczenia – Instalacja szablonu i testowanie wykonanego tłumaczenia (05:53 min)

21. Parametry szablonu cz. 1 – Definiowanie podstawowych parametrów szablonu (05:28 min)

22. Parametry szablonu cz. 2 – Przedstawienie kilku przykładowych typów pól służących do definiowania parametrów szablonu (03:25 min)

23. Użycie parametrów – Odczytywanie i korzystanie z parametrów szablonu w pliku index.php (07:26 min)

24. Zaokrąglone narożniki – Technika wykorzystania stylu rounded do uzyskania graficznej ramki z zaokrąglonymi narożnikami (02:54 min)

25. Szablon dla smartfonów – Użycie media queries do przystosowania układu szablonu do urządzeń przenośnych (04:35 min)

26. Instalacja szablonu – Uwagi końcowe, tworzenie pakietu instalacyjnego szablonu i instalacja w systemie (03:36 min)