dr inż. Piotr Czapiewski
Systemy zarządzania treścią
Laboratorium 2
Strona 1
Budowa witryny firmowej z wykorzystaniem systemu Joomla!
Przebieg ćwiczenia:
1.
Instalacja Joomla!
a.
Zainstaluj na swoim koncie system Joomla! bez żadnych danych.
2.
Przygotowanie witryny
Kolejne kroki prowadzą do przygotowania witryny o zawartości i strukturze przedstawionej na
poniższym rysunku.
a.
Dodanie aktualności na stronie:
•
Dodaj trzy artykuły, nieprzypisane do żadnej sekcji/kategorii, umieść je na stronie głównej.
b.
Zmiana stylu wyświetlania elementów na stronie głównej – cztery elementy w dwóch
kolumnach
•
Projektant menu -> Main Menu, Pozycje menu -> Home -> Parametry: podstawowe ->
Pozycji nad kolumnami = 0
Pozycji w kolumnach = 4
Kolumn = 2
dr inż. Piotr Czapiewski
Systemy zarządzania treścią
Laboratorium 2
Strona 2
c.
Dodanie artykułów:
•
Stwórz artykuły: O firmie, Sprzęt komputerowy, Sprzęt budowlany; nie przypisuj do
sekcji/kategorii. Dodaj artykuły do głównego menu.
•
Stwórz kolejne artykuły i umieść je w menu jako elementy podrzędne pod pozycjami
Sprzęt komputerowy i Sprzęt budowlany, jak na rysunku:
d.
Zmień nazwę Main Menu na Firma
•
Rozszerzenia -> Moduły -> Main Menu -> Tytuł = Firma
e.
Zmień nazwę elementu Home na Strona główna, a nazwę wyświetlaną na stronie zmień na
Aktualności
•
Projektant menu -> Main Menu, Pozycje menu -> Home ->
Tytuł = Strona główna
Parametry: systemu -> Tytuł strony = Aktualności
f.
Dodanie FAQ oraz Nasze sklepy:
•
Stwórz dwie sekcje: FAQ oraz Nasze sklepy, w każdej z nich kategorię o takiej samej
nazwie jak sekcja.
•
Dodaj artykuły w sekcjach FAQ oraz Nasze sklepy. Aby wstawić grafikę w treści artykułu,
użyj przycisku Grafika pod polem, w którym wpisujesz treść.
•
Dodaj do menu elementy typu Łącze wewnętrzne -> Sekcja -> Przegląd – Artykuły w
sekcji. Ustaw parametry wyświetlania:
Opis = Pokaż
Pozycji nad kolumnami = 0
Ilość kolumn = 1
g.
Dodanie górnego menu
•
Przejdź do projektanta menu, kliknij Utwórz. Wprowadź parametry:
Unikalna nazwa: menugorne (bez spacji i polskich znaków)
Tytuł: Menu górne
Tytuł modułu: Menu górne
•
Przejdź do menedżera modułów (Rozszerzenia -> Moduły). Pojawił się tu nowy moduł
Menu górne. Kliknij na czerwonym krzyżyku obok modułu, aby go włączyć.
dr inż. Piotr Czapiewski
Systemy zarządzania treścią
Laboratorium 2
Strona 3
•
Przejdź do edycji modułu. Zmień pozycję: left na user3.
•
Menu pojawi się na stronie dopiero po dodaniu do niego pozycji.
•
Przejdź do menedżera menu, do pozycji menu głównego. Zaznacz pozycje Strona główna,
Sprzęt komputerowy, Sprzęt budowlany, Nasze sklepy, po czym kliknij Kopiuj.
•
Zaznacz menu górne i kliknij Kopiuj.
•
Sprawdź efekt na stronie frontowej.
h.
Dodanie nowego menu bocznego
•
W analogiczny sposób dodaj menu Oferta, jego moduł umieść na pozycji left.
•
Przenieś do menu Oferta elementy Sprzęt komputerowy i Sprzęt budowlany.
•
W menedżerze modułów ustaw kolejność wyświetlania menu: najpierw Firma, potem
Oferta.
•
Zmień tryb wyświetlania elementów w module Oferta:
Podrzędne zawsze = Tak
•
Aby menu Oferta było wyświetlane w taki sam sposób, jak menu główne, należy ustawić
w sekcji Parametry: rozszerzone parametr:
Przyrostek klasy modułu = _menu
•
Sprawdź efekt na stronie frontowej.
i.
Zmiana wyświetlania ikon i elementów nawigacyjnych przy wiadomościach
•
Przy każdej wiadomości widoczne są informacje o autorze, dacie dodania oraz ikonki –
eksport do PDF, wydruk, wysłanie emailem. Wyświetlanie tych elementów można
włączyć/wyłączyć globalnie lub dla każdego artykułu z osobna.
•
Wyłącz globalnie wyświetlanie autora, daty dodania i ikonki email. Włącz wyświetlanie
tytułów artykułów jako linki.
Artykuły -> Preferencje ->
Tytuły łączami = Tak
Nazwa autora = Ukryj
Data i czas utworzenia = Ukryj
Data i czas zmiany = Ukryj
Poleć innym = Ukryj
•
Włącz wyświetlanie daty dodania dla artykułów na stronie głównej. Przejdź do edycji
artykułu, Parametry: rozszerzone -> Data i czas utworzenia = Pokaż. Powtórz dla każdego
artykułu na stronie głównej.
j.
Dodanie ankiety
•
Przejdź do Komponenty -> Sondy i utwórz nową ankietę
•
Aby wyświetlić ją na stronie główej, przejdź do Rozszerzenia -> Moduły, dodaj nowy
moduł typu Ankieta. Wpisz tytuł, z listy rozwijanej wybierz ankietę, która ma być
dr inż. Piotr Czapiewski
Systemy zarządzania treścią
Laboratorium 2
Strona 4
wyświetlana. Umieść moduł po prawej stronie (Pozycja: right). Włącz wyświetlanie
ankiety tylko na stronie głównej (Pozycje menu: Zaznaczone, zaznacz Strona główna w
menu głównym i górnym).
k.
Dodanie strony kontaktowej
•
Dodaj kategorię kontaktu o dowolnej nazwie, np. Firma (Komponenty -> Kontakty ->
Kategorie -> Utwórz).
•
Dodaj nowy kontakt (Komponenty -> Kontakty -> Zarządzaj kontaktami -> Utwórz),
przypisz go do kategorii, wypełnij pola kontaktowe.
•
Dodaj do głównego menu pozycję typu Kontakty -> Kontakt. Nadaj mu nazwę Kontakt.
•
Skopiuj pozycję Kontakt do górnego menu.
•
Aby działało wysyłanie wiadomości ze strony, należy skonfigurować serwer pocztowy
(Witryna -> Konfiguracja -> Poczta).
l.
Dopasuj kolejność pozycji w menu do wzoru.
3.
Dopasowanie wyglądu witryny
a.
Zmiana kolorystyki szablonu
•
Rozszerzenia -> Szablony -> rhuk_milkyway, kolory: czarny na zielonym tle
b.
Zmiana logo
•
Przygotuj nowe logo o wymiarach zbliżonych do 298x75 i skopiuj je do katalogu szablonu:
<
ś
cie
ż
ka do joomla>\templates\rhuk_milkyway\images
•
Przejdź do edycji szablonu, kliknij Edytuj CSS.
•
Wybierz
template.css
i kliknij Zmień.
•
Znajdź sekcję div#logo i zmień w niej nazwę pliku zawierającego logo.
4.
Użytkownicy witryny
a.
Dodanie panelu logowania
•
Dodaj do strony moduł Logowanie. Pozycja: left.
Ustaw parametry:
Skocz po wylogowaniu do = Strona główna
Przyrostek modułu = menu
•
Wyłącz rejestrację nowych użytkowników
Witryna -> Konfiguracja -> System -> Użytkownicy ->Rejestruj nowych = Nie
b.
Prawa użytkowników
•
Przejdź do zarządzania użytkownikami (Witryna -> Użytkownicy)
•
Dodaj użytkowników: Autor, Redaktor, Wydawca, przypisując ich do odpowiednich grup
dr inż. Piotr Czapiewski
Systemy zarządzania treścią
Laboratorium 2
Strona 5
•
Dodaj nowe menu o nazwie Artykuły. Nadaj mu poziom dostępu Rejestrowany – pozycja
będzie widoczna tylko dla zalogowanych użytkowników. Umieść je po lewej stronie,
poniżej menu Oferta.
•
Do nowego menu dodaj pozycję typu Artykuły -> Wyślij artykuł, zatytułuj ją Dodaj
artykuł. Nadaj jej poziom dostępu Rejestrowany.
c.
Dodawanie artykułów przez użytkowników
•
Zaloguj się na stronie frontowej jako użytkownik Autor.
•
Z poziomy strony frontowej dodaj jakiś artykuł do strony głównej. Wyloguj się.
•
Artykuł dodany przez Autora musi zostać zatwierdzony przez administratora lub wydawcę.
Zaloguj się do panelu administracyjnego, przejdź do zarządzania artykułami, znajdź
nowododany artykuł i opublikuj go (ikona w kolumnie Opublikowane).
•
Zaloguj się na stronie frontowej jako redaktor.
•
Możesz teraz edytować treść dowolnych artykułów – pojawiła się nowa ikonka obok
każdej wiadomości. Zmień treść wybranego artykułu.
•
Możesz dodawać artykuły, ale również będzie wymagane zatwierdzenie przez
administratora lub wydawcę. Wprowadź nowy artykuł i wyloguj się.
•
Zaloguj się do strony frontowej jako Wydawca. Powinieneś zobaczyć artykuł dodany przed
chwilą przez redaktora, wyróżniony innym kolorem. Przejdź do edycji tego artykuł, zaznacz
Opublikowany = Tak.
•
Dodaj nowy artykuł. Artykuły dodane przez Wydawcę nie wymagają zatwierdzania, od
razu będą widoczne dla użytkowników.