Ustawienia witryny w joomla 2.5

Po zainstalowaniu Joomli możemy wszystkie ustawienia dokonać  z poziomu panelu administracyjnego korzystając z opcji konfiguracji. Teraz zmienimy w konfiguracji globalnej kilka najważniejszych opcji. Mamy do wyboru 5 zakładek: witrynę,  system, serwer, uprawnienia i filtrowanie tekstu.

W ustawieniach witryny możemy zmienić np.  nazwę  witryny, zablokować  „widzialność” witryny, funkcja ta jest przydatna w czasie wprowadzania zmian w wyglądzie naszej strony.

Zakładka witryna.

Uzupełniamy pola meta dane, słowa kluczowe, prawa do treści i zaznaczamy nie autora meta danych. Zapisujemy te ustawienia, odświeżamy w przeglądarce naszą witrynę i kombinacją klawiszy Ctrl + u sprawdzamy kod naszej witryny. Widzimy w nim nasze meta dane.

Zakładka system.

Tutaj niczego nie zmieniamy, pamiętajmy jednak, że pamięć podręczną włączamy tylko wtedy kiedy nasza strona jest bardzo często odwiedzana (np. w czasie zajęć szkolnych). Czas sesji, który wyloguje nas z zaplecza po okresie bezczynności określony jest w minutach.

Zakładka serwer.

Zmienimy tylko strefę czasową na Warsav. Po prawej stronie mamy widoczne ustawienia naszej bazy danych, którą pozostawiamy bez zmian. Poczta nie będzie działać ponieważ nie mamy lokalnie serwera poczty. Jeżeli będziemy mieli Joomlę na serwerze internetowym, poczta będzie działać.

Zakładka uprawnienia i filtrowanie treści.

Chwilowo bez zmian.

Szata graficzna.

Tworząc własną witrynę w Internecie, chcemy żeby ta odróżniała się wyglądem od innych witryn. Poznamy sposób zmian tego wyglądu od standardowego. Mamy kilka możliwości, możemy samodzielnie zbudować własny szablon lub zlecić jego wykonanie firmie zewnętrznej. Inną możliwością jest kupienie gotowego szablonu lub wybranie wersji bezpłatnej.

My zajmiemy się modyfikacją standardowego szablonu. Przechodzimy do zaplecza i w zakładce Rozszerzenia, szablony przełączamy się do szablonów. Mamy tutaj kilka szablonów, bardzo prosty Atomic, Beez5 (użyty HTML 5) i Beez_20 (użyty HTML 4), pozostałe 2 dotyczą zaplecza.

Zajmiemy się szablonem Beez_20. Przechodzimy do zakładki style bo to właśnie tam decydujemy o wyglądzie naszej strony.

Modyfikacja wyglądu witryny.

Modyfikacje będą polegały na podmianie wyglądu grafiki, zmianie logo i kolorów menu chwilowo niewidocznego. Będąc w przeglądarce Firefox  klawiszami Ctrl + u przechodzimy do kodu strony. Analizując ten kod dowiemy się jak nazywa się obrazek umieszczony w nagłówku strony i do jakiego katalogu trzeba go skopiować, żeby nadpisać istniejący obrazek. Ten sposób jest jednak mało efektywny. Uzupełnimy naszą przeglądarkę o dodatek firebug, który pozwala na dokładniejszą analizę strony  http://getfirebug.com/ . Po jego zainstalowaniu w prawym górnym rogu przeglądarki pojawi się nowy znaczek (żuk), który uruchamia nową funkcjonalność, a mianowicie pokazuje równocześnie widok strony oraz kod HTML i CSS. Po kliknięciu w pierwsze narzędzie

Możemy wybrać myszką element graficzny na stronie a poniżej widzimy położenie w kodzie oraz powiązany z nim kod CSS z informacją skąd jest pobierany ten obrazek i jak się nazywa. Przechodzimy do miejsca gdzie zapisany jest ten szablon aby odnaleźć poszukiwane pliki. 





Otwieramy folder XAMPP i folder SPEK a w nim folder templates, gdzie  znajduje się  szablon beez_20. Folder images zawiera podfolder personal (zgodnie z informacją odczytaną z kodu CSS) a nim plik personal2.png. Ten obrazek możemy zmodyfikować programem graficznym lub zastąpić innym. Trzeba jednak pamiętać o zachowaniu jego oryginalnego rozmiaru i formatu. Zmieniamy nazwę starego dopisując do nazwy np. bak, a nowy wklejamy w to samo miejsce z oryginalną nazwą.

Kolejną zmianę wykonamy w logo strony. 
Tekst umieszczony pod logo zmieniamy nie w kodzie strony lecz edytując styl szablonu. W zapleczu przechodzimy do stylu beez2. Po prawej stronie widzimy narzędzie do zmiany logo i jego miejsca. Możemy wstawić inne logo wcześniej umieszczone w odpowiednim katalogu, zmieniamy tytuł strony oraz jej opis. Po zapisaniu tych zmian oglądamy jego efekty. 

Dodatkowo zmienimy kolorystykę dla menu. Posłużymy się firebugiem,  ustawiamy się na elemencie menu i widzimy w kodzie gdzie się one znajdują. Przydatna jest znajomość języka HTML, żeby rozumieć strukturę kodu. Przydatny będzie plugin firepicker , który dodaje małe okno wyboru koloru, gdy edytujesz regułę CSS w Firebugu. Zmiany będą widoczne natychmiast jednak nie będą trwałe. Musimy wyedytować właściwy plik CSS i dokonać w nim właściwych zmian. Przydatny do tego będzie np. program notepad++. Odczytujemy w którym wierszu musimy dokonać zmiany i po ponownym zapisaniu tych zmian uzyskujemy trwałą zmianę kolorów na stronie.

Favikon.

Zajmiemy się zmianą drobnego elementu a mianowicie favikoną.

Jest to standardowa ikona joomli, którą zmienimy na własną. Skorzystamy z serwisu http://www.favicon.cc/ i po utworzeniu jej zapisujemy ją a następnie podmieniamy w naszej witrynie w modyfikowanym szablonie. Przeglądarki często zapisują w pamięci podręcznej wcześniejsze favikony. 

W polu adresowym przeglądarki wpisujemy ścieżkę do naszego nowego favikonu http://localhost/spek/templates/bezz_20/favikon.ico pojawi się nam ikona a po powrocie do adresu localhost będziemy mieli zmienioną ikonę.

Struktura witryny.

Będziemy planować strukturę treści, które będziemy zamieszczać na naszej stronie. Tworząc artykuły będziemy chcieli umieszczać w nich obrazki a czasem inne pliki. W jaki sposób zarządzać takimi mediami, żeby używać ich z poziomu joomli? Na zapleczu managera mamy dostęp do przycisku media.

Zamieszczone są tam przykładowe pliki w procesie instalacji joomli. Możemy z tego poziomu zarządzać plikami czyli dodawać je lub kasować. Możemy też tworzyć nowe katalogi zgodnie ze swoimi potrzebami. Wstawienie nowej grafiki polega na wyborze katalogu do którego ma być skopiowany plik a następnie wskazaniu go w zasobie lokalnym i skopiowaniu do joomli. 

Oprócz standardowego wczytywania plików możemy skorzystać z flash’owego uploadera.
Włączamy opcje i zaznaczamy tak, możemy również wybrać rozszerzenia dla pobieranych plików oraz ich wielkość (UWAGA, wielkość plików wyrażona jest w megabajtach). Po zapisaniu nowych ustawień zmienia się nieco widok do pobierania nowych plików. Pamiętać musimy o tym, żeby pobierane obrazy miały właściwą  wielkość/rozdzielczość.

Kategorie.

Jeżeli wiemy już jak ma wstępnie nasza witryna, możemy zacząć tworzyć kategorie.

Kategoria utworzona podczas instalacji ma angielską nazwę ale możemy to szybko zmienić wchodząc do niej i zmieniając jej nazwę na własną.




Tworzenie nowej kategorii jest tak samo proste.

Przydatny jest opis kategorii, który edytujemy poniżej. Kolejne kategorie lub podkategorie tworzymy podobnie pamiętając o wskazaniu dla której kategorii (nadrzędna) jest tworzona podkategoria. 



Widok naszej struktury kategorii i podkategorii będzie widoczny w oknie głównym. Kategoria jest widoczna lub nie po zaznaczeniu tej opcji