Joomla!, Tutoriale

Jak w Joomla! wystylować osobno poszczególne podstrony?

Jacek Kowalczyk | środa, 25 Sierpień 2010 |
Dodaj komentarz

Jedną z podstawowych funkcji/cech/zalet/wad (niepotrzebne skreślić w zależności od sytuacji…) jest sposób w jaki funkcjonują w nim poszczególne menu i podstrony. Wbrew temu co wydaje się oczywiste początkującym użytkownikom (typowe pytanie: Dlaczego jak dodałem artykuł to on się nie wyświetla?), artykuł nie jest podstroną. Aby stworzyć podstronę musimy stworzyć najpierw pozycje menu, i dopiero do takiej pozycji menu możemy różne rzeczy przypisywać (w szczególności moduły).

Elementem, który wyróżnia każdą tak utworzoną podstronę (pozycje menu), jest Itemid, czyli po prostu numer pozycji w systemie. Wartość tą można odczytać wchodząc w panelu administracyjnym Joomla! w edycję pozycj dowolnego menu (w menu górnym Menu > [Nazwa menu]). Tam zobaczymy wypisane wszystkie pozycje z danego menu. W ostatniej kolumnie („ID pozycji”) każdego wiersza znajdziemy szukaną przez nas wartość.

Itemid możemy również odczytać z poziomu pliku templatki w następujący sposób:

<?php $itemid = JRequest::getVar('Itemid'); ?>

Kiedy znamy już aktualne Itemid, należałoby dodać je gdzieś w kodzie XHTML w taki sposób, abyśmy później łatwo było wykorzystać to przy tworzeniu indywidualnych styli CSS dla danej podstrony. Ja najczęściej robię to poprzez dodanie odpowiedniej klasy do elementu body:

<body class="page&lt;?php echo $itemid; ?>">

Teraz element body na każdej podstronie naszego serwisu będzie miał nadaną identyfikującą go klasę. Aby dopełnić dzieła wystarczy do pliku CSS dopisać odpowiednią deklarację, np.

.page12 {background:red;}

Powyższy fragment zmieni tło na czerwone w podstronie o numerze pozycji 12. Warto zauważyć, że w podobny sposób możemy zmieniać nie tylko styl elementu body, ale także innych dowolnych elementów, np. fragment

.page12 .componentheading {text-transform:uppercase;}

Sprawi, że domyślnie generowane przez Joomla! tytułu stron będą na tej jednej podstronie wyświetlane wielkimi literami.

Podobne posty

    Nie znaleziono żadnych postów.

Dołącz się do dyskusji:

Add your comment below, or trackback from your own site. Subscribe to these comments.

Możesz używać następujących tagów:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">

:

: