| 01 - Wstęp |
|
We wstępie zajmiemy się organizacją warsztatu pracy oraz zarekomendujemy bezpłatne oprogramowanie. Zainstalujemy również lokalny serwer z interpreterem PHP i bazą danych MYSQL, a w nim Jommla! w najnowszej stabilnej wersji.
Czas trwania: 12 min 59 sek
|
| 02 - Struktura katalogów |
|
Omówimy budowę templatki w Joomli i schemat ładowania szablonu.
Czas trwania: 6 min 35 sek
|
| 03 - Plik instalacyjny |
|
W tej lekcji utworzymy plik instalacyjny dla naszej templatki z wykorzystaniem języka XML. Omówimy również poszczególne węzły i przetestujemy ich poprawność. W ostatnim etapie stworzymy plik zip i zainstalujemy utworzoną templatkę.
Czas trwania: 20 min 10 sek
|
| 04 - Podpięcie nagłówka |
|
W tej lekcji zajmiemy się podpięciem templatki pod naszą Joomlę. Omówimy również konstrukcje generowania nagłówków. W ostatnim kroku wykorzystamy komentarze jako narzędzie do usunięcia niepotrzebnych treści.
Czas trwania: 13 min 8 sek
|
| 05 - Podpięcie modułów |
|
Na początku wygenerujemy menu główne. Nauczymy się również wczytywać moduły do naszej templatki. Omówimy konstrukcję „jdoc:include” i jej parametry.
Czas trwania: 14 min 9 sek
|
| 06 - Style widoku, blog |
|
Zajmiemy się tutaj reformatowaniem stylów w naszej templatce. Omówimy zmianę nagłówków, marginesów i tabel. Wstawimy separator między poszczególnymi artykułami.
Czas trwania: 13 min 14 sek
|
| 07 - Style widoku, listy artykułów |
|
Ostylujemy tutaj kolejną stronę. Będzie to widok listy artykułów.
Czas trwania: 9 min 49 sek
|
| 08 - Pozostałe elementy |
|
Omówimy zmianę stylów na stronie pojedynczego artykułu. Sformatujemy również komponent kontaktu i sondę.
Czas trwania: 15 min 35 sek
|
| 09 - Parametr Calendar |
|
Przejdziemy teraz do elementów bardziej zaawansowanych czyli parametrów templatki. Wskażemy Ci miejsca, gdzie uzyskasz wszystkie informacje na temat parametrów. Dla przykładu utworzymy parametr, który pozwoli na określenie daty powstania strony.
Czas trwania: 11 min 53 sek
|
| 10 - Parametr Category |
|
Omówimy typ Category pozwalający na wyświetlenie rozwijanej listy kategorii umożliwiającej użytkownikowi wybór jednej z nich.
Czas trwania: 7 min 30 sek
|
| 11 - Parametr Editors |
|
Zajmiemy się parametrem, który pozwala na stworzenie listy wyboru zainstalowanych edytorów w naszym CMS.
Czas trwania: 4 min 26 sek
|
| 12 - Parametr File List |
|
Parametr pozwalający na wyświetlenie listy plików z danego katalogu. Dzięki temu parametrowi możemy np. tak zaprojektować templatkę, aby można było wybrać logo dla strony z wybranego folderu. W tej lekcji pokażemy Ci jak to zrobić.
Czas trwania: 12 min 45 sek
|
| 13 - Parametr File Folder List |
|
Bliźniaczy parametr dla File List. W tej lekcji poznasz sposób jego definiowania.
Czas trwania: 6 min 48 sek
|
| 14 - Parametr Help Sites |
|
Parametr generujący rozwijaną listę serwerów pomocy zdefiniowanych w naszym systemie.
Czas trwania: 4 min 16 sek
|
| 15 - Paramter Hidden |
|
Parametr pozwalający na przekazanie zdefiniowanej wartości w pliku XML.
Czas trwania: 3 min 11 sek
|
| 16 - Paramter Image List |
|
Parametr wyświetlający listę obrazków w danym folderze.
Czas trwania: 4 min 52 sek
|
| 17 - Parametr Languages |
|
Parametr odpowiadający za wyświetlenie listy, z której możemy wybrać język dostępny w systemie CMS zarówno dla strony frontowej jak i back'endu. W lekcji tej pokażemy jak wykorzystać ten parametr w praktyce.
Czas trwania: 9 min 9 sek
|
| 18 - Parametr List |
|
Parametry pozwalający na zbudowanie dowolnej listy rozwijanej, gdzie będziemy mogli zdefiniować pozycje i wartości dla tych pozycji. Dla przykładu pokażemy jak wczytać alternatywne style CSS dla naszej templatki
Czas trwania: 6 min 45 sek
|
| 19 - Parametr Menu i MenuItem |
|
Parametr Menu pozwala wyświetlić spis wszystkich zdefiniowanych menu na naszej stronie. W przypadku parametru MenuItem mamy możliwość wyświetlenia wszystkich pozycjj menu, które są przypisane do naszej strony.
Czas trwania: 6 min 24 sek
|
| 20 - Parametr Password |
|
Jak wskazuje sama nazwa, parametr Password to pole tekstowe pozwalające na wpisanie hasła. Funkcja ta pozwala na maskowanie znaków, które wpisujemy.
Czas trwania: 3 min 4 sek
|
| 21 - Parametr Radio |
|
Parametr pozwalający na wyświetlenie grupy opcji, z której to możemy wybrać tylko jedną wartość.
Czas trwania: 5 min 3 sek
|
| 22 - Parametr Spacer |
|
Parametr pozwalający na uporządkowanie treści przez wstawienie odstępu.
Czas trwania: 2 min 34 sek
|
| 23 - Parametr SQL |
|
To najbardziej skomplikowany parametr pozwalający na dynamiczne stworzenie listy rozwijanej pobierając wartości i etykiety do listy prosto z bazy danych z dowolnego zapytania SQL. Dla przykładu stworzymy listę wszystkich tytułów w naszym serwisie oraz listę emaili użytkowników serwisu.
Czas trwania: 14 min 6 sek
|
| 24 - Wiadomości systemowe |
|
Wiadomości te wyświetlane są wtedy kiedy Joomla! chce nas poinformować o wystąpieniu błędu lub wyświetlana jest informacja o statusie wykonanej operacji.
Czas trwania: 5 min 43 sek
|
| 25 - Liczba modułów |
|
Sprawdzimy ile modułów jest aktywnych w danej pozycji wykorzystując metodę „countModules”.
Czas trwania: 6 min 40 sek
|
| 26 - Nadpisywanie modułów |
|
Pokażemy jak można zmienić wygląd modułu nie ingerując w jego kod.
Czas trwania: 6 min 48 sek
|
| 27 - Nadpisywanie komponentów |
|
Od wersji 1.5 Joomli! możemy nadpisywać również komponenty. W tej lekcji pokażemy Ci jak to zrobić.
Czas trwania: 8 min 24 sek
|
| 28 - Mechanizm Chrome |
|
W tej części omówimy tworzenie własnych stylów wyświetlania dla modułów.
Czas trwania: 11 min 36 sek
|
| 29 - Podstrony |
|
Zajmiemy się podziałem na strony, czyli takimi elementami jak: wyświetlanie linków tekstowych do podziału, wyświetlanie okienka z z ilością elementów do wyświetlenia na jednej stronie czy funkcje generowania linków podstrony.
Czas trwania: 8 min 39 sek
|
| 30 - TPL Component |
|
Kolejnym ważnym elementem naszej templatki jest layout Component, który możemy wykorzystać np. do formatowania pola do wydruku czy wysłania wiadomości.
Czas trwania: 8 min 6 sek
|
| 31 - Tworzenie stylów alternatywnych |
|
W ostatniej lekcji pokażemy Ci jak stworzyć styl alternatywny. Od teraz wystarczy jedno kliknięcie aby Twoja templatka zmieniła swój wygląd na styl „żałoba” lub np. „święta”.
Czas trwania: 15 min 40 sek
|
