Instalacja systemu zarządzania treścią (CMS): Joomla Na stronie http://www.cba.pl/ zarejestruj nowe konto klikając na przycisk:, następnie wybierz nazwę domeny (Rys. 1a) oraz wypełnij obowiązkowe pola oznaczone * w formularzu (Rys. 1b). Rys. 1: Zakładanie konta a) Krok 1 b) Krok 2 Przy rejestracji należy podać adres e-mail, gdyż w kolejnym kroku będzie trzeba aktywować konto poprzez kliknięcie na link przesłany na podany adres e-mail. Jeśli nie masz adresu e-mail lub nie chcesz podawać prawdziwego adresu, możesz użyć przydzielanego dynamicznie na kilka minut adresu ze strony: http://10minutemail.com/. Po aktywacji konta możesz zalogować się do panelu użytkownika (Rys. 2): http://cba.pl/panel/. Z lewej strony mamy dostępne menu, z którego najpierw należy wybrać Zarządzaj SQL, a następnie Dodaj bazę SQL aby dodać bazę danych do naszej strony. Wypełniamy formularz (Błąd! Nie można odnaleźć źródła odwołania.), zapamiętując sobie nazwę bazy danych, użytkownika i hasło. Po kliknięciu Dodaj powinno utworzyć nową bazę danych. Teraz możemy rozpocząć instalację Joomli. Z menu po lewej wybieramy Oprogramowanie i znajdujemy program joomla, który zostanie zainstalowany na naszym koncie automatycznie. Klikamy link Dodaj znajdujący się po prawej stronie od znalezionego programu, a następnie w wyświetlonym formularzu (Błąd! Nie można odnaleźć źródła odwołania.) powtórnie klikamy Dodaj. Rys. 2: Panel użytkownika Rys. 3: Formularz dodawania bazy SQL Jeśli wypisany zostanie komunikat, że jakieś pliki na serwerze już istnieją zaznaczamy opcję tak, aby je usunąć. Jeśli nasz wybór zakończył się sukcesem wyświetlony zostanie link do skryptu instalacyjnego. Klikając na niego przechodzimy na stronę: 1 Rys. 4: Formularz wyboru domeny
http://twojaprzykładowanazwa.cba.pl/installation/index.php. W formularzach skryptu instalacyjnego wypełniamy niezbędne pola i klikamy Next albo Dalej: 1. Choose Language wybieramy język naszej Joomli (polski), 2. Przegląd ustawień sprawdzamy jedynie, czy wszystkie pola mają zielone tak (jak na Rys. 5), 3. Licencja powinniśmy się zapoznać z licencją GNU/GPL, 4. Konfiguracja bazy danych wypełniamy formularz danymi bazy, którą utworzyliśmy wcześniej: Typ: mysql Nazwa serwera (dla stron na cba.pl): mysql.cba.pl Nazwa użytkownika, hasło i nazwa bazy danych (zgodnie z Rys. 3). 5. FTP zostawiamy formularz pusty, ponieważ nie potrzebujemy FTP. 6. Główna konfiguracja wypełniamy formularz (: Nazwa witryny: wpisujemy swoją przykładową nazwę witryny Twój e-mail oraz hasło najlepiej podać prawdziwy e-mail i pamiętać hasło! 7. Jeśli pojawi się okno, że nie wczytano przykładowych danych, klikamy OK. 8. Podsumowanie czytamy opis podsumowania. Zgodnie z tym, co było napisane w podsumowaniu, musimy usunąć folder installation. W tym celu na stronie panelu użytkownika (http://cba.pl/panel/) klikamy opcję Konta FTP i z listy wybieramy Menedżer plików. Na wyświetlonym formularzu logowania wpisujemy dane konta: Użytkownik: admin@twojaprzykładowanazwa.cba.pl Hasło: wpisz hasło podane przy rejestracji Rys. 5: Przegląd ustawień Rys. 6: Menedżer plików i logujemy się do menedżera plików (Rys. 6), który jest webową aplikacją FTP. Wybieramy katalog installation, a następnie usuwamy go przyciskiem Kasuj. Powinno pojawić się jeszcze potwierdzenie, jak na Rys. 7, więc klikamy zielony znaczek potwierdzający. Teraz można zabrać się do pracy nad treścią strony. W tym celu wchodzimy do panelu administracyjnego, który znajduje się pod adresem: Rys. 7: Potwierdzenie kasowania plików http://twojaprzykładowanazwa.cba.pl/administrator. 2
Aby zalogować się do panelu administracyjnego należy użyć loginu: admin oraz hasła podanego w kroku Główna konfiguracja w czasie instalacji. Administracja systemem CMS Joomla Po instalacji systemu zarządzania treścią należy zająć się dostosowaniem systemu do własnych potrzeb, a następnie można będzie dodawać treść poszczególnych stron. W dwóch osobnych oknach przeglądarki warto otworzyć: Stronę: http://twojaprzykładowanazwa.cba.pl. Wygląda ona prawdopodobnie jak na Rys. 8. Panel administracyjny: http://twojaprzykładowanazwa.cba.pl/administrator (Rys. 9). Rys. 9: Ikony panelu administracyjnego Rys. 8: Strona główna naszej witryny Dodawanie artykułu na głównej stronie Aby dodać artykuł na stronie należy w panelu administracyjnym wybrać ikonę Dodaj artykuł. Otwarta zostanie strona Artykuł: [ Utwórz ], na której wypełniamy następujące pola formularza: Tytuł: Witam na mojej stronie W polu treści wpisujemy jakąś własną treść. Zaznaczamy pole tak przy Strona startowa, dzięki czemu artykuł będzie na głównej stronie. Gdy pola, które chcieliśmy zostały wypełnione należy kliknąć: Zapisz. Teraz należy przeładować stronę znajdującą się w drugim oknie i w bocznym menu powinna pojawić się pozycja Logowanie. Dodawanie linku w bocznym menu do panelu logowania Póki co w menu poza jedną pozycją Home nie ma nic. W bocznym menu dodamy teraz pozycję Logowanie odsyłającą do panelu logowania. 1. Klikamy ikonę Menu w panelu administracyjnym. 2. Otwarty zostanie Projektant menu, w którym dla Main menu wybieramy ikonę: (Zarządzaj pozycjami menu) w kolumnie Pozycje menu (Rys. 12). 3. Otwarty zostanie Projektant pozycji menu. Przy pomocy przycisku Utwórz dodajemy nową pozycję do naszego menu na nowo otwartej stronie Pozycja menu: [ Utwórz ] wybieramy: Łącze wewnętrzne Użytkownik Logowanie Zaloguj - Wyloguj. W wyświetlonym formularzu wypełniamy pole tytuł wpisując Logowanie, a pozostałe pola pozostawiamy bez zmian, po prawej stronie z listy Kategoria wybieramy News i klikamy przycisk Zastosuj. 3 Rys. 10 Projektant menu
Edytowanie artykułu z poziomu panelu administracyjnego oraz strony Czasem zdarza się, że chcielibyśmy zmienić coś w artykule, który dodaliśmy. Joomla umożliwia wprowadzanie zmian na dwa sposoby: Edytowanie z poziomu panelu administracyjnego Aby edytować wcześniej utworzony artykuł z panelu administracyjnego wybieramy Artykuły. Otwarta zostanie strona Artykuły,, gdzie w tabeli powinien widnieć nasz artykuł. Kliknięcie na tytuł artykułu spowoduje przejście do trybu edycji. W celu zachowania zmian należy kliknąć Zapisz. Edytowanie z poziomu strony Na stronie w bocznym menu powinien widnieć link Logowanie. Po jego kliknięciu otwiera się formularz do zalogowania. Gdy zalogujemy się przez niego (tymi samymi danymi, co do panelu administracyjnego) będziemy mogli modyfikować treść artykułów z poziomu witryny. Wracamy na główną stronę linkiem Home. Aby edytować wcześniej utworzony artykuł, należy po zalogowaniu wybrać ikonę Edytuj artykuł znajdującą się obok artykułu na stronie. Sekcje i kategorie Budowa witryny w CMSie Joomla opiera się na sekcjach i kategoriach. Sekcje zawierają różne kategorie, a w tych kategoriach są pogrupowane artykuły. Tworząc artykuł przypisuje się go do sekcji i kategorii w tej sekcji. W ten sposób Joomla wie, gdzie artykuł powinien być umieszczony. Dodawanie sekcji i kategorii Aby móc dodawać kategorie, najpierw trzeba dodać co najmniej jedną sekcję. Aby dodać sekcję, w panelu administracyjnym należy wybrać Sekcje, a następnie kliknąć Utwórz. W wyświetlonym formularzu Sekcja: [ Utwórz ] wypełniamy Tytuł sekcji np. News,, a następnie klikamy Zapisz. Teraz, gdy już mamy sekcję, możemy do niej dodać kategorie. Aby dodać kategorię, w panelu administracyjnym należy wybrać Kategorie, a następnie kliknąć Utwórz. W wyświetlonym formularzu Kategoria: [ Utwórz ] wypełniamy Tytuł sekcji np. Gospodarka, Polityka itp., a następnie klikamy Zapisz. Proszę dodać 2 sekcje i w każdej z nich stworzyć 2 kategorie. Dodawanie artykułów Do utworzonych kategorii dodaj po 2-3 artykuły. Aby artykuł był przypisany do określonej kategorii w danej sekcji wystarczy, że w czasie jego dodawania w formularzu zdefiniujemy sekcję oraz kategorię (jak na Rys. 11). Rys. 11: Formularz dodawania artykułu 4
Dodawanie pozycji w menu Póki co na stronie głównej poza menu z pozycjami Home i Logowanie niewiele się znajduje. Dodamy teraz kilka pozycji do górnego menu oraz kilka pozycji do bocznego menu: 1. Klikamy ikonę Menu w panelu administracyjnym. 2. Otwarty został Projektant menu, w którym dla Main menu wybieramy ikonę: (Zarządzaj pozycjami menu) w kolumnie Pozycje menu (Rys. 12). 3. Otwarty został Projektant pozycji menu. Rys. 12 Projektant menu Przy pomocy przycisku Utwórz dodajemy nową pozycję do naszego menu na nowo otwartej stronie Pozycja menu: [ Utwórz ] wybieramy z rozwijanego drzewa: Łącze wewnętrzne Artykuły Kategoria Przegląd - Artykuły w kategorii. W wyświetlonym formularzu wypełniamy pole tytuł wpisując np. Polityka, natomiast po prawej stronie z listy wybieramy kategorię Polityka. Pozostałe pozostawiamy bez zmian i klikamy przycisk Zapisz. Teraz należy przeładować stronę znajdującą się w drugim oknie i w bocznym menu powinna pojawić się pozycja Polityka. Dodanie górnego poziomego menu W standardowym szablonie Joomli na środku pod bannerem znajduje się menu (Rys. 13). Rys. 13: Górne poziome menu Aby utworzyć poziome menu u góry strony, najpierw musimy utworzyć menu. W panelu wybieramy Menu, a następnie na stronie Projektant Menu wybieramy Utwórz. W formularzu wypełniamy pola Nazwa menu np. Menu gorne, Tytuł np. Górne menu oraz Tytuł modułu np. gornemenu. Następnie, tak jak to było opisane wcześniej, dodajemy kilka pozycji w menu do zdefiniowanych kategorii. Z menu w panelu administracyjnym wybieramy Rozszerzenia Szablony następnie na stronie wybieramy rhuk_milkyway i klikamy ikonę Podgląd. Teraz możemy zobaczyć, że na fragmencie definiującym górne menu jest napis user3 (Rys. 14). Zatem menu musi być na pozycji user3, aby było wyświetlane u góry. Rys. 14: Fragment szablonu definiujący górne menu Aby określić na jakiej pozycji znajduje się menu należy przedefiniować odpowiedni moduł: Rozszerzenia Moduły. Następnie klikamy na nazwę modułu i wybieramy gornemenu. W nowym oknie w polu Pozycja wybieramy user3 i zapisujemy zmiany. Jeśli w oknie Moduły obok gornemenu w kolumnie Włączony znajduje się znaczek, klikamy na niego, aby pojawił się znaczek. Jeśli wszystko ustawiliśmy poprawnie, na stronie powinien nam się wyświetlić pasek górnego menu. 5
Parametry szablonu Mając stronę, zwykle nie chcielibyśmy, by wyglądała, tak jak każda inna zrobiona przy pomocy tego samego szablonu. W tym celu wiele szablonów udostępnia parametry, które można zmienić. Aby dostać się do parametrów szablonu wybieramy Rozszerzenia Szablony, a następnie na stronie wybieramy rhuk_milkyway. Na stronie Szablon mamy m.in. rubrykę Parametry (jak na Rys. 15). Zmiana parametrów i zatwierdzenie ich Zastosuj spowoduje, że po odświeżeniu strony możemy zobaczyć jak wygląda ona przy aktualnych parametrach. Rys. 15: Parametry Instalacja szablonu Aby zainstalować szablon, najpierw należy znaleźć odpowiadający nam projekt. Jest wiele stron, które oferują płatne albo darmowe szablony. Jedną z tych darmowych jest strona: templatki.com. W dziale Templatki odnajdujemy pasujący nam projekt, a następnie klikamy link Download. Aby zainstalować szablon wchodzimy w menu Rozszerzenia Instalator. Następnie w rubryce Instaluj z pakietu wybieramy przyciskiem Choose ściągnięte archiwum i klikamy Wczytaj plik & Zainstaluj. Jeśli udało się zainstalować szablon instalator powinien wypisać: Zainstaluj Szablon: Powodzenie. Potem pozostaje już tylko zmienić aktywny szablon na nowy. W tym celu w Rozszerzenia Szablony zaznaczamy nowy szablon i klikamy Domyślnie, a następnie odświeżamy stronę w przeglądarce, aby zobaczyć efekt. Będąc jeszcze w szablonach proszę zaznaczyć nowy domyślny szablon i kliknąć Zmień, aby przejrzeć i ewentualnie zmienić parametry szablonu. Instalacja innych modułów Proszę na stronie templatki.com albo innej stronie z elementami do Joomli odnaleźć moduł galerii i zainstalować go analogicznie do tego jak instalowany był szablon. Następnie proszę dodać w menu odnośnik do utworzonej galerii. Tworzenie kont użytkowników Joomla udostępnia zaawansowany system pomocy: http://www.pomoc.joomla.pl/content/category/4/56/26/ Proszę przy jego pomocy odnaleźć informację na temat grup użytkowników i zakładania nowych kont użytkownika. Proszę założyć nowe konto użytkownika, który nie będzie miał pełnych praw administratora. 6