szkolenia z joomla, wordpress i drupal

Tworzenie szablonu dla Joomla! Część I

18 października 2010 | Joomla!,Szablony,aPorady

Tworzenie szablonów dla Joomla!

Celem tego kursu jest przedstawienie jak  zrobić szablon dla Joomla! Z wielu książek które przeczytałem, doszedłem do wniosku, że najlepiej zrobić kurs jako przewodnik w którym wykona  się konkretny przykład.
Przed przystąpieniem do tego kursu musisz wiedzieć jak:

  • Użytkować J! czyli dodawać treść, konfigurować stronę.
  • Znać różnicę i funkcję modułów, komponentów i dodatków
  • Zmieniać szablony

Tak więc stworzymy najprostszy szablon oparty na HTML. Dlaczego nie od razu w kaskadowych arkuszach stylów? A po to, żeby zrozumieć bardziej działanie szablonów. Efekt, który uzyskamy po tym kursie będzie wyglądał tak:

Szablon Joomla

Główne jego elementy to:

  • Miejsce na lewy i prawy moduł. Oraz miejsce w nagłówku i stopce na umieszczenie wybranego modułu
  • Środek strony w którym wyświetla się komponent (w tym przypadku komponent treść)
  • Na zakładce w przeglądarce, można zobaczyć ikonę strony. Ją także wykonamy.

Ale jaka jest różnica między komponentami a modułami?

Standardowa strona stworzona za pomocą Joomla składa się z jednego komponentu i kilku modułów. W większości przypadków wystarczy jeden rzut oka aby zorientować się co jest czym. Poniższy obrazek przedstawia stronę na Joomla! z zainstalowanymi przykładowymi danymi. Wszystko co jest zaznaczone na czerwono to moduły, natomiast na zielono został zaznaczony komponent.

Podział na komponenty i moduły

Pliki
Najlepszym podejściem do stworzenia szablonu jest podpatrzenie już tych gotowych. W ten sposób można rozpracować ich mechanizm działania. Stąd większość rzeczy które będą tu napisane, można przekopiować z innych szablonów np. rhukmilkyway czy JA_Purity.
Żeby szablon działał potrzebne są dwa pliki:

  • Index.php – główny plik w którym jest cała struktura dokumentu, informacje dla przeglądarek etc
  • templateDetails.xml – plik xml z takimi danymi jak nazwa autora, data stworzenia wersja itd.

Dodatkowo:

  • favicon.ico – ikona która pojawia się przy adresie strony oraz na kartach
  • template_thumbnail.png – podgląd na szablon z panelu administracyjnego. Podgląd jest widoczny kiedy najedziemy na wybraną nazwę

Podgląd na szablony

  • index.html – plik który się pojawia w każdym folderze w J! Ma on na celu chronić stronę przed wścibskimi osobami który by chciały przejrzeć zawartość katalogu. Jak zobaczysz jest to plik pusty

Oczywiście to nie wszystkie elementy. Pozostałe które tam mogą się znajdować opiszę w późniejszym czasie.
Pracę nad nowym szablonem zaczynamy od założenia folderu w folderze z szablonami. Wchodzimy w folder /templates. Jeżeli nie instalowałeś nowych szablonów powinny się tam pojawić trzy foldery. Gdzie każdy z tych folderów reprezentuje szablon

  • huk_milkyway
  • JA_purity
  • Beez

Załóżmy, że nasz szablon będzie się nazywał zielony więc folder trzeba nazwać zielony. Po stworzeniu wchodzimy do folderu /templates/zielony i zaczynamy tworzyć nasz szablon.

Ciąg dalszy nastąpi

Losowe artykuły


One Response to “Tworzenie szablonu dla Joomla! Część I”

Leave a Reply