Zmiana wyglądu witryny – szablony.

Zmiana wyglądu witryny – szablony.
Wraz z podstawowym pakietem Joomla zainstalowano kilka przykładowych szablonów, które umożliwiają
natychmiastową i automatyczną zmianę wyglądu strony. Zawsze musi być wybrany jeden szablon dla twojej witryny i
dla zaplecza administracyjnego – żółta gwiazdka
Profesjonalnie tworzone szablony można modyfikować w sposób, który przewidział projektant. Wszelkich zmian w
ustawienia szablonu należy jednak dokonywać z rozwagą. Aby ustrzec się przed błędami można skopiować wybrany
szablon (przycisk Skopiuj), a dopiero potem go modyfikować (przycisk Dostosuj).
SZABLONY WBUDOWANE
0.
Zaloguj się do panelu administratora
1.
Wybierz Pulpit i przycisk Szablony
2.
Kliknij w białą gwiazdkę dla
wybranego szablonu witryny
3.
Odśwież przeglądarkę, w której
wyświetlasz swoją witrynę
INSTALACJA NOWEGO SZABLONU
W zasobach internetu szablonów są tysiące
i można je w łatwy sposób zainstalować na twojej witrynie. Należy jednak wystrzegać się instalacji szablonów z
podejrzanych witryn – mogą zawierać wirusy! Sposobów instalacji jest kilka; najpopularniejszy polega na pobraniu
tzw. paczki instalacyjnej na dysk komputera i właściwą instalację. W dalszym opisie zakładamy, że użytkownik pobrał
już paczkę na dysk komputera.
1.
W panelu administratora wybieramy przycisk Rozszerzenia
2.
W polu Instaluj z pakietu wybieramy przycisk Przeglądaj
3.
Odszukujemy na dysku paczkę z szablonem (otwieramy ją) i naciskamy przycisk Wczytaj plik i zainstaluj
Jeżeli szablon jest poprawny (stworzony dla
tej wersji Joomla i nie ma w nim błędów)
zostanie po chwili zainstalowany; należy go
jeszcze uczynić domyślnym (patrz poprzedni
punkt lekcji), aby zobaczyć zmiany w
witrynie.
4.
Na
liście
szablonów
uczyć
zainstalowany szablon domyślnym
5.
Przejdź do witryny i odśwież widok
MODYFIKACJA SZABLONU
Najczęstszą i pierwszą modyfikacją w zainstalowanym szablonie jest wymiana obrazu na głównej stronie. Najpierw
należy przygotować nowy obraz lub ich większą ilość (jeśli szablon umożliwia wyświetlanie tzw. pokazu slajdów), a
następnie obrazy te muszą być wgrane do odpowiedniego foldera w zasobach Joomli. Przygotowanie obrazu
(najczęściej w formacie JPG lub PNG) nie powinno stanowić problemu, zapisu dokonujemy za pomocą programów,
które nazywamy klientami FTP, np. popularnego Filezilla. Konfiguracja programu i sam proces wgrywania zostanie
opisany poniżej.
KONFIGURACJA KLIENTA FTP
na przykładzie FILEZILLA, konta na CBA.PL i JOOMLI na tym koncie
1.
Zainstalować i uruchomić program FileZilla
2.
Wpisujemy nazwę serwera - ftp.cba.pl
3.
Wpisujemy nazwę użytkownika – [email protected] (XXXX oznacza nazwę naszej strony)
4.
Wpisujemy hasło, jakie utworzyliśmy podczas tworzenia konta
Pole Port zostawiamy puste – standardowo dla większości komputerów
5.
Klikamy w przycisk Szybkie łączenie
Jeśli wszystko przebiegło poprawnie, to w oknach z prawej strony
będziemy mieli dostęp do zasobów naszego serwisu w Joomli, a z lewej
możemy eksplorować zasoby naszego komputera. Oczywiście
wpisywanie za każdym razem tych parametrów jest niewygodne
(bezpiecznie jednak w warunkach szkolnych); można zdefiniować
powyższe ustawienia za pomocą Menadżera stron.
Musimy jeszcze wiedzieć: (1) jak nazywa się tytułowy obrazek i (2)
dokąd należy go skopiować. Większość szablonów ma tytułowy obrazek
„schowany” w miejscu, w którym został szablon zainstalowany w
Joomli, czyli w folderze Templates. Rysunek obok pokazuje tytułowy
obrazek o nazwie fruits.jpg w szablonie Beez5. Można to sprawdzić za
pomocą podglądu. Przy okazji można też dowiedzieć się, jakie są
wymiary obrazka.
WYMIANA TYTUŁOWEGO LOGO
na przykładzie szablonu systemowego BEEZ5
1.
Przygotuj dowolny obrazek o nazwie fruits.jpg i wymiarach
1050x180 pikseli w dowolnym programie graficznym. Zapisz go, np. na pulpicie.
2.
Uruchom program FileZilla
3.
Okno z lewej strony ustaw tak, aby był widoczny nowy obrazek
4.
Okno z prawej strony ustaw tak, aby widoczny był stary obrazek (w folderze /templates/beez5/images)
5.
Na wszelki wypadek zmień nazwę starego obrazka na inną (np. fruits1.jpg)
6.
Skopiuj obrazek z lewego okna do prawego (można przenosić myszką)
Teraz
możesz
sprawdzić
wygląd
witryny
Niektóre szablony umożliwiają wyświetlanie pokazu slajdów złożonych z wielu obrazków – z reguły muszą być
zgromadzone w jednym, określonym folderze.