--=REKLAMA=--
Celem niniejszego dokumentu jest pomoc w zrozumieniu, w jaki sposób wygląd graficzny witryny w Joomla! jest osiągany przy użyciu szablonu. Jest to wstęp do tworzenia witryny, ponieważ treść i wygląd witryny Joomla! są obsługiwane oddzielnie.
Istnieją cztery aspekty projektowania nowej witryny internetowej opartej na Joomla!. Te cztery aspekty projektowania witryny odnoszą się również do wprowadzania zmian w istniejącej witrynie oraz migracji istniejącej witryny do Joomla!.
Są to:
Każdy z tych aspektów powinien się opierać na założonych celach i oczekiwaniach wobec witryny. Trzeba więc sobie jasno zdawać sprawę, co witryna ma komunikować i posiadać jej plan. Łatwiej powiedzieć niż zrobić!
Poradnik będzie również przydatny dla kogoś, kto będzie modyfikować witrynę Joomla!. Poradnik został napisany z założeniem, że nie masz doświadczenia w projektowaniu wyglądu witryny Joomla!. Niektóre aspekty szablonów są poza zakresem tego dokumentu, ale pod koniec zamieszczono linki do materiałów dogłębnie omawiających problematykę szablonów.
Co oznacza wygląd witryny? Pytanie może wydawać się oczywiste i odpowiedź również może wydawać się oczywista. Przynajmniej pozornie.
W Joomla rozdzielono zarządzanie projektem graficznym witryny od zarządzania zawartością. W efekcie wygląd witryny projektowany jest osobno.
Nie musimy ręcznie projektować wyglądu każdej strony - zawartość stron ładowana jest do zdefiniowanej wcześniej struktury - formy. Mogłeś już tego doświadczyć, tworząc i publikując artykuł. Gdy utworzysz artykuł, jest on umieszczany w strukturze treści. W witrynie udostępniany jest za pomocą pozycji menu. Jego wygląd na stronie kontrolowany jest przez system Joomla.
Układ i wygląd pozycji menu obsługiwane są przez system szablonów Joomla!.
Same szablony składają się z serii plików, do czego wrócimy później.
Możesz zobaczyć, jak zmienia się wygląd witryny przy użyciu różnych szablonów, co ilustruje rozdzielanie wyglądu i zawartości.
Joomla! instalowany jest standardowo z trzema szablonami. Możesz zobaczyć, jak one wyglądają, zmieniając domyślny szablon w lokalnej instalacji Joomla.
Korzystając z narzędzi menedżera, możesz zmienić domyślny szablon na inny. Po instalacji jako domyślny ustawiony jest szablon MikyWay (Drga Mleczna).
Obejrzyj wszystkie trzy strony, zwracając uwagę na:
To, co widzisz, zależy od szablonu, jaki jest w użyciu. (W standardowej instalacji Joomla! domyślnie ustawiony jest szablon MilkyWay, ale ilustracje w tej serii dokumentów pochodzą z witryny, w której używany jest szablon ja_purity).
W wykazie znajdują się trzy szablony dostarczane z Joomla! Tutaj użyty jest szablon ja_purity. Zauważ, że możesz:
Szablon domyślny jest jednym z obsługujących witrynę i zwykle odnosi się do całej witryny. Zmiana domyślnego szablonu zmienia wygląd stron witryny.
Aby zobaczyć rezultat zmiany:
Wyświetla się strona główna witryny z domyślnym szablonem.
Można również:
Witryna będzie mieć inny wygląd, choć zawartość będzie taka sama. Po zmianie szablonu odśwież widok na kolejnej karcie przeglądarki, aby porównać strony i wychwycić różnice.
Szablony Rhuk_milkyway i ja_purity pozwalają na pewne zmiany, których można dokonać ustawiając ich parametry w edytorze szablonu.
Na ekranie pojawi się edytor szablonu. W szablonie Rhuk_Milkyway można zmienić niektóre kolory.
albo
lub
Na ekranie pojawi się edytor szablonu. Masz tu więcej możliwości zmian, niż w pozostałych szablonach. Wypróbuj je podobnie, jak poprzednio. Pamiętaj, aby nacisnąć ikonę Zastosuj przed podglądem.
Zauważ, że w przyborniku są również opcje Edytuj HTML i Edytuj CSS. Przyciski te dają dostęp do plików szablonu, w których można dokonywać różnych zmian. Omówienie tych możliwości wykracza poza zakres tego dokumentu. Modyfikacje kodu HTML i CSS udokumentowane są w innym miejscu.
Szablony to zestawy plików css, xml, php, html i graficznych, które współpracują ze sobą. Są one przechowywane w katalogu /templates witryny. Na serwerze lokalnym można zobaczyć te pliki u siebie. Jeśli korzystasz z istniejącej witryny internetowej, możesz nie być w stanie wyświetlić tych plików (są na serwerze, który zazwyczaj - ze względu na bezpieczeństwo - dostępny jest tylko dla kilku osób).
Nie należy tych plików edytować czy usuwać - oczywiście.
Szablony znajdują się w katalogu /templates. W katalogu każdego szablonu istnieją liczne foldery z odpowiednimi plikami, kontrolującymi wygląd i zmiany parametrów, które mogą być dokonane w szablonie na stronie menedżera.
Nie jesteś ograniczony do korzystania z jednego z szablonów dostarczanych z Joomla! Jeśli chcesz, możesz użyć innego szablonu. Aby to zrobić:
Aby skorzystać z zaprojektowanego szablonu, trzeba go znaleźć, pobrać (czasem najpierw kupić) i zainstalować. Potrzebne są do tego pewne umiejętności informatyczne i znajomość zaplecza Joomla!. Omówienie tego wykracza zakresem poza dokumenty w tej serii, ale poniżej wskazujemy zasoby w sieci, omawiające ten temat.
Pisanie własnego szablonu również jest poza zakresem dokumentów w tej serii. Musisz posiadać umiejętności kodowania i być swego rodzaju programistą, który tworzy swój własny kod, przynajmniej dla części witryny. Niektóre wprowadzenia do korzystania z CSS są bardzo pomocne. Istnieje także kilka szczegółowych opracowań w formie dokumentów on-line i książek.
Ten cykl mówi o tworzeniu witryny, która wykorzystuje Joomla! oraz korzysta z jednego z szablonów dołaczonych do Joomla!
I pamiętaj, że możesz zmieniać szablony po utworzeniu witryny.
Podstawowe informacje na temat szablonów
Więcej o kwestiach szczegółowych
Rozszerzona dokumentacja
Książki Zobacz Książki i referencje. Wszystkie książki zawierają materiały o szablonach. Najbardziej szczegółowe omówienie w Joomla! Biblia