CMS.

Praktyczne projekty
Autor: Waldemar Howil
ISBN: 978-83-246-1091-4
Format: B5, stron: 232

Poznaj systemy zarzdzania treci witryny WWW w praktyce

Jak zainstalowa CMS na serwerze?
Jak korzysta z szablonw?
Jak stworzy wasny blog i portal internetowy?

Korporacyjne witryny internetowe s dzi najlepszym sposobem na zaprezentowanie

firmy i jej oferty. Zaprojektowanie i stworzenie serwisu internetowego wymaga jednak
zatrudnienia specjalistw lub opanowania skomplikowanych jzykw programowania.
Mona take wykorzysta system CMS zestaw narzdzi i bibliotek, dziki ktremu
szybko i sprawnie uruchomimy nawet najbardziej rozbudowan witryn WWW
i bdziemy w stanie zarzdza jej treci bez koniecznoci uczenia si jzyka HTML.
W internecie mona znale sporo ciekawych systemw CMS dostpnych nieodpatnie
i oferujcych spore moliwoci.
Ksika CMS. Praktyczne projekty to przewodnik po najpopularniejszych systemach
CMS. Czytajc j i wykonujc zawarte w niej wiczenia, opanujesz systemy zarzdzania
treci od strony praktycznej. Poznasz najbardziej rozpowszechnione systemy CMS
przeznaczone do rnych zada, dowiesz si, jak zainstalowa kady z nich na
serwerze, wstpnie go skonfigurowa i zbudowa w oparciu o niego witryn WWW.
Nauczysz si tworzy blogi, galerie fotografii, portale i strony internetowe. Przeczytasz
o szablonach, modyfikowaniu szaty graficznej i struktury menu, administrowaniu
i zarzdzaniu uytkownikami.

Wydawnictwo Helion
ul. Kociuszki 1c
44-100 Gliwice
tel. 032 230 98 63
e-mail: helion@helion.pl

Instalacja serwera
Instalacja i konfiguracja WordPress
Tworzenie wasnego bloga
CMS-PHP Nuke
Administrowanie zawartoci strony
CMS Joomla!
Tworzenie szablonw
Modyfikacja ukadu menu
System Quick.Cms.Ext
Zarzdzanie treci
Administrowanie kontami uytkownikw
Inne systemy CMS

Stwrz wasn witryn WWW w oparciu o bezpatny CMS!

Spis treci
Rozdzia 1. Wstp .............................................................................................. 5
Rozdzia 2. Licencje ........................................................................................... 9
Rozdzia 3. Instalacja serwera .......................................................................... 11
Windows .......................................................................................................................... 12
Ubuntu ............................................................................................................................. 15

Rozdzia 4. WordPress ..................................................................................... 19

Wstp ............................................................................................................................... 19
Instalacja .......................................................................................................................... 23
Administracja ................................................................................................................... 30
Menu .......................................................................................................................... 33
Tworzymy wasny blog ................................................................................................... 48
Zmieniamy szat graficzn ........................................................................................ 49
Zmieniamy wygld menu .......................................................................................... 54
Piszemy newsa .......................................................................................................... 56
Dodawanie nowych wtyczek ..................................................................................... 59
Zadania do samodzielnego wykonania ............................................................................ 68

Rozdzia 5. PHP-Nuke ...................................................................................... 69

Wstp ............................................................................................................................... 69
Instalacja PHP-Nuke ........................................................................................................ 72
Administracja ................................................................................................................... 81
Menu administracyjne ............................................................................................... 81
Administrowanie moduami ...................................................................................... 94
Tworzymy wasn stron ............................................................................................... 119
Zadania do samodzielnego wykonania .......................................................................... 137

Rozdzia 6. Joomla! ........................................................................................ 139

Wstp ............................................................................................................................. 139
Instalacja ........................................................................................................................ 141
Administracja ................................................................................................................. 149
Menu grne ............................................................................................................. 153
Panel administracyjny ............................................................................................. 157
Menu informacyjne ................................................................................................. 165
Tworzymy wasny portal ............................................................................................... 166
Zadania do samodzielnego wykonania .......................................................................... 190

CMS. Praktyczne projekty

Rozdzia 7. Quick.Cms.Ext ............................................................................. 191

Wstp ............................................................................................................................. 191
Instalacja ........................................................................................................................ 193
Administracja ................................................................................................................. 196
Strony ...................................................................................................................... 197
Kopie zapasowe ....................................................................................................... 201
Bannery ................................................................................................................... 202
Newsletter ................................................................................................................ 203
Sonda ....................................................................................................................... 204
Uytkownicy ........................................................................................................... 205
Konfiguracja ............................................................................................................ 207
Wyloguj ................................................................................................................... 208
Tworzymy wasn stron ............................................................................................... 208
Zadania do samodzielnego wykonania .......................................................................... 223

Rozdzia 8. Zakoczenie ................................................................................ 225

Php Blue-Dragon ........................................................................................................... 225
Drupal ............................................................................................................................ 226
PostNuke ........................................................................................................................ 226
XOOPS .......................................................................................................................... 226

Skorowidz .................................................................................... 227

Rozdzia 7.

Quick.Cms.Ext
Wstp
Ostatnim omawianym w tej ksice systemem zarzdzania treci jest polski Quick.Cms.
Jest on dostpny w trzech wersjach rnicych si funkcjonalnoci oraz sposobem
dystrybucji:
Quick.Cms.Lite najbardziej podstawowa wersja, do pobrania za darmo

z serwera producenta.
Quick.Cms wersja patna, posiadajca rozbudowane moliwoci wzgldem

wersji Lite.
Quick.Cms.Ext patna, najbardziej rozbudowana wersja.

Najprostsz wersj oznaczon numerem 1.1 mona pobra z dziau Download strony
producenta www.opensolution.org (rysunek 7.1)
W tym rozdziale przedstawi najbardziej rozbudowan wersj Quick.Cms.Ext, ktra
zawiera wszystkie funkcje podstawowe dostpne w wersji darmowej.
Quick.Cms pomimo tego, e na pierwszy rzut oka wydaje si bardzo prostym programem,
ma spor funkcjonalno, co czyni nawet jego wersj Lite ciekawym rozwizaniem
dla osb chccych mie interesujc i atw w administrowaniu stron internetow.
Wersja Quick.Cms.Lite ma nastpujce cechy:
administracja stronami,
dodawanie do stron zdj i plikw,
zarzdzanie wieloma jzykami.

192

CMS. Praktyczne projekty

Rysunek 7.1. Strona internetowa producenta Quick.Cms

Cechy wersji Quick.Cms to dodatkowo:

tworzenie galerii,
zarzdzanie newsami,
tworzenie mapy stron i wyszukiwarki dla stron,
formularz kontaktowy i powiadomienie znajomego.

W najbardziej rozbudowanej wersji, Quick.Cms.Ext, program ma dodatkowo:

moliwo tworzenia sond,
moliwo komentowania podstron,
system bannerowy,
newsletter,
tworzenie kopii zapasowej,
system RSS dla podstron,
autoryzacj podstron dla uytkownikw.

Rozdzia 7. Quick.Cms.Ext

193

Poza wyej wymienionymi cechami Quick.Cms charakteryzuje si jeszcze atwoci

instalacji, ktra sprowadza si jedynie do skopiowania plikw na serwer i nadania odpowiednim katalogom i plikom waciwych uprawnie, oraz szybkoci adowania stron,
ktra zostaa osignita poprzez zminimalizowanie kodu HTML i umoliwienie generowania miniaturek zdj.
Wersja Lite jest udostpniona przez producenta na licencji GNU/GPL z tym jednak
zastrzeeniem, e konieczne jest pozostawienie na stronie informacji o pochodzeniu
i nazwie programu, ktra musi by jednoczenie linkiem do strony producenta. Nic nie
stoi wic na przeszkodzie, eby w miar wasnych moliwoci udoskonala t wanie
wersj. Wersje patne sprzedawane s na licencji komercyjnej, jednak ceny nie s
wygrowane.

Instalacja
Instalacja Quick.Cms jest bardzo prosta. Sprowadza si jedynie do kilku prostych krokw, dotyczy to kadej wersji programu. Przed instalacj trzeba jednak sprawdzi, czy
zostay spenione minimalne wymagania. Do poprawnego dziaania skryptw napisanych
w PHP konieczna jest wersja 4.4.3 PHP lub wysza. Dodatkowo, aby byo moliwe wysyanie poczty elektronicznej z poziomu programu, konieczne jest wczenie funkcji
mail() oraz powinna by zainstalowana biblioteka Gd odpowiedzialna za grafik.

Aby wgra pliki na serwer, naley:

1. Rozpakowa archiwum z Quick.CMS.Ext do katalogu stworzonego na dysku

lokalnym.
2. Za pomoc jakiegokolwiek klienta FTP skopiowa rozpakowane pliki na

serwer (rysunek 7.2). W naszym przypadku bdzie to Total Commander,

ale rwnie dobrze moe by np. FileZilla lub jakikolwiek inny program.
Uprzednio tworzymy na nim katalog, do ktrego pliki zostan skopiowane.
Moemy te wgra pliki bezporednio do gwnego katalogu serwera i wtedy
po wpisaniu nazwy domeny (np. www.mojadomena.pl) od razu zostanie otwarty
instalowany CMS.
3. Po skopiowaniu wszystkich plikw koniecznie zmieni uprawnienia dla czci

plikw i katalogw:
katalog db zmieni uprawnienia dla wszystkich mieszczcych si w nim

pikw;
katalog files zmieni uprawnienia dla niego wraz z wszystkimi

podkatalogami i plikami;
katalog config zmieni uprawnienia dla wszystkich mieszczcych si

w nim plikw, jeeli chcemy mie moliwo edytowania konfiguracji na

stronach administracyjnych.

194

CMS. Praktyczne projekty

Rysunek 7.2. Kopiowanie pikw na serwer

Dokonujemy tego za pomoc tego samego klienta FTP, ktrym skopiowalimy

pliki na serwer. Zaznaczamy pierwszy z katalogw i wybieramy z menu Plik/
Zmie atrybuty. W oknie, ktre si pojawi, zaznaczamy wszystkie pola w taki
sposb, aby uzyska uprawnienia 777, co bdzie oznaczao, e wszyscy maj
prawo do odczytu, zapisu oraz wykonywania plikw zawartych w katalogu
(rysunek 7.3).
Rysunek 7.3.
Nadawanie
uprawnie

4. Czynno t powtrzy dla wszystkich pozostaych katalogw, podkatalogw

i plikw. W przypadku nienadania odpowiednich uprawnie plikom i katalogom

mog wystpowa rnorodne problemy, np. z przyjaznymi linkami, zapisem
konfiguracji, pojawiajcymi si na stronie informacjami o bdach.
5. Najprawdopodobniej bdzie te konieczna edycja pliku httpd.conf. W przypadku

serwera instalowanego za pomoc programu WebServ trzeba klikn prawym

przyciskiem muszy ikon programu znajdujc si w pasku szybkiego
uruchamiania i wybra opcj Ustawienia (rysunek 7.4).
6. W oknie, ktre si pokae, wybra zakadk Apache (rysunek 7.5).
7. Nastpnie wybra z menu Zaawansowana konfiguracja pozycj httpd.conf.

Jest to plik konfiguracyjny serwera Apache.

Rozdzia 7. Quick.Cms.Ext

195

Rysunek 7.4.
Panel programu
WebServ

Rysunek 7.5.
Zakadka ustawie
Apache

8. W edytorze, ktry si pojawi, wybra z menu Szukaj lub wcisn kombinacj

klawiszy Ctrl+F i wpisa mod_rewrite. Wcisn przycisk Znajd nastpny

(rysunek 7.6).
Rysunek 7.6.
Wyszukiwanie moduu
mod_rewrite

9. Zostanie znaleziony wers o treci #LoadModule rewrite_module/mod_rewrite.so.

Usuwamy z niego pierwszy znak # i zapisujemy zmiany, jakie wprowadzilimy

w pliku.

196

CMS. Praktyczne projekty

Wprowadzone zmiany musimy jeszcze potwierdzi w okienku ustawie.

Naciskamy wic kolejno przyciski Zastosuj i OK.
Powysze zmiany dotycz Apache w wersji 2.x. Gdybymy posiadali wersj
starsz, 1.x.x, wtedy oprcz zmiany w wyej wymienionym wersie pliku
httpd.conf musielibymy take pozby si znaku # z wersu #AddModule
mod_rewrite.c.
10. Po wykonaniu tych czynnoci Quick.Cms jest ju w peni gotowy do pracy

i po wpisaniu jego adresu powinien si pojawi w przegldarce internetowej

(rysunek 7.7).

Rysunek 7.7. Quick.Cms.Ext po zainstalowaniu

Administracja
Administracja Quick.Cms.Ext nie powinna sprawi kopotw uytkownikom, a na
pewno da wiele moliwoci rozwijania strony internetowej.

Rozdzia 7. Quick.Cms.Ext

197

Aby przej do strony administracyjnej Quick.Cms.Ext, naley wpisa w adresie przegldarki admin.php, wic adres wygldaby na przykad tak: www.mojastrona.pl/cms/
admin.php, gdzie katalog /cms jest katalogiem instalacyjnym Quick.Cms.Ext. Zostaniemy poproszeni o zalogowanie si (rysunek 7.8).
Rysunek 7.8.
Formularz logowania

Domylne ustawienia s takie, e zarwno login, jak i haso brzmi jednakowo: admin.
Po wpisaniu hasa oraz loginu zostaniemy przeniesieni na stron administracyjn.
Menu administracyjne Quick.Cms.Ext skada si z omiu zakadek (rysunek 7.9):
strony,
kopie zapasowe,
bannery,
newsletter,
sonda,
uytkownicy,
konfiguracja,
wyloguj.

Rysunek 7.9. Zakadki na stronie administracyjnej

W najbardziej podstawowej wersji, Quick.Cms.Lite, tych zakadek jest znacznie mniej,

bo tylko trzy: strony, konfiguracja i wyloguj. W obu wersjach nie ma rnic w obsudze tych zakadek.

Strony
Pierwsza zakadka, strony, suy do zakadania kolejnych stron z informacjami (rysunek 7.10). Bezporednio po zainstalowaniu na serwerze mamy zaoonych kilka stron.
Bez problemu moemy je usun lub edytowa.
Strony moemy dodawa do trzech menu, ktre znajduj si w rnych miejscach strony
(rysunek 7.11). Dziki temu moemy stworzy cakiem przejrzyste menu, w ktrych
bdzie wszystko logicznie poukadane. Te miejsca to:

198

CMS. Praktyczne projekty

Rysunek 7.10. Lista stron

menu lewe,
menu grne pod logo,
menu grne obok logo.

Strony tworzone w Quick.Cms.Ext mog by potrjnie zagniedone, co oznacza, e

kada moe mie podstron, a ta nastpn podstron. Aby doda now stron, naley
najecha myszk na pozycj strony w menu i wybra Dodaj stron (rysunek 7.12).
Zostaniemy przeniesieni do formularza dodawania nowych stron (rysunek 7.13).
Tworzc stron, musimy poda jej nazw, ktra bdzie suya za cze.
Nastpnie musimy okreli, czy chcemy, aby wanie tworzona strona miaa jak
stron nadrzdn. Jeeli tak, to wyszukujemy w menu nazw strony, ktr chcemy
mie jako nadrzdn. Okrelamy te, w ktrym miejscu na stronie gwnej ma si
znajdowa cze do tworzonej strony. Mamy wybr midzy lewym menu, menu grnym obok logo oraz menu grnym pod logo.
Po uzupenieniu tych informacji moemy wpisa tre strony, mamy tutaj dwa pola
najpierw Krtki opis strony, a nastpnie Peny opis stanowicy tre, ktra bdzie widoczna dla odwiedzajcego.

Rozdzia 7. Quick.Cms.Ext

199

Rysunek 7.11. Trzy menu na stronie Quick.Cms.Ext

Rysunek 7.12.
Zakadka strony
wraz z podzakadkami

Poniej pl sucych do wprowadzania tekstu strony znajduje si pozycja Przekieruj

na www. Wpisujc tam peen adres strony WWW, osoba odwiedzajca nasz stron
zostanie automatycznie przeniesiona pod wpisany przez siebie adres internetowy.
Kolejne pola su do okrelenia daty i godziny powstania strony. Tutaj take podejmujemy decyzj, czy nasza strona bdzie moga by komentowana oraz czy maj dziaa
kanay RSS dla podstron.
Poniej znajduje si pole Pozycja, w ktrym okrelamy, jaka jest kolejno sortowania
tworzonych stron na stronie gwnej, za w polu Widoczny decydujemy, czy tworzona
strona ma by widoczna, czy te wrcz przeciwnie ma pozosta niewidoczna dla
internautw. W tym rzdzie okrelamy take, w jaki sposb maj by wywietlane podstrony, i mamy do wyboru cztery pozycje:
1. Lista (nazwa, opis) podstrony bd wywietlane jako lista z nazw i krtkim

opisem.
2. Lista (nazwa, opis, zdjcie) podstrony bd wywietlane jako lista z nazw,

krtkim opisem oraz zdjciem.

3. News (nazwa, opis, zdjcie) podstrony bd wywietlane jako lista z nazw,

krtkim opisem oraz zdjciem i dat utworzenia. W tym wypadku limit

wywietlanych podstron naley ustali w konfiguracji.

200

CMS. Praktyczne projekty

Rysunek 7.13. Formularz tworzenia nowej strony

4. Galeria (nazwa, opis, zdjcie) podstrony bd wywietlane po trzy cztery

w rzdzie wraz ze zdjciem.

W tym samym rzdzie wybieramy jeszcze, jak bdzie pokazywane zdjcie. Moemy
wybra spord opcji Domylny, kiedy to zdjcia bd wywietlay si jako lista jedno po
drugim, lub Galeria, co spowoduje, e bd si wywietlay po trzy cztery w rzdzie.
Do strony moemy dodawa pliki oraz zdjcia, ktre naley krtko opisa, a take
przypisa pozycje na stronie i ewentualnie zmieni szeroko duszego boku w przypadku zdjcia.
Potwierdzeniem utworzenia nowej strony jest kliknicie napisu Zapisz.
W zakadce strony moemy rwnie edytowa komentarze. W tym celu wybieramy z menu strony zakadk Komentarze. Na stronie, ktra si pokae, bd widoczne otrzymane

Rozdzia 7. Quick.Cms.Ext

201

przez internautw komentarze (rysunek 7.14). Jeeli stwierdzimy, e ktry z nich w jakikolwiek sposb jest nieodpowiedni, klikamy ikon znajdujc si w prawym grnym
rogu komentarza i usuwamy go.

Rysunek 7.14. Lista komentarzy

Kopie zapasowe
Kopia zapasowa suy do archiwizacji danych. Menu skada si z dwch elementw:
kopie zapasowe oraz Stwrz kopi zapasow (rysunek 7.15).
Rysunek 7.15.
Zakadka kopie
zapasowe

Po klikniciu Stwrz kopi zapasow zostanie rozpoczte pobieranie paczki .zip z wszelkimi informacjami znajdujcymi si w bazie danych (rysunek 7.16). Jednoczenie taka
sama skompresowana paczka zostanie umieszczona w katalogu files/backup.
Rysunek 7.16.
Zapisywanie kopii
zapasowej danych

Gdybymy potrzebowali powrci do wczeniejszej wersji danych, klikamy w menu

kopie zapasowe i otwieramy stron z zapisanymi wczeniej bazami (rysunek 7.17).
Klikajc ikon z plusem przywrcimy okrelon baz danych. Warto jednak pamita, aby przed przywrceniem starej bazy zrobi backup aktualnej. Dobre jest te sporzdzanie kopii bezpieczestwa przed kad wiksz modyfikacj stron.

202

CMS. Praktyczne projekty

Rysunek 7.17. Lista utworzonych kopii

Kiedy uzbiera si kilka zarchiwizowanych baz danych, moemy usun te, ktre uznamy
za zbdne, klikajc ikon z minusem.

Bannery
Quick.Cms.Ext umoliwia zamieszczanie na stronie internetowej bannerw reklamowych
(rysunek 7.18). By moe bdziemy chcieli reklamowa inne witryny lub produkty albo
treci, z ktrymi warto zapozna si na naszej stronie. W kadym wypadku warto wstawi
na stronie banner.
Rysunek 7.18.
Zakadka bannery

Po klikniciu menu bannery zostanie otworzona strona z udostpnianymi bannerami

(rysunek 7.19).

Rysunek 7.19. Lista bannerw

Z listy tej moemy si bezporednio dowiedzie, czy udostpniane bannery s ju aktywowane lub jeszcze nie, ile po klikniciu bannera byo wej na stron, do ktrej jest
on jednoczenie czem. Poza tym dowiadujemy si, ile byo wej na stron z bannerem i czy jest mu przyznany maksymalny limit wywietle, a take to, jaki jest jego
typ, czyli w ktrym miejscu strony jest on wywietlany.
Po prawej stronie znajduj si dwie ikony. Pierwsza z nich, z owkiem, oznacza przejcie
do strony edycji, natomiast druga, z czerwonym minusem, oznacza kasowanie bannera.
Jeeli chcemy doda nowy banner, musimy rozwin menu i wybra pozycj Nowy
banner. Bdziemy musieli wypeni krtki formularz, po czym banner powinien by
widoczny na stronie internetowej (rysunek 7.20).

Rozdzia 7. Quick.Cms.Ext

203

Rysunek 7.20.
Formularz dodawania
nowego bannera

Przede wszystkim musimy odnale na dysku komputera plik, ktry chcemy opublikowa. Nastpnie, jeeli banner ma by jednoczenie czem do innej strony internetowej,
musimy wpisa jej adres (w polu Link). Kolejn czynnoci jest okrelenie szerokoci
i wysokoci publikowanego bannera oraz koloru ta, ktre bdzie go wypeniao, jeeli
bdzie nim przeroczysta animacja w formacie Macromedia Flash (.swf).
Pole Ilo max wywietle pozwoli nam ograniczy liczb wywietle danego bannera
na stronie. Opcja ta moe si okaza przydatna w sytuacji, jeeli bdziemy chcieli pobiera opaty za wywietlanie reklam.
W nastpnych dwch polach moemy wpisa liczb wywietle na stronie i liczb wej
na stron, do ktrej odsya banner. Wartoci te s automatycznie zmieniane wraz z rzeczywistymi wynikami.
Przedostatni pozycj jest Typ. Musimy tu okreli pooenie bannera na stronie. Quick.Cms.Ext pozwala dodawa kilka bannerw do jednego miejsca. Jeeli tak zrobimy,
bannery, ktre np. bd dodane do typu Gra, bd wywietlane losowo. I na koniec
decydujemy, czy banner ma by aktywny, a wic widoczny na stronie, czy te w tej
chwili nie ma by aktywowany.

Newsletter
Newsletter suy do masowego rozsyania poczty elektronicznej do uytkownikw strony.
Rysunek 7.21.
Zakadka newsletter

Kiedy przejdziemy do menu newsletter, zostanie otwarta strona z polem zawierajcym

adresy poczty elektronicznej uytkownikw, ktrzy wyrazili ch otrzymywania wiadomoci z naszej strony (rysunek 7.22).

204

CMS. Praktyczne projekty

Rysunek 7.22. Lista adresw e-mail newslettera

Aby wysa newsletter do uytkownikw, naley zaznaczy ca list adresw, skopiowa j i wklei w pole BCC programu pocztowego, ktrego uywamy. Wklejenie wanie
w to pole spowoduje, e uytkownicy nie bd widzieli w otrzymanych listach adresw
poczty elektronicznej pozostaych odbiorcw newslettera.
Czasami zdarzy si, e bdziemy musieli usun adres z listy newslettera. Klikamy wtedy
menu Zarzdzaj list. Spowoduje to pojawienie si strony z list adresw (rysunek 7.23).
Po prawej stronie kadego z nich widoczna jest ikona z czerwon kresk. Wystarczy
j klikn, aby adres zosta usunity z listy.

Rysunek 7.23. Zarzdzanie adresami e-mail

Sonda
Atrakcyjnym elementem strony internetowej jest sonda. Quick.Cms.Ext umoliwia wywietlanie jej na stronie internetowej (rysunek 7.24).
Rysunek 7.24.
Wygld sondy
na stronie

Aby stworzy sond, naley w menu wybra pozycj sonda (rysunek 7.25).
Rysunek 7.25.
Zakadka sonda

Po wybraniu tej pozycji pojawi si formularz (rysunek 7.26). Bdziemy musieli w nim
okreli, czy ankieta ma by widoczna na stronie internetowej. W drugim polu trzeba
wpisa pytania, jakie chcemy zada odwiedzajcym stron internautom, a pod nimi maksymalnie pi odpowiedzi, spord ktrych bdzie mona wybiera.
Po prawej stronie formularza widoczne s wyniki ankiety, a ponad nimi pozycja Zeruj
wyniki. Koniecznie naley jej uy wtedy, gdy zmieniamy tre ankiety.

Rozdzia 7. Quick.Cms.Ext

205

Rysunek 7.26.
Formularz tworzenia
sondy

Uytkownicy
Dziki menu uytkownicy bdziemy mogli przeglda list uytkownikw, a take ich
dodawa (rysunek 7.27). Tutaj take dodamy ca grup uytkownikw i bdziemy mogli ni zarzdza. Dodajc uytkownikw i cae ich grupy, bdziemy mogli na przykad udostpnia tylko pewnej grupie internautw pewne strony, ktre uruchomimy.
Rysunek 7.27.
Zakadka uytkownicy

Wybierajc pierwsz pozycj menu, bdziemy mieli moliwo przejrzenia listy zarejestrowanych uytkownikw (rysunek 7.28). Przy kadej pozycji znajduj si dwie znane
nam ju ikony. Ikona z owkiem oznacza, e po jej klikniciu bdziemy mieli prawo
modyfikowa dane uytkownika. Ikona z minusem oznacza, e klikajc j, usuwamy
uytkownika.

Rysunek 7.28. Lista zarejestrowanych uytkownikw

