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.