INSTRUKCJA

OBSŁUGI

PANELU ADMINISTRACYJNEGO

SYSTEMU CMS

ą

rzy u

ować się u).

z

ormy CMS znacznie ewoluowały, dodając m.in. możliwość elastycznej

językach CMS

ie

jest napisanych w języku dynamicznym (ASP, Python, PHP, itd. )

System CMS (Content Managment System) jest to aplikacja internetowa pozwalająca na łatwaktualizację i rozbudowę strony internetowej. Osoba aktualizująca stronę nie musi znać znaczników HTML aby wpisać czy ozdobić tekst. Wszystko odbywa się poprzez prosty interfejs posiadający funkcję znane z takich programów jak MS Office, czy WinWord. Po wprowadzeniu informacji przez redaktora system CMS przenosi dane do bazy danych. W każdej chwili można wrócić i edytować ponownie dany artykuł. Od strony internauty - czyli osoby przeglądającej stronę, system pobiera dane z tej samej bazy i wyświetla tekst wprowadzony przez redaktora. Dostęp do systemu ma tylko osoba znająca login i hasło. Istnieje możliwość, aby nadać różne loginy i hasła różnym osobom nakładając ograniczenia dostępu do konkretnych artykułów dla różnych osób na podstawie ich unikalnego loginu. Wszystko po to, aby do edycji danej strony miały dostęp tylko osoby do tego powołane. Podstawowym zadaniem platform CMS jest oddzielenie treści (zawartości informacyjnej serwisu) od wyglądu (sposobu jej prezentacji). Po wprowadzeniu nowych informacji przez uprawnionego redaktora system przenosi je do bazy danych jednocześnie wypełniając nimi odpowiednie miejsca na stronach WWW. Wykorzystanie szablonów stron sprawia, że zmiana koncepcji graficznej całego serwisu sprowadza się do przygotowania i zamiany szablonu, pczym system nie powinien narzucać żadnych ograniczeń kompozycyjnych. Dzięki takiempodejściu proces publikacji w Internecie staje się prosty - specjaliści mogą skoncentrna swojej pracy i korzystać ze swoich ulubionych aplikacji użytkowych (np. edytorów tekstKażda strona WWW generowana jest dynamicznie, w oparciu o szablony i zawartość badanych - dynamika oznacza więc w tym przypadku zawsze aktualne informacje w serwisie. W ostatnich latach platfi dynamicznej modyfikacji już nie tylko treści, ale i struktury. Systemy zarządzania treścią zazwyczaj oparte są na bazach danych oraz naskryptowych (server-side) lub specjalistycznym oprogramowaniu po stronie serwera. może być formą oprogramowania klienckiego, które do aktualizacji strony może używać takprotokoły jak FTP. Coraz częściej wykorzystywane są złożone techniki opisu struktur dokumentów (np. XML). Większość systemów CMS

1. Logowanie do Panelu Administracyjnego Logowanie do Panelu Administracyjnego, polega na wpisaniu Nazwy użytkownika i hasła.

GŁÓWNA Po zalogowaniu , w widoku okna wyświetla się strona główna

: W Pasku nawigacyjnym znajdują się takie zakładki jak

TREŚĆ Strony

Po przejściu z zakładki Treść > Strony rozwinie się lista wszystkich stron w serwisie. Lista stron wyświetlona jest w kolejności w jakiej pojawiają się w menu, wraz z podstronami. Każda strona w liście stron zawiera następujące kolumny (od lewej do prawej):

• Tytuł -- tytuł strony, nie powinien być mylony z tekstem w menu, który właśnie tam jewyświetlany.

st

ronę,

i dla

ć

• Szablon -- nazwa szablonu, który jest używany dla tej strony. • Typ -- treść może mieć jeden z pięciu typów zawartości:

• Section Header -- możesz podzielić Twoje menu na sekcje i wyświetlić nagłówek sekcji dla każdej z nich.

• Content -- normalna treść, np. zwykła strona z tekstem. • Link -- a odnośnik z menu do wewnętrznej lub zewnętrznej strony. • Separator -- nie zupełnie treść, ale mechanizm który pozwala dzielić menu w

spójne jednostki (części). • News -- faktycznie jest to moduł aktualności. Aby wstawić aktualność na st

która zawiera inną treść musisz wstawić w treści strony specjalny znacznik{cms_module module="News"}. Wybierając News jako typ zawartoścstrony cała treść znacznika {content} w Twoich szablonach będzie używanaprzez moduł News.

• Właściciel -- użytkownik, który utworzył stronę. • Aktywny/a -- Strona może być dostępna w Twoim serwisie tylko wtedy, gdy jest

aktywna Jeśli jest nieaktywna nie jest wyświetlana w menu i nie może bydostępna pod bezpośrednim linkiem, ale nadal "istnieje w systemie". Możesz więc edytować stronę do czasu gdy uważasz że jest gotowa do publikacji, wtedy ustawiasz jejstan na aktywny.

• Domyślny/a -- domyślna strona jest to strona która jest wyświetlana jako pierwsza po wejściu użytkownika na Twój serwis.

• Przesuń -- klikając na strzałki możesz przenosić stronę w górę lub w dół w hierarchii stron.

• Trzy ikony po prawej to:

Zobacz -- otwiera wybraną stronę w nowym oknieNie można wyświetlić obrazu. Na komputerze

ć pamięci do lub obraz

odzony. wnie stępnie ownie. Jeśli x nadal lany,

może brakowaotwarcia obrazumoże być uszkUruchom ponokomputer, a naotwórz plik ponczerwony znakbędzie wyświetkonieczne może być usunięcie obrazu, a

t i t

Edytuj -- działa podobnie jak kliknięcie w tytuł strony - powoduje przejście do edycji Nie można wyśobrazu. Na kompmoże brakowaotwarcia obrazumoże być uszkUruchom ponokomputer, a naotwórz plik ponczerwony znakbędzie wyświetkonieczne moż

wietlić uterze

ć pamięci do lub obraz

odzony. wnie stępnie ownie. Jeśli x nadal lany, e być

usunięcie obrazu, a t i t

Usuń -- usuwa stronęNie można wyśobrazu. Na kompmoże brakowaotwarcia obrazumoże być uszkUruchom ponokomputer, a naotwórz plik ponczerwony znakbędzie wyświetkonieczne możusunięcie obraz

wietlić uterze

ć pamięci do lub obraz

odzony. wnie stępnie ownie. Jeśli x nadal lany, e być u, a

t i t

Ukrywanie strony Istnieje możliwość ukrycia strony przed odwiedzającymi serwis, jednocześnie zachowując stronę "w systemie" aby móc w ten sposób opublikować ją później.

szystkie

potwierdzeniem operacji usuwania, zatwierdzenie nastąpi po kliknięciu OK, strona zostanie

Wszystkie strony z tym symbolem w kolumnie Aktywny/a są aktywne i wyświetlane dlaodwiedzających stronę. Aby ukryć stronę, należy kliknąć na w kolumnie Aktywny/a przystronie która ma zostać ukryta. Symbol zmieni się wtedy na . Jeżeli strona ma być dostępna (aktywna), ale nie wyświetlana w menu (nawigacji).W takim przypadku trzeba przejść do edycji takiej strony, a następnie przejść do zakładki Opcje i odznaczyć Pokaż w menu. Zmiana kolejności stron Można zmieniać kolejność wyświetlania stron w menu (nawigacji). Aby przenieść stronę o jedno miejsce do góry w hierarchii stron, należy kliknąć na w kolumnie Przesuń przy stronie, która ma zostać przeniesiona. Podobnie, aby przenieść stronę niżej w hierarchii, kliknij w kolumnie Przesuń. Uwaga: Można jedynie przenosić strony o jeden krok podczas pojedynczej operacji. Wpodstrony są wyświetlane i przenoszone wraz ze stroną nadrzędną. Usuwanie strony

Usuwanie strony jest bardzo łatwe. Po kliknięciu na ikonkę usuwania, , która znajduje się po prawej stronie w wierszu strony, która ma zostać usunięta. Pojawi się okienko popup z

waga: Nie można usunąć strony, która posiada podstrony. W takim przypadku trzeba ożna

odawanie nowej treści

by dodać nową stronę treści lub separator, link lub nagłówek sekcji w menu, należy przejść do

1. Główna

celu rozpoczęcia należy wybrać zawartości strony. Dla normalnej strony

ny. Tekst menu może się różnić od tytułu, będzie

strony w oknie edycji treści. Można tam również

zczania ekranu edycji

które zostały

by zastosować wprowadzone zmiany, nie opuszczając ekranu edycji

usunięta. Unajpierw usunąć wszystkie podstrony, lub przenieść je do innej strony nadrzędnej. Nie mrównież usunąć strony domyślnej, do czasu gdy nie zostanie ustalona inna strona domyślna. D A

'Treść -> Strony a następnie po lewej stronie powyżej lub poniżej listy stron kliknąć dodaj nową treść. W konsekwencji wyświetli się Edycja strony, gdzie można dodać nowa treśći gdzie znajdują się trzy zakładki

Wdomyślnym typem jest Content.

Kolejny krok to wpisanie tytuł strosię on wyświetlał w menu (nawigacji) serwisu.

Dobór szablonu dla strony. Teraz można wprowadzić treść

wprowadzać znaczniki modułów, np. {cms_module module="news"} Na końcu należy kliknąć w jeden z poniższych przycisków:

Podgląd -- aby podejrzeć stronę bez zapisywania czy opus Zatwierdź -- aby zatwierdzić zmiany i powrócić do listy stron Anuluj -- aby powrócić do listy stron bez zastosowania zmian,wprowadzone Zastosuj -- a

Opcje Aktywny -- Kolejny ze sposobów aktywacji lub dezaktywacji strony. Wyświetl w menu -- Aby strona była dostępna (aktywna), ale nie pojawiała się w menu. W takiej sytuacji należy odznaczyć tą opcję Cache'owalny -- Włączone cache'owanie, spowoduje że, silnik szablonów zachowa wygenerowaną gotową stronę (na serwerze), przyspieszając w ten sposób wyświetlanie strony. Jeżeli cache'owanie zostanie wyłączone, każde wywołanie tej strony powoduje ponowną jej generację z części z których się składa (szablon, treść, itp.). Alias strony -- Umieszczając link, do strony, można użyć adresu alias Metadane -- Dane o dokumencie zawarte w samym dokumencie. Nie są one wyświetlane ani interpretowane przez przeglądarkę. W praktyce metadane wykorzystują bazy, aplikacje i procesy biznesowe w trakcie definiowania struktur, tworzenia zależności i operowania na danych. atrybut Title -- Pozwala utworzyć „dymek” z informacją pomocniczą

olejność tabulacji

lawisz skrótu aktywujący link

odatkowi edytorzy -- Można wybrać innych użytkowników i pozwolić im na edycję tej strony.

edycji tej strony.

K K DUżytkownicy, którzy należą do grupy posiadającej uprawnienia do edycji wszystkich stron mają w tym przypadku również możliwość

odgląd P Zaawansowany Menadżer plików

Menadżer plików pozwala ładować i przeglądać pliki na serwerze.

Przeglądanie folderów jest bardzo proste, wystarczy kliknąć na nazwę folderu. Po kliknięciu naazwę pliku, otworzy się on w nowym oknie. n

twórz nowy folder

ć nowy folder, należy wpisać jego nazwę w polu "Utwórz nowy folder:" następnie a przycisk Utwórz. W ten sposób można utworzyć dowolną ilość poziomów dla

lderów. Nowy folder staje się podkatalogiem bieżącego folderu/katalogu.

w ęcie opcji Wyślij

Menadżer obrazków

U Aby dodakliknąć nfo

Wgraj plik Do załadowania pliku do bieżącego katalogu służy przycisk Przeglądaj, po odnalezieniu

omputerze interesującego nas pliku, można go zaakceptować poprzez kliknik

•

Działa analogicznie do menadżera plików Wgraj plik Aby dodać obraz, należy postępować zgodnie z poniższymi krokami:

1. Przejdź do folderu do którego chcesz załadować obraz. 2. Kliknij na przycisk Przeglądaj w miejscu gdzie pisze Wgraj plik: poniżej

przeglądarki obrazów. 3. Wybierz obraz/zdjęcie, które chcesz załadować. 4. Kliknij na Wyślij.

waga: Maksymalny rozmiar pliku, jaki może być załadowany można ustawić w pliku onfig.php (w bajtach). Również serwer, na którym jest umieszczona strona może ograniczać ielkość pliku, co może powodować błędy jeżeli ładowane są pliki większe od ustalonego mitu. twórz nowy folder

Globalne bloke HTTML

Ucwli U

ragmenty zawartości, które można umieszczać na stronach lub w szablonach. Jeżeli używany b stronach, można zamiast tego utworzyć nowy

biekt binarny klikając na: Dodaj globalny blok HTML

Fjest określony kod w różnych szablonach lu

o

ten sposób szablony będą łatwiejsze do zarządzania.

wstawić go do szablonu lub strony. W i

Aktualności

śAktualno serwisu automatycznie. Jako edytor, wszystko, co należy ministratora. Aby dodać

rtykuł".

ci mogą być dodawane dozrobić to przejść do menu Treść -> Aktualności w panelu adaktualność, kliknij na "Dodaj a

Dodawania aktualności

• Tytuł -- Krótki tytuł (nagłówek) artykułu. • Kategoria -- Pozwala wybrać kategorię dla artykułu. Każda kategoria może być

wyświetlana oddzielnie w serwisie. • Podsumowanie -- Podsumowanie artykułu. Będzie wyświetlane na stronie z listą

wnież jako wstęp do artykułu na stronie szczegółowej. Można zostawić to pole puste.

aktualności. Jeżeli nic nie zostanie

ości.

aktualności jak ró

• Treść -- W tym miejscu należy wpisać treśćwpisane w pole Podsumowanie, to co będzie znajdować się w Treści zostanie wyświetlone na stronie z listą aktualn

• Data publikacji -- Jest to data i czas dodania wiadomości (domyślnie jest to bieżący czas, więc jeśli data dodania wiadomości ma być inna należy odpowiednio ją zmienić wtym miejscu)

• Status -- Można napisać artykuł aktualności bez konieczności publikowania go. • Użyj daty wygaśnięcia -- Jeżeli artykuł aktualności ma być wyświetlany tylko od i/lub

do określonej daty, trzeba wybrać tą opcję. Artykuł zostanie wtedy wyświetlony na stronie w okresie jaki zostanie ustalony przez wybieranie "Daty początkowej" i "Daty końcowej".

Po wypełnieniu wymaganych pól kliknij na przycisk Zatwierdź. Jeśli została wybrana opcja statusu Opublikowany (Published), artykuł aktualności bezpośrednio zostanie opublikowany w serwisie.

WYGLĄD W tym miejscu można ustalić wygląd i styl stron w sposób jaki mają one wyglądać

• Szablony Aby ustalić ogólny wygląd wykorzystujemy tzw. szablonów. Dla każdej strony można wjeden spośród dostępnych szablonów. Szablon jest to kod html z tzw. obszarami dla treści, menu i modułów.

ybrać

• Arkusze styli Z kaskadowymi arkuszami stylów (CSS) można modyfikować wygląd różnych elementów

strony, np. aby ustalić wielkość czcionki tekstu paragrafu , wystarczy tylko raz zmodyfikować plik css w arkuszu stylów, w ten sposób wszystkie teksty w znacznikach <p> zostaną zmienione. Arkusze styli “współpracują” z szablonami, w których mają zostać użyte.

-- pozwala dołączyć arkusz styli o szablonu

-- oznacza możliwość kopiowania

-- możliwość edycji

UŻYTKOWNICY I GRUPY Użytkownicy i grupy określają kto ma dostęp do czego w CMSMS. Jeśli zainstalowany został moduł Front End Users temat bezpieczeństwa staje się bardziej znaczący . Istnieją cztery obszary które mona edytować w tej sekcji. Użytkownicy

Użytkownicy są to ludzie, którzy mogą zalogować się do panelu administracyjnego CMS. Osoba posiadająca dostęp do systemu może dodać nowego użytkownika poprzez funkcje

Grupy

Użytkownicy posiadający podobne role w serwisie grupowani są poprzez przypisanie do grupy i przyznanie (lub nie przyznanie) odpowiednich praw do wykonywania określonych zadań administracyjnych.

Przypisania grup

Użytkownicy są umieszczani w grupach poprzez Przypisania Grup oraz otrzymują upadministracyjne z uprawnień nadanych grupom.

rawnienia

Uprawnienia grup

Grupy mają przypisane uprawnienia administracyjne dla modułów domyślnych CMS jak również wszystkich dodatkowych modułów.

ROZSZERZENIA Moduły

Moduły rozszerzają CMS i dostarczają zróżnicowaną funkcjonalność. To oddzielny (względem aplikacji go wykorzystujących) twór, zawierający dostępne w nim implementacje typów wartości, zmiennych, stałych oraz treści procedur i funkcji. Moduł można odinstalować podobnie jak program, można go również dezaktywować po kliknięciu n

tóry oznacza aktywny moduł w rezultacie wybrany przez nas wzorzec zostanie odznaczony na liście jako nieaktywny.

a , k

Szereg modułów/rozwiązań, jest zaprojektowany w celu podnoszenia funkcjonalności serwisu internetowego

Instalacja modułu przez plik XML Wgraj plik 1. Wykorzystując funkcje Przeglądaj… odszukaj interesujący Cię .plik.xml na swoim

komputerze 2. Zaakceptuj instalacje nowe modułu przez kliknięcie opcji Zatwierdz

TinyMCE WYSIWYG

Dzięki zastosowaniu edytora TinyMCE, panel posiada prosty edytor tekstu, zbliżony fudo popularnych edytorów tekstu takich jak Microsoft Word czy WinWord.

nkcjami

wiązane

Działający na zasadzie WYSIWYG (What You See Is What You Get) w menu, przechodząc do zakładki Dodatki -> TinyMCE otworzy się strona zawierająca trzy zakładki m.in: Ustawienia W tej części można ustawić parametry dotyczące edytora, wszystkie czynności z tym zzostały przedstawione na stronie w niezwykle prosty i oczywisty sposób

FeedbackForm

Moduł Formularze Kontaktowe umożliwia tworzenie dynamicznych formularzy. Te formularze mogą zostać potem umieszczone w szablonie lub w kodzie konkretnych stron.

rzykład

Formularze Kontaktowe mogą zawierać wiele rodzajów pól, można też przypisać walidację (sprawdzanie poprawności) do tych pól. Wyniki wysyłane przez użytkowników mogą zostać zapisane i przetworzone w różny sposób, istnieje również możliwość wyedytowania istniejących już formularzy dzięki opcji edit .

Dodawanie formularza na stronę Aby dodać nowy formularz należy w menu wybrać Dodatki-> FeedbackForm następnie posłużyć się opcją Dodaj nowy formularz kontaktowy, Na głównej stronie administracyjnej modułu Formularzy kontaktowych jest pokazany pznacznika użytego do wyświetlenia formularza. Wygląda mniej więcej tak: {cms_module module="FeedbackForm" form="feedback_form_example"} Można skopiować ten znacznik do treści strony, można wkleić też ten kod do szablonu - w zależności gdzie ma być on wyświetlany. Teoretycznie można mieć wiele formularzy na jestronie.

dnej

W Głównej zakładce dodawania formularza można ustalić nazwę formularza Alias formularza Klasę CSS dla tego formularza

Gdy wszystkie pola zostaną wypełnione, akceptacja następuje przez kliknięcie Dodaj

W zakładce Ustawienia formularzy do ustalenia znajdują się następujące informacje: Napis na guziku wysyłania Napis na guziku “następny” (przy rozbudowanych formularzach) Symbol zaznaczający pola wymagane Wiadomość dziękująca formularza

Wszystkie powyższe ustalenia akceptujemy klikając opcję Dodaj

ADMINISTRACJA SERWISU Tutaj można zmieniać ustawienia i preferencje, zarówno dla panelu administratora jak i ustawienia mające wpływ na cały serwis. Wszystko co zostanie zmienione w sekcji administracyjnej jest zapisywane (logi) i w każdej chwili można sprawdzić w Dzienniku Administratora jakie zmiany zostały wykonane, kiedy i przez kogo. Ustawienia globalne

W tej części można ustalić informacje ogólne o serwisie internetowym takie jak Nazwa strony Język użytkowy Włączenie własnego komunikatu dla błędu 404 i ustalenie jego treści np. Page could not be found Włączenie własnego komunikatu informującego o niedostępności strony

szelkie wprowadzone informacje można Zatwierdzić lub Anulować

Dziennik Administratora

W

ziennik administratora pozwala śledzić jakie zmiany zostały wykonane, przez kogo i w jakim czasie

MOJE PREFERENCJE

D

Moje konto

tórka hasła -- należy podać hasło, które w następstwie posłuży podczas logowania

Nazwa -- nazwa użytkownika pod jaką będzie się logował Hasło i powImię -- Nazwisko -- Adres e-mail –

Preferencje użytkownika

Wybierz edytor WYSIWYG -- w domyślnej wersji przypisany jest TinyMCE Język --

yświetlane zawartości -- rozwiń wcięcia w liście stron aby uwydatnić hierarchię

otwierdzenie wyżej wymienionych preferencji następuję poprzez kliknięcie na Zatwierdź

Zarządzanie zakładkami

Motyw administracyjny -- domyślnie wybierany jest default Skróty administratora -- opcja dotyczy tego czy zakładki administratora mają być wWyświetlanie P

ozwala dodawać zakładki administracyjne aby tworzyć skróty to stron, które najczęściej

Pwykorzystujesz w panelu administratora

PODGLĄD STRONY Kliknięcie na tą ikonę spowoduje wyświetlenie podglądu serwisu w nowym oknie

WYLOGUJ

liknięcie powyższej ikony spowoduje wylogowanie z serwisu K