Start arrow Programowanie arrow Szablon arrow Typowa strona Joomla! i Mambo
Typowa strona Joomla! i Mambo Drukuj Wyślij znajomemu
Dobry projektant dąży do stworzenia szablonu, który zapewni czytelną, wiarygodną i atrakcyjną prezentację treści. Inspiracjom prowadzącym do dobrego projektu można by poświęcić książkę albo solidny rozdział. Ale naszym celem jest opanowanie umiejętności podstawowych, toteż na kwestiach skupimy się podstawowych.

Trzy rodzaje elementów strony

Najpewniejszą drogą do projektu służącego celom witryny jest skupienie się na informacyjnej warstwie strony. Rozpatrzyć trzeba trzy kwestie:

Na stronach Joomla! i Mambo publikowane są trzy rodzaje elementów:

  • dynamicznie zmieniająca się treść główna,
  • dynamicznie zmieniające się treści towarzyszące - menu i inne moduły,
  • statyczne elementy identyfikacyjne - logo, stopka, itp.

Ich rozmieszczenie zależy od projektanta szablonu.

Wzorcem struktura portalu

Podstawowym wzorcem rozmieszczenia zawartości na typowych stronach Joomla! i Mambo jest struktura portalu opartego zwykle na 3-kolumnowym układzie.

  • lewa kolumna: zawiera zwykle menu nawigacyjne, menu użytkownika, formularz logowania, i inne
  • centralna kolumna: zawiera główną treść strony i ewentualnie powyżej i poniżej dodatkowe moduły,
  • prawa kolumna: zawiera moduły, czasem jest ukrywana, by zwiększyć przestrzeń na treść główną.

Ten podstawowy układ wzbogacony jest zwykle o:

  • nagłówek strony: zawierający logo, nazwę, menu główne, menu narzędziowe, wyszukiwarkę
  • stopkę: zawierającą dane o wydawcy, odnośniki do not prawnych, czasem dodatkowe menu.

Przykładowy, standardowy wzorzec strony Joomla przedstawia ilustracja poniżej:

Schemat rozmieszczenia zawartości. Przyklad 1

Treść główna i moduły

Część każdej strony w Joomla! i Mambo wypełnia treść główna. Na każdej stronie umieszczane są zwykle również elementy statyczne: nagłówek - logo, stopka.

W przypadku modułów z zasady jest inaczej. To najbardziej dynamiczne treści strony:

  • Moduły można umieścić na wszystkich stronach bądź na niektórych.
  • W tych samych pozycjach na różnych stronach można umieszczać pojedyncze moduły bądź zestawy kilku.
  • Redaktorzy mogą również w miejscach przeznaczonych na moduły nie umieścić żadnego elementu treści.

Oznacza to, że na niektórych stronach w miejscach zaplanowanych na moduły mogą się pojawić puste przestrzenie. Aby nie zburzyć układu strony, trzeba je ukryć, a niekiedy wypełnić np. główną treścią.

Podstawowy problem projektanta

Joomla! i Mambo generują strony dynamiczne. W efekcie projektant szablonu nigdy nie wie, jak obszerna będzie treść główna ani też, czy, jakie i jak obszerne treści towarzyszące zostaną umieszczone przez redaktorów serwisu na poszczególnych stronach.

Szablon musi więc być zaprojektowany tak elastycznie, aby umożliwiał:

  • publikację materiałów o zmiennej objętości,
  • dostosowanie się układu strony do nieprzewidywalnej ilości modułów i ich objętości.

Możliwości projektanta szablonu

Czy twórca szablonu ma zatem jakiś wpływ na dostosowanie szablonu do zawartości informacyjnej strony, do struktury treści? Pomijamy tu, oczywiście, sytuacje projektowania dla konkretnego serwisu. Każdy konkretny projekt ma swoje konkretne założenia i oczywiście współpraca z odpowiedzialnymi za zawartosć serwisu winna być jak najściślejsza. Tego aspektu nie jesteśmy w naszym opracowaniu w stanie rozważać.

Joomla! i Mambo posiadają narzędzia do projektowania szablonów uwzględniających strukturę treści. Wszak podstawą szablonów dla Joomla jest rozdzielenie warstwy treści od warstwy prezentacji:

  • treści strony generuje plik index.php,
  • o walorach prezentacyjnych decyduje kaskadowy arkusz stylów.

środki ogólne i specyficzne dla Joomla! i Mambo

Planując rozmieszczenie elementów strony, projektant szablonu dysponuje:

  • ogólnymi rozwiązaniami oferowanymi przez HTML i CSS,
  • specjalnymi funkcjami Joomla! i Mambo.

HTML pozwala wyodrębniać i grupować elementy oraz określić ich znaczenie w strukturze strony, a CSS zdefiniować ich położenie i wygląd. Natomiast specjalne rozwiązania przyjęte w Joomla! i Mambo, poszerzają możliwości oferowane przez HTML i CSS, znacznie upraszczając proces projektowania szablonów.

Funkcje Joomla! i Mambo

Szczegóły omówimy później. Dla zrozumienia zadań projektanta szablonu istotne jest w tym momencie, że:

  1. W Joomla! i Mambo istnieją specjalne funkcje przeznaczone dla szablonów, w tym generujące treść.
  2. Komponenty Joomla! i Mambo generują treści włącznie z formatującym je kodem.
  3. Moduły Joomla! i Mambo - zależnie od zastosowanych w szablonie opcji - generują treść:
    • zawierającą elementy formatujące rozmieszczenie,
    • pozbawioną elementów formatujących rozmieszczenie,

Spośród liczniejszych stosowanych w szablonach trzy funkcje w Joomla! i Mambo generują podstawowe treści w źródłowym dla strony dokumencie HTML:

  • funkcja mosMainBody() - umieszcza treść główną,
  • funkcja mosLoadComponents($nazwa_komponentu) - umieszcza komponent,
  • funkcja mosLoadModules($nazwa_pozycji [, $styl ]) - umieszcza moduły,

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ł »