Dodawanie uytkownika odbywa si poprzez wybranie menu Dodaj uytkownika. Aby

doda uytkownika, musimy wypeni formularz (rysunek 7.29), w ktrym pi danych
jest wymaganych, a reszt podaje si dobrowolnie. Przede wszystkim musimy poda
login i haso, za pomoc ktrych uytkownik bdzie si logowa. Koniecznie musimy
poda imi i nazwisko rejestrowanej osoby oraz jej adres poczty elektronicznej. Dodatkowo moemy poda takie informacje jak: nazwa firmy, ulica, kod, miasto i numer
telefonu. Jeeli mamy ju stworzone jakie grupy, to tutaj moemy przypisa rejestrowanego uytkownika do ktrej z nich. Podobnie sprawa ma si z przypisywaniem rejestrowanego uytkownika do okrelonych stron, ktre bd widoczne tylko dla wybranych
osb. Po uzupenieniu wszystkich potrzebnych danych moemy zatwierdzi dodanie
nowego uytkownika, wciskajc przycisk Dalej.

206

CMS. Praktyczne projekty

Rysunek 7.29. Formularz rejestrowania uytkownika

Strony moemy rwnie udostpnia okrelonym grupom zarejestrowanych internautw.

Aby utworzy grup, musimy klikn menu Dodaj grup uytkownikw (rysunek 7.30).
Nastpnie wpisujemy nazw, ktr chcemy nada tworzonej grupie uytkownikw, zaznaczamy uytkownikw, ktrych chcemy przypisa do grupy, oraz strony, ktre bd
dla tej grupy przypisane, a wic widoczne tylko dla niej. Aby zatwierdzi, wciskamy
przycisk Zapisz.

Rysunek 7.30. Formularz tworzenia grupy uytkownikw

Przeglda i edytowa grupy uytkownikw moemy, wchodzc do menu Lista grup

(rysunek 7.31). Na stronie widoczna jest lista wszystkich utworzonych przez nas grup
uytkownikw. Obok kadej z grup widoczne s dwie ikony. Pierwsza z nich, z owkiem, oznacza, e po jej klikniciu bdziemy mogli edytowa dane grupy, natomiast
druga, z minusem suy do kasowania grupy z listy.

Rysunek 7.31. Lista grup uytkownikw

Rozdzia 7. Quick.Cms.Ext

207

Konfiguracja
Ostatni pozycj menu administracyjnego Quick.Cms.Ext jest konfiguracja (rysunek 7.32).
Rysunek 7.32.
Zakadka konfiguracja

Opcje konfiguracyjne s bardzo okrojone, a przez to szybkie i proste do ustawienia.

Mamy do wypenienia tylko jeden formularz, do ktrego musimy wpisa kilka informacji (rysunek 7.33).

Rysunek 7.33. Formularz konfiguracyjny

Na samym pocztku musimy poda tytu strony, ktry bdzie j jednoznacznie charakteryzowa i okrela. Nastpnie wpisujemy krtki opis. Nie bdzie on widoczny podczas przegldania strony przez internautw, ale posuy jako opis w przegldarkach
internetowych, ktre bd pokazyway nasz witryn w wynikach wyszukiwania.
Pod opisem znajduje si pole Sowa kluczowe naley w nie wpisa sowa, po ktrych
wyszukiwarki bd szuka naszej strony.
Dodatkowo musimy wybra jzyk, jeeli mamy wersj Quick.Cms.Ext z moliwoci
wyboru jzyka, z ktrego korzysta strona.
Dwa kolejne pola to miejsce wyboru z listy rozwijanej stron, ktre bd traktowane jako
strona pocztkowa i kontaktowa. Z listy wystarczy wybra odpowiedni pozycj spord
stron, ktre utworzylimy. Poniej podajemy jeszcze adres naszej strony internetowej.

208

CMS. Praktyczne projekty

Okrelamy take w polu Nowoci na stron, ile wiadomoci bdzie widocznych na

stronie.
Koniecznie te musimy zmieni domyle haso i login ze standardowego admin na jakie
bardziej skomplikowane. Warto pamita, aby haso skadao si zarwno z wielkich,
jak i maych liter, a oprcz tego zawierao cyfry i rne znaki, np. Mj4sKRyptZa$.

Wyloguj
Ostatni pozycj w menu administracyjnym jest cze umoliwiajce wylogowanie si
ze strony administracyjnej (rysunek 7.34).
Rysunek 7.34.
Zakadka wyloguj

Na tym kocz si moliwoci panelu administracyjnego Quick.Cms.Ext. Ich niewtpliw zalet jest prostota obsugi, ktra moe by wanym argumentem przy wyborze
systemu zarzdzania treci np. dla przedsibiorcy, ktry chce posiada wasn stron
internetow, a nie ma ani duej wiedzy, ani wiele czasu na zarzdzanie ni.
W nastpnym rozdziale zajmiemy si zbudowaniem przykadowej witryny internetowej
nieistniejcej firmy. Utworzymy potrzebne nam strony, zajmiemy si kontami uytkownikw i bdziemy nimi zarzdza poprzez dodawanie specjalnie dla nich stron. Utworzymy ankiet, dziki ktrej dowiemy si o preferencjach odwiedzajcych nasz stron
internautw, a take bdziemy wysya newsletter do osb, ktre wyraziy takie yczenie. Poza tym oczywicie bdziemy chcieli zarobi na naszej stronie, dziki moliwoci
umieszczenia na niej bannerw, wic sprzedamy kilku oferentom okrelon liczb
wywietle.

Tworzymy wasn stron

W tym rozdziale zmienimy domylny wygld i ustawienia Quick.Cms.Ext w taki sposb, aby zaspokaja potrzeby waciciela firmy zajmujcej si udostpnianiem kursw
online (rysunek 7.35).
Zaczniemy od zalogowania si do panelu administracyjnego naszej strony. W tym celu
dopisujemy admin.php na kocu adresu, po nazwie katalogu, wic nasz adres bdzie
wyglda na przykad tak www.mojastrona.pl/admin.php lub www.mojastrona.pl/
katalog/admin.php.
Po wpisaniu adresu zostaniemy przeniesieni na stron logowania, gdzie podajemy domylnie ustawiony login i haso administratora, ktre brzmi: admin (rysunek 7.36).
Na stronie administracyjnej powinnimy zacz od konfiguracji, a wic od nadania jej
nazwy, opisania, zmienienia loginu i hasa.

Rozdzia 7. Quick.Cms.Ext

209

Rysunek 7.35. Quick.Cms.Ext po zainstalowaniu

Rysunek 7.36.
Logowanie do strony
administracyjnej

Jak skonfigurowa stron?

Aby skonfigurowa stron, naley:
1. Wej w menu administracyjnym do zakadki konfiguracja.
2. Kolejno zmieni informacje w polach, ktre bd tego wymagay.
3. Tytu nadajemy tytu naszej witrynie. Skoro tworzymy stron dla firmy
oferujcej kursy online, wpisujemy EPI - Edukacja przez Internet (rysunek

7.37). Wpisany przez nas tytu bdzie widoczny w grnym pasku przegldarki
internetowej.
Rysunek 7.37.
Tytu strony w pasku
przegldarki

210

CMS. Praktyczne projekty

4. Wpisa krtki opis, ktry bdzie si pojawia w wynikach wyszukiwarek

internetowych, np. EPI Edukacja przez Internet jest firm udostpniajc

powtrzeniowe kursy online z wielu przedmiotw zarwno dla gimnazjalistw,
jak i maturzystw.
5. W polu tekstowym Sowa kluczowe wpisa sowa, dziki ktrym wyszukiwarki
internetowe bd odnajdyway nasz stron. Mog to by np. kursy, online,
szkoa, edukacja, gimnazjum, liceum, matura, egzamin.
6. Wymyli dobre haso reklamujce nasz stron i wpisa je w pole Slogan.
Dla naszej strony wymylilimy EPI najlepsza edukacja w Internecie

(rysunek 7.38).
Rysunek 7.38.
Logo wraz ze sloganem

7. Okreli jzyk domylny, jeeli nasza instalacja ma wicej ni jeden jzyk.

Dla naszej strony wybieramy jzyk polski. Producent skryptu udostpnia

take wersj w jzyku angielskim.
8. Dwie kolejne pozycje formularza (Strona startowa i Strona kontaktowa)

chwilowo zostawi bez zmian, gdy jeszcze nie utworzylimy swoich stron.
9. Nastpnie poda kontaktowy adres poczty elektronicznej.
10. Wpisa rwnie adres internetowy strony, na ktrej znajduje si zainstalowany

Quick.Cms.Ext.
11. Wpisa, ile wiadomoci o nowociach moe znajdowa si na stronie.
12. Zmieni haso i login na trudniejsze do odgadnicia przez ewentualnego

wamywacza.
13. Okreli liczb pikseli duszego boku zdjcia.
14. Zdecydowa, czy chcemy mie przyjazne linki (rysunki 7.39 i 7.40), dziki

ktrym wyszukiwarki atwiej bd odnajdywa nasz stron. Aby przyjazne

linki mogy by uywane w konfiguracji Apache, musi zosta wczona opcja
mod_rewrite. Jak j aktywowa, zostao opisane w podrozdziale o instalacji
Quick.Cms.Ext.
Rysunek 7.39.
Tradycyjny adres strony
Rysunek 7.40.
Przyjazny link
15. Na tym zakoczy wstpn konfiguracj tworzonej strony.

Kolejnym krokiem bdzie okrelenie liczby stron potrzebnych do funkcjonowania oraz

stworzenie ich i wypenienie treciami. Przechodzimy wic do zakadki strony i zaczynamy od modyfikowania ju istniejcych stron. Zaczniemy od skasowania wszystkich

Rozdzia 7. Quick.Cms.Ext

211

domylnie utworzonych stron. eby skasowa to zrobi, naley klika ikon z minusem
przy kadej ze stron (rysunek 7.41).

Rysunek 7.41. Quick.Cms.Ext z usunitymi stronami

Aby doda stron, naley:

1. Klikn w menu administracyjnym zakadk strony/Dodaj stron.
2. Wypeni formularz tworzonej strony (rysunek 7.42). Musimy poda nazw
tworzonej strony, np. O nas, i okreli, czy jest jaka strona nadrzdna.

W przypadku pierwszej tworzonej strony tak by nie moe, wobec tego

zostawiamy wybr Brak.
3. Wybra, w ktrym miejscu ma znajdowa si cze do strony, w naszym

przypadku opcja 2 - menu grne pod logo.

4. Wybra Nie w polu Strona dostpna po zalogowaniu, bo strona, ktr tworzymy,

bdzie oglnodostpna.
5. Wpisa tre strony.
6. W polu Przekieruj na www nie wpisywa niczego, bowiem tworzymy teraz

stron umieszczon w Quick.Cms.Ext.

7. Ustali dat powstania strony.
8. Okreli, czy na stronie mog pojawia si komentarze. Ustawi Nie,

bo decydujemy, e strona tylko informuje o firmie, wic komentarze nie s

potrzebne.

212

CMS. Praktyczne projekty

Rysunek 7.42. Formularz dodawania strony

9. Reszt pl zostawi pust.
10. Stron O nas chcemy potraktowa jako startow. W tym celu przechodzimy

do zakadki konfiguracja i w polu strona startowa wybieramy pozycj O nas

(rysunek 7.43).

Aby utworzy stron kontaktow, naley:

1. Klikn w menu administracyjnym zakadk strony/Dodaj stron.
2. Poda nazw tworzonej strony, np. Kontakt.
3. Wybra 1 - menu lewe.
4. W polu Peny opis wpisa dane teleadresowe firmy, ktrej stron tworzymy.
5. Zapisa zmiany.

Rozdzia 7. Quick.Cms.Ext

213

Rysunek 7.43. Strona O nas jest ju dodana

6. Przej do zakadki konfiguracja w menu i w polu Strona kontaktowa wybra

opcj kontakt.
7. Zapisa zmiany (rysunek 7.44).
Rysunek 7.44.
Wygld strony
kontaktowej

Kiedy ju mamy stron startow i kontaktow, moemy utworzy inne strony:

W menu grne pod logo: Oferta, Nowoci.
W lewe menu: Galeria.

Do kadej z tworzonych stron moemy doda moliwo komentowania przez internautw (rysunek 7.45). Jeeli zdecydujemy si na udzielenie moliwoci komentowania,
to wtedy na takiej stronie bdzie widoczny formularz do wpisania komentarza wraz ze
skal suc do oceniania.

214

CMS. Praktyczne projekty

Rysunek 7.45.
Formularz
wstawiania
komentarzy

Bd take widoczne komentarze innych internautw (rysunek 7.46).

Rysunek 7.46.
Komentarz na stronie

Na stronie administracyjnej, w zakadce strony/Komentarze administrator bdzie mia

peen dostp do listy komentarzy wraz z moliwoci ich kasowania (rysunek 7.47).

Rysunek 7.47. Lista komentarzy na stronie administracyjnej

Teraz postaramy si zrobi na naszej stronie galeri.

Aby zrobi galeri, naley:

1. Klikn w menu administracyjnym strony/Dodaj stron.
2. Wpisa nazw strony, np. Galeria.
3. W opcji Wywietlanie podstron wybra Galeria (nazwa, zdjcie).
4. Wybra w polu Zdjcia pozycj Galeria.
5. Wyszuka w komputerze zdjcia, ktre chcemy umieci na stronie

(rysunek 7.48).
6. Zatwierdzi wybr.

Strona galerii bdzie wygldaa nastpujco (rysunek 7.49).

Jeeli chcielibymy dodawa kolejne zdjcia, na stronie edycyjnej pojawi si nowe
pola wyboru plikw (rysunek 7.50).

Rozdzia 7. Quick.Cms.Ext

215

Rysunek 7.48. Dodawanie plikw zdj

Rysunek 7.49.
Strona galerii

Rysunek 7.50. Mona dodawa kolejne zdjcia

Chcielibymy, aby nasza witryna miaa dwie strony przeznaczone tylko dla zalogowanych internautw. Musimy w zwizku z tym najpierw doda stron logowania, nastpnie stworzy dwie kategorie uytkownikw i na kocu doda dwie strony, po jednej dla kadej kategorii.
Strona logowania jest domylnie ustawiona podczas instalacji w menu menu grne
obok logo. Jeeli skasowalimy j, tworzymy w tym menu stron, np. Praca, na ktrej
bdziemy zamieszcza oferty pracy w naszej firmie. Po zaoeniu takiej strony pojawi
si zakadka Zaloguj si (rysunek 7.51).
Rysunek 7.51.
Menu grne obok logo

216

CMS. Praktyczne projekty

1. Przechodzimy ponownie do menu strony/Nowa strona i zakadamy dwie strony:

Dla autorw oraz Dla kursantw w menu lewym. Przy obu stronach zaznaczamy
opcj Tak w polu Strona dostpna po zalogowaniu (rysunek 7.52).

Rysunek 7.52. Dodajemy now stron

2. Przechodzimy do zakadki uytkownicy/Dodaj grup uytkownikw.
3. Na kolejnej stronie wpisujemy nazw grupy, ktr tworzymy, i przypisujemy

jej stron (rysunek 7.53).

Rysunek 7.53. Tworzymy grup uytkownikw

W ten sposb tworzymy dwie grupy: autorzy i kursanci (rysunek 7.54).

Rysunek 7.54. Lista grup uytkownikw

Kolejnym krokiem bdzie dodanie uytkownikw i przypisanie ich do

poszczeglnych grup.
4. Klikamy zakadk uytkownicy/Dodaj uytkownika.

Na stronie uzupeniamy wymagane dane. Podajemy login oraz hasa, a take

imi i nazwisko uytkownika. Zaznaczamy te, do jakiej grupy i jakiej strony
go przypisujemy. Nasz uytkownik to Jan Autor, ktry bdzie nalea do grupy
autorzy i bdzie mg przeglda stron Dla autorw (rysunek 7.55).
Powysz czynno powtarzamy dla drugiego uytkownika, przypisujc go do grupy
kursanci oraz dodatkowej strony Dla kursantw.
Po utworzeniu dwch uytkownikw i przypisaniu ich do okrelonych grup oraz dodatkowych stron moemy si zalogowa na ich konto.
Po zalogowaniu si w lewym menu pojawi si nowa pozycja, a po jej klikniciu zostanie
pokazana tre strony (rysunek 7.56).

Rozdzia 7. Quick.Cms.Ext

217

Rysunek 7.55. Dodawanie nowego uytkownika

Rysunek 7.56. Nowa strona dla grupy uytkownikw

Po utworzeniu stron oraz dodaniu grup wraz z przypisanymi do nich uytkownikami

dodamy do naszej strony sond.

Aby doda sond, naley:

1. W menu administracyjnym wej w zakadk sondy.
2. Wyzerowa wyniki poprzednich sond i skasowa wpisy, jeeli takie s.
3. W odpowiednie pola wpisa pytanie sondaowe oraz maksymalnie pi wersji

odpowiedzi i zatwierdzi (rysunek 7.57).

Rysunek 7.57.
Formularz sondy

218

CMS. Praktyczne projekty

4. Jeeli chcemy, aby sonda bya widoczna na pierwszej stronie, wybieramy Tak

w polu Widoczny, jeeli jeszcze nie chcemy upublicznia sondy, wybieramy

odpowied negujc (rysunek 7.58).
Rysunek 7.58.
Sonda na stronie

5. Sonda jest ju gotowa (rysunek 7.59). Gdy internauta wybierze odpowied,

zostanie mu przedstawiony wynik gosowania. Jednoczenie bdzie on

widoczny i moliwy do wyzerowania w panelu administracyjnym.
Rysunek 7.59.
Wyniki sondy
na stronie
uytkownika

Kolejnym krokiem w tworzeniu nowej witryny bdzie zajcie si bannerami. Domylnie

mamy moliwo dodawania ich w dwch miejscach na stronie: pod lewym menu oraz
na grze strony. Dodamy wic swoje bannery w oba te miejsca, tak aby grne bannery
byy rotacyjne.

Aby doda bannery, naley:

1. Przej do zakadki bannery/Nowy banner w menu administracyjnym.
2. Odnale plik bannera na dysku komputera.
3. Wpisa szeroko i dugo bannera w pikselach (40050).
4. Ustawi Typ jako Gra.
5. Zatwierdzi, klikajc zapisz.
6. Wczy opcj Aktywny (rysunek 7.60).

W taki sam sposb dodajemy drugi z bannerw.

Po dodaniu bannerw wszystkie dodane pliki bd widoczne po wejciu
w zakadk bannery (rysunek 7.61).
7. Na stronie internetowej bannery o numerach ID 1,3 i 4 bd si wymienia

(rysunek 7.62). Moemy dodawa bannery w czterech formatach: jpg, gif, png
oraz swf.

Rozdzia 7. Quick.Cms.Ext

219

Rysunek 7.60.
Formularz dodawania
bannera

Rysunek 7.61. Lista bannerw

Rysunek 7.62. Banner wanie dodany na stron

Kiedy ju mamy dodane bannery, zajmiemy si logo naszej firmy, ktre widnieje na
stronie.
Domylnie jest to plik logo_qcms.png znajdujcy si w katalogu /files/img. Plik ten
ma wymiary 18234 piksele.

220

CMS. Praktyczne projekty

Aby doda wasne logo, naley:

1. Wgra posiadany plik do katalogu /files/img. Plik powinien mie rozszerzenie

png, jpg lub gif.

2. Wyedytowa plik page.tpl znajdujcy si w katalogu /templates.
3. W pliku odnale wers:
<img src="$config[dir_files]img/logo_qcms.png" alt="" />

Zmieni w nim nazw pliku na tak, jak nosi wgrany plik.

4. Jeeli bymy chcieli, aby logo byo w formacie swf (rysunek 7.63), musielibymy

skasowa cay poniszy blok i w jego miejsce wstawi kod generowany np. przez
program Flash, bez ktrego animacje nie bd widziane.
<a href="?p="><img src="$config[dir_files]img/logo.png" alt="" /></a>

Rysunek 7.63.
Wasne logo

Nasza strona jest ju w zasadzie gotowa. Proponuj jeszcze zmieni edytor, za pomoc
ktrego wprowadzamy tekst do stron, na bardziej zaawansowany.
W standardowej instalacji Quick.Cms.Ext edytor ma bardzo ograniczone funkcje. Mona
za jego pomoc jedynie wykona proste operacje na tekcie (pogrubienie, pochylenie,
podkrelenie), wyrwna tekst, wstawi list wypunktowan, cze do strony internetowej i do adresu poczty elektronicznej (rysunek 7.64).
Rysunek 7.64.
Prosty edytor

Aby mie wiksze moliwoci w tym zakresie, zainstalujemy edytor FCKeditor.

1. Najpierw musimy pobra archiwum ze strony projektu (www.fckeditor.com)

lub z serwera wydawnictwa Helion: ftp.helion.pl/przyklady/cmspp.zip.

2. Rozpakowujemy pobrane archiwum i powstay katalog kopiujemy do katalogu

gwnego Quick.Cms.Ext, tam gdzie znajduj si pliki index.php i admin.php

(rysunek 7.65).
3. Otwieramy plik admin.php i znajdujemy nastpujcy fragment:
require_once
require_once
require_once
require_once
require_once

DIR_LIBRARIES.'TplParser.php';
DIR_LIBRARIES.'FileJobs.php';
DIR_LIBRARIES.'FotoJobs.php';
DIR_LIBRARIES.'FlatFiles.php';
DIR_LIBRARIES.'Trash.php';

4. Poniej dopisujemy jeden wers:

require_once ( 'FCKeditor/fckeditor.php' );

Rozdzia 7. Quick.Cms.Ext

221

Rysunek 7.65.
Katalogi
Quick.Cms.Ext
z katalogiem fckeditor

5. Nastpnie przechodzimy do katalogu plugins/edit/ i odszukujemy plik

htmleditor.php, w ktrym zamieniamy fragment:

function htmlEditor ( $sName = 'tresc', $iH = '300', $iW = '400',
$sContent = '' ) {
global $tpl, $aHtmlConfig;
$sReturn = null;
$aHtmlConfig['iH'] = $iH.'px';
$aHtmlConfig['iW'] = $iW.'px';
$aHtmlConfig['sName'] = $sName;
$aHtmlConfig['sContent'] = $sContent;
$sReturn = $tpl->tbHtml( 'edit.tpl', 'EDIT' );
return $sReturn;
}

na nastpujcy kod:
function htmlEditor( $sName = 'tresc', $iH = '300', $iW = '400',
$sContent = '' ) {
$oFCKeditor = new FCKeditor($sName) ;
$oFCKeditor->BasePath = 'FCKeditor/';
$oFCKeditor->Value = $sContent;
$oFCKeditor->Width = '100%';
$oFCKeditor->Height = $iH;
return $oFCKeditor->CreateHtml();
}

6. Kolejnym krokiem jest konfiguracja wstawiania zdj za pomoc FCKeditora.

Zaczynamy od edycji pliku editor/filemanager/browser/default/connectors/

php/config.php, w ktrym odnajdujemy wers:
$Config['Enabled'] = false;

i zamieniamy na
$Config['Enabled'] = true;

7. Dokonamy jeszcze drobnej modyfikacji pliku fckconfig.js, w ktrym zamieniamy:

var _FileBrowserLanguage = 'asp' ;
var _QuickUploadLanguage = 'asp' ;

222

CMS. Praktyczne projekty

na:
var _FileBrowserLanguage = 'php' ;
var _QuickUploadLanguage = 'php' ;

8. Aby tabele byy poprawnie wywietlane, modyfikujemy plik templates/

default.css poprzez usunicie z niego td w pierwszej linii.

Na sam koniec usuwamy z pliku templates/admin/pages_form.tpl lini,
w ktrej znajduje si wpis:
editInit( '$aHtmlConfig[sName]' );

9. Nowy edytor powinien by ju dostpny podczas dodawania nowych stron

(rysunek 7.66).

Rysunek 7.66. FCKeditor na stronie

FCKeditor umoliwia midzy innymi wstawianie obrazkw, animacji flash i elementw

formularza, stosowanie indeksw grnego i dolnego. Jest on bardzo zbliony do menu
tradycyjnego edytora tekstu.
Gdybymy chcieli zmieni wygld naszej strony, moemy oczywicie sami edytowa
plik default.css, znajdujcy si w katalogu /templates. Mamy take moliwo pobrania
ze strony producenta (www.opensolution.org/download/) lub z serwera wydawnictwa
Helion (ftp.helion.pl/przyklady/cmspp.zip) gotowych szat graficznych o nazwach forest,
honey i sky. Wszystkie trzy instaluje si w taki sam sposb, wic dla przykadu zainstalujemy tylko jedn z nich.

Jak zmieni wygld serwisu?

cigamy z jednego z podanych wyej adresw paczk sky_v1.x.zip i rozpakowujemy
j na dysk komputera.
Zawarto katalogu /files kopiujemy do folderu /files na serwerze. Analogicznie postpujemy w przypadku katalogu /templates, ktry rwnie kopiujemy, nadpisujc ju istniejce pliki, do folderu /templates na serwerze.
Edytujemy plik /templates/page.tpl i zamieniamy wers:
<style type="text/css">@import "$config[dir_tpl]default.css";</style>

na:
<style type="text/css">@import "$config[dir_tpl]honey.css";</style>

Rozdzia 7. Quick.Cms.Ext

223

Ostatni krok nie jest konieczny, jeeli mamy wasne logo na stronie. Jeeli za go nie
mamy, to zamieniamy wers:
<img src="$config[dir_files]img/logo_qcms.png" alt="" />

na:
<img src="$config[dir_files]img/logo_qcms.gif" alt="" />

Po tych zmianach kolorystyka strony powinna by rna od standardowej.

Zadania do samodzielnego wykonania

1. Do zainstalowanego Quick.Cms.Ext lub Lite dodaj stron, ktra bdzie

zawieraa dwie podstrony.

2. Zmie standardow szat graficzn na t pochodzc z pliku sky_v1.x.zip.
3. Zamie standardowy edytor na htmleditor, ktry znajduje si na serwerze

ftp.helion.pl/przyklady/cmspp.zip.