UWAGA: Strona zawiera materiały archiwalne. Większość artykułów dotyczy Joomla! 1.0
Start arrow Szablony arrow Szablon arrow Rozpoczynamy: Katalog i pliki szablonu
Rozpoczynamy: Katalog i pliki szablonu Drukuj Email
Ze sporym już bagażem wiedzy i przygotowanym warsztatem pracy możemy przystąpić do rozpatrzenia praktycznych problemów projektowania szablonów dla Joomla! i Mambo.

Tok pracy

Rozpatrzymy 10 przykładów, ilustrujących podstawowe metody tworzenia układów stron opartych na kolumnach oraz podstawowe typy układów treści - ustalony, płynny, mieszany i elastyczny.

Pracę nad każdym z szablonów poprowadzimy według takiej samej procedury:

  • określimy założenia szablonu,
  • stworzymy katalog szablonu i umieścimy w nim podstawowe pliki,
  • objaśnimy sposób rozwiązania napotkanych problemów.

Aby objaśnić wszystkie istotne aspekty projektowania, każdy z projektów będzie równocześnie okazją do omówienia wybranych szczegółowych kwestii. Aby jednak nie zaciemnić zbyt dokładnymi objaśnieniami istoty każdego z projektów, usystematyzowane i pogłębione omówienia zgromadziliśmy w aneksie podręcznika.

Założenie katalogu szablonu i podstawowych plików

Rozpoczniemy od stworzenia katalogu roboczego i umieszczenia w nim plików definiujących szablon.

  1. Przejdź do głównego katalogu Joomla! na swym komputerze lokalnym lub serwerze sieciowym.
  2. Wejdź do katalogu /templates
  3. Utwórz w nim katalog o nazwie: podstawa,
  4. W katalogu templates/podstawa/ utwórz dwa kolejne podkatalogi: css oraz images
  5. Otwórz dowolny edytor graficzny, stwórz prosty obrazek o rozmiarach 1024 x 100px i zapisz go w katalogu /images pod nazwą header.jpg.
  6. Otwórz swój edytor projektanta.
  7. Zapisz dwa puste pliki w katalogu templates/podstawa/:
    • index.php,
    • templateDetails.xml
  8. Zapisz pusty plik w katalogu templates/podstawa/css/ pod nazwą
    • template_css.css

Zwróć uwagę na wielkość znaków w nazwach oraz na ich rozszerzenia. To trzy pliki różnego typu.

W efekcie będziesz mieć taką np. strukturę katalogu templates/:

/templates
  /podstawa
     /css
         template_css.css
     /images
         header.jpg        /* prosty obrazek o rozmiarach 1024px x 100px */
     index.php
     templateDetails.xml
  /madeyourweb              /* nierozwinięty katalog */
  /rhuk_solarflare_ii       /* nierozwinięty katalog */

Technika pracy

Dla każdego projektu najlepiej zakładać nowy katalog, kopiując do niego cały zestaw plików z poprzedniego projektu i nanosząc niezbędne zmiany.

Aby w przeglądarce zobaczyć jakąkolwiek zawartość, konieczne będą każdorazowo dwie czynności:

  • w przekopiowanym pliku templateDetails.xml trzeba zmienić nazwę szablonu,
  • w panelu administratora w menu Witryna ⇒Szablony⇒Szata witryny trzeba ustawić szablon domyślny.

Oczywiście, pliki templateDetails.xml i index.php muszą zawierać minimum niezbędnych instrukcji. Zajmiemy się więc najpierw tymi plikami.


Uwagi, źródła

Jeżeli masz sugestie odnośnie treści lub chcesz zgłosić poprawki do tego rozdziału, skomentuj go albo umieść wiadomość na forum: Dokumentacja - Propozycje, zmiany, poprawki

Dziękujemy!

Stefan Wajda, Zespół Dokumentacji PCJ

 
« poprzedni artykuł   następny artykuł »