Joomla - Teoria.pdf - ebooki-joomla - Horq

Stronka Ani Adama i Dorotki

Layout, czyli szablony Joomla

Autor: Stefan Wajda [zwiastun]

09.02.2006.

Zmieniony 11.05.2009.

Twoja witryna winna mieæ niepowtarzalny wygl±d. W Joomla mo¿esz uzyskaæ taki efekt dziêki szablonom.

Mo¿esz dobraæ taki szablon, który odpowiadaæ bêdzie najlepiej zało¿eniom witryny.

Szablon ma ogromne znaczenie praktyczne:

- internautom umo¿liwia łatw± orientacjê w zawarto¶ci serwisu,

- redaktorom i administratorom pozwala planowo zarz±dzaæ dodawaniem i publikowaniem zawarto¶ci.

- silnikowi Joomli wskazuje, gdzie i jak± zawarto¶æ umieszczaæ oraz jak j± formatowaæ.

Szablon, nazywany te¿ templatk± [ ang. templates ], skórk± lub layoutem, okre¶la układ kompozycyjny

strony i wszystkie istotne cechy wygl±du graficznego: kolorystykê, kształt i rozmiar czcionek, wygl±d

nagłówków, itd.

W szablonie okre¶lone s±:

- główny obszar prezentacji,

- pozycje modułów,

- stałe elementy strony, np. logo, stopka.

Gdy u¿ytkownik kliknie odno¶nik w menu głównym lub w lokalnym albo odno¶nik, znajduj±cy siê np.

w module, to:

- w głównym obszarze prezentacji umieszczany jest element serwisu skojarzony z odno¶nikiem,

- zmienia siê dobór i układ modułów oraz ich zawarto¶æ,

- nie zmienia siê zawarto¶æ stałych elementów.

Z tej czê¶ci dowiesz siê:

- sk±d i jak pobraæ szablon?

- jak zainstalowaæ szablon?

- jak zmodyfikowaæ szablon? {mospagebreak title=Szablony do wyboru&heading=Wygl±d witryny}

Kilka szablonów wł±czonych jest do pakietu ¼ródłowego Joomla! Mo¿esz stworzyæ własny szablon albo

znale¼æ odpowiedni dla Twojego serwisu w repozytoriach plikow dla Joomla!:

- Joomla Templates Gallery: polski serwis, ponad 500 szablonów, miniatury.

- Joomlaos.de: ok 600 szablonów, forma galerii, łatwe przegl±danie, miniatury.

- JoomlaYa.com: ok. 600 szablonow, trudne przegl±danie, miniatury.

- JoomlaResource.com: ok. 170 szablonów, łatwe przegl±danie, miniatury.

- JoomlaTurkiye.org: ok. 150 szablonów, łatwe przegl±danie, miniatury.

- JoomlaHut ok. 500 szablonow, łatwe przegl±danie, miniatury.

- Design for Mambo: kilkadziesi±t, łatwe przegl±danie, miniatury.

- Free Joomla Templates: niewielki, ale ciekawy zestaw, miniatury.

- Mambosolutions.com: ok. 30 szablonow, łatwo przegl±daæ, pełny podgl±d.

- Joomla-templates.com: kilkana¶cie, łatwo przegl±daæ, pełny podgl±d.

- Concept Design.nl: bardzo ciekawy, choæ niewielki zestaw, pełny podgl±d.

- Polskie Centrum Joomla: kilkadziesi±t, łatwo przegl±daæ, miniatury. Pobranie szablonu

Aby pobraæ pakiet instalacyjny szablonu:

- Stwórz na dysku lokalnym w swoim katalogu plików Joomla folder /templates

- Kliknij jeden z odno¶ników powy¿ej, by otworzyæ stronê WWW z szablonami.

- Wybierz szablon, który chcesz pobraæ.

- Klikni na odno¶nik: Pobierz, Download lub inny, np. nazwê pakietu.

http://www.studys.yoyo.pl

Kreator PDF

Utworzono 26 June, 2010, 22:58

Stronka Ani Adama i Dorotki

- W oknie dialogowym wska¿ utworzony w swoim komputerze katalog /templates i naci¶nij przycisk

Zapisz.

Porada: Mo¿esz pobraæ od razu kilka pakietów z szablonami. Wybrane pakiety zainstalujesz w swojej

witrynie, a nastêpnie - po ewentualnej modyfikacji - opublikujesz ten najbardziej spełniaj±cy Twoje

oczekiwania. {mospagebreak title=Instalacja szablonu}

S± dwie główne metody instalacji szablonu:

- za pomoc± FTP - przesłanie plików szablonu na serwer,

- za pomoc± instalatora Joomla.

Pierwsza metoda jest prostsza. Wystarczy bowiem rozpakowaæ pakiet ¼ródłowy szablonu na swoim

komputerze i przesłaæ rozpakowany zestaw plików do katalogu twoja_joomla/templates/nazwa_szablonu

na serwerze.

T± metod± mo¿esz w krótkim czasie umie¶ciæ na serwerze kilka szablonów.

Metoda druga nie jest trudniejsza, ale mo¿e sprawiaæ kłopoty, gdy serwer pracuje w tzw. bezpiecznym

trybie [ SafeMode=On ] albo gdy nie jest obsługiwana biblioteka ZLIB.

Je¶li chcesz skorzystaæ z instalatora Joomla:

- W panelu administratora przejd¼ do menu Instalatory ⇒ Szaty - witryna

{mosimage{/mosimage}

- Sprawd¼, czy mo¿liwe jest zapisywanie w katalogu /templates,

- W oknie instalatora przejd¼ do pozycji Instaluj z pakietu ⇒ Pakiet instalacyjny

- Kliknij przycisk Przegl±daj. Otworzy siê okno umo¿liwiaj±ce przeszukanie plików na Twoim komputerze

lokalnym.

- Wska¿ plik pakietu instalacyjnego i naci¶nij przycisk Otwórz. Powrócisz do okna instalatora.

- Kliknij przycisk Wczytaj plik i zainstaluj [ Upload file & Install ].

Otrzymasz komunikat, ¿e instalacja nowego szablonu zakoñczyła siê pomy¶lnie.

Uwaga: Dysponujesz jeszcze opcj± Instaluj z katalogu. W przypadku szablonów nie jest ona zbyt

przydatna. Trzeba bowiem posyłaæ wcze¶niej pliki na serwer, a skoro tak, to mo¿na je posłaæ od razu do

katalogu /templates. Publikacja szablonu

Po instalacji szablon trzeba opublikowaæ. W tym celu:

- Kliknij odno¶nik Przejd¼ do wykazu szablonów

- Zaznacz przy szablonie, który chcesz opublikowaæ, pole wyboru:

- Kliknij w górnym pasku narzêdzi ikone lub odno¶nik Domy¶lny [ Default ].

Uwaga: Do wykazu szablonów mo¿esz przej¶æ tak¿e bezpo¶rednio z menu administratora, wybieraj±c

opcjê: Witryna ⇒ Szablony ⇒ Szaty - witryna.

{mospagebreak title=Modyfikacja szablonu}

Pobrany z sieci szablon mo¿esz zmodyfikowaæ. Nie jest to zadanie trudne, ale wymaga pewnego zmysłu

graficznego. W nagłówkach wielu szablonów umieszczane s± identyfikuj±ce wydawcê, cel i tematykê

serwisu obrazki - winietki, logo.To pierwszy element, który zauwa¿a odwiedzaj±cy witrynê. Warto wiêc

zadbaæ o wymianê tego elementu szablonu z sieci na własny. Materiały i narzêdzia

http://www.studys.yoyo.pl

Kreator PDF

Utworzono 26 June, 2010, 22:58

Stronka Ani Adama i Dorotki

Przede wszystkim potrzebujesz odpowiedniego materialu graficznego - fotografii czy obrazu, a najlepiej

wielu do wyboru. Przejrzyj swoje zbiory. Zapewne znajdziesz w nich niejedno zdjêcie, która mogłoby byæ

wizytówk± Twojej witryny. Je¶li nie znajdziesz takiego - wykonanie serii zdjêæ, spo¶ród których

wybierzesz pó¼niej to jedno, najciekawsze, nie stanowi dzi¶ ¿adnego problemu.

Potrzebujesz równie¿ programu do edycji grafiki. Nie tylko do tego zadania. Dobry edytor grafiki to

podstawowe narzêdzie projektanta strony WWW. Skorzystaj z upowszechnianego bezpłatnie na

warunkach GNU/GPL, bardzo dobrego ju¿ programu GIMP, dostêpnego w wersji dla Linuxa i Windows.

Pobierz pakiet instalacyjny GIMP-a. Od zdjêcia do winietki

Aby przygotowaæ własny obrazek do nagłówka szablonu, wykonaj nastêpuj±ce czynno¶ci:

- Uruchom swój program graficzny. Tutaj skorzystamy z PhotoShopa.

- W katalogu /images swojego szablonu odszukaj obrazek nagłówka i wczytaj go do edytora.

- Odczytaj wymiary obrazka: szeroko¶æ i wysoko¶æ.

- Zeskanuj wybrane za podstawê nowego obrazka zdjêcie lub wczytaj je z aparatu cyfrowego

- Ustaw parametry funkcji Przytnij [ Crop ] w Twoim programie graficznym: szeroko¶æ [ Width ] i

wysoko¶æ [ Height ] - jak oryginalnego nagłówka, rozdzielczo¶æ [ Resolution ] - 72 pikseli/cal.

- Narzêdziem Przytnij [ Crop ] wyznacz na zdjêciu obszar, który posłu¿y Ci za winietê. B±d¼

niestandardowy! Zaznacz taki obszar, w którym bêdzie i co¶ symbolicznego, i co¶ intryguj±cego. To nie

jest trudne. Mo¿esz przecie¿ przeprowadziæ wiele prób.

- Narzêdziem do wprowadzania tekstu wpisz krótk± nazwê Twojej witryny. Mo¿e to byæ np. nazwa firmy.

Ustal odpowiedni rozmiar i krój czcionki.

- Skorzystaj z narzêdzia definiowania efektów warstw [ Layers ]. Zastosuj jeden z efektów do warstwy

napisu. Na przykład:

- Blending Options, by nadaæ napisowi pewien poziom przezroczysto¶ci,

- Drop Shadow czy te¿ Bevel and Emboss, by uzyskaæ efekt dwuwymiarowo¶ci.

- Umie¶æ napis w jednym z typowych miejsc, np. w lewym górnym lub w prawym dolnym rogu.

- Wybierz w menu Plik [ File ] opcjê Save for Web, a w oknie dialogowym ustaw: format, zwykle: .JPG,

jako¶æ [ Quality ] - 30 lub 60 (High).

- Nadaj zapisywanej winiecie tak± nazwê, jak± ma oryginalny obrazek nagłówka, np. header_short i

kliknij przycisk OK.

- Prze¶lij plik z winiet± do katalogu /templates/twoj_szablon/images/ na serwerze.

- Wywołaj w przegl±darce swoj± witrynê - zobaczysz efekt.

Nawet je¶li Ciê jeszcze nie satysfakcjonuje w pełni, mo¿esz przyst±piæ do kolejnych zadañ. Przygotowanie

witryny trochê przecie¿ potrwa. W tym czasie Twoje my¶li bêd± kr±¿yæ wokół koncepcji graficznej

witryny, zwłaszcza winiety. Wrócisz do opracowania tej wymarzonej pó¼niej, gdy oswoisz siê z Joomla!.

{mospagebreak title=Własny szablon}

Zaprojektowanie własnego szablonu wymaga znajomo¶ci HTML i CSS. Je¶li chcesz zaprojektowaæ własny

szablon, skorzystaj z wybranej z poni¿szej listy poradników: Opracowania i tłumaczenia polskie

http://www.studys.yoyo.pl

Kreator PDF

Utworzono 26 June, 2010, 22:58

Stronka Ani Adama i Dorotki

- Podstawy szablonów - szata graficzna

- Szatki templatki

- Poprawny szablon dla Joomla

- Zaawansowane projektowanie szablonów

- CSS w Joomla

- Szykowne naro¿niki, czyli Nifty Corners

- patTemplate

- Prostota szablonu opartego na PatTemplate Opracowania w jêzyku angielskim

- A guide to creating Mambo 4.5.x or Joomla 1.0.x templates

- Joomla / Mambo Layout

- Template Creation

- Mambo CSS Template Tutorial

- Template explained

- CSS Overview

- Understanding Joomla / Mambo CSS in 5 minutes

- Style master css tutorial

http://www.studys.yoyo.pl

Kreator PDF

Utworzono 26 June, 2010, 22:58

Joomla - Teoria.pdf

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: