Joomla! Budowa i modyfikacja szablonów.pdf

Joomla! Budowa

i modyfikacja

szablonów

Autor : Pawe³ Frankowski

ISBN: 978-83-246-2640-3

Format: 158 × 235, stron: 248

Zachwyæ internautów i swoich klientów – zaprojektuj z Joomla! idealn¹ stronê internetow¹!

Joomla!, jeden z najpopularniejszych systemów zarz¹dzania treœci¹, od lat z powodzeniem

wykorzystywany jest na ca³ym œwiecie jako baza do tworzenia stron internetowych.

Jednak sam CMS nie wystarczy — trzeba jeszcze wiedzieæ, jak siê nim pos³ugiwaæ,

by dobrze skomponowaæ i perfekcyjnie zbudowaæ swój serwis WWW. Projektowanie

i wprowadzanie w ¿ycie w³asnych wizji dotycz¹cych witryny wydatnie u³atwiaj¹ ró¿ne

rodzaje szablonów – tych gotowych do wype³nienia treœci¹ i tych, które warto wczeœniej

nieco „podrasowaæ”, by idealnie spe³nia³y oczekiwania twórcy oraz u¿ytkowników.

O tym w³aœnie traktuje ta ksi¹¿ka.

„Joomla! Budowa i modyfikacja szablonów” to poradnik obszernie i szczegó³owo

opisuj¹cy pracê z szablonami w wersji 1.5 i najnowszej – 1.6 – w tym systemie

zarz¹dzania treœci¹. Znajdziesz tu informacje na temat budowy i u¿ywania szablonów

(w tym szablonów mobilnych), ich instalacji i aktywacji, mo¿liwoœci dostosowywania

do w³asnych potrzeb, a tak¿e przydatnych rozszerzeñ, zwiêkszaj¹cych funkcjonalnoœæ

serwisu internetowego. Ponadto zdobêdziesz wiedzê na temat ciekawych dodatków

dla przegl¹darki Firefox, chêtnie wykorzystywanych przez wielu twórców stron. Dowiesz

siê równie¿ nieco wiêcej o optymalnym doborze i u¿yciu fontów w Twoim serwisie,

a ponadto poszerzysz wiedzê w kwestii ochrony prawnej szablonów i dostêpnoœci

Twojej strony dla osób niepe³nosprawnych.

Detektor CMS-ów – rozró¿nianie wersji

Szablony w internecie – sk¹d pobraæ, jak i gdzie kupiæ

Instalacja lub zmiana i aktywacja szablonu

Dopasowanie, prosta edycja i kasowanie szablonu

Typowe b³êdy i istotne wskazówki

Elementy sk³adowe, projektowanie i ciêcie szablonu

Konwersja z szablonu HTML na szablon dla Joomla!

Modyfikowanie i dostosowywanie szablonu

Konwersja szablonu z wersji 1.0.x do 1.5.x

Zmiany w Joomla! 1.6

Podstawy tworzenia mobilnego szablonu

Typografia a style CSS i typografia w szablonach Joomla!

Narzêdzia dla administratora i redaktora

Osadzanie Flasha i optymalizacja szablonu

Cechy utworu w szablonie i jego ochrona prawna

Zagadnienia dostêpnoœci serwisu

Makiety oraz prototypy

Szablony dla panelu administracyjnego

Wyciœnij z Joomla! wszystko, co siê da!

3PISTREyCI

7PROWADZENIE

2OZDZIA *OOMLOWYDETEKTYW

Wprowadzenie ........................................................................................................................7

Czy to aby Joomla!?................................................................................................................8

Fajny styl widziałem, jak oni to zrobili? ............................................................................17

Obalamy mity .......................................................................................................................22

2OZDZIA 3ZABLONYDLA*OOMLAtSZYBKISTART

Wprowadzenie ......................................................................................................................27

Identyikacja wizualna .........................................................................................................29

Szablon dla Joomla!..............................................................................................................31

Nie pokazuj pustego szablonu! ...........................................................................................59

2OZDZIA "UDOWAIMODYFIKACJASZABLONU

Wprowadzenie ......................................................................................................................61

Przydatne oprogramowanie ................................................................................................63

Elementy składowe szablonu ..............................................................................................65

Projektowanie i cięcie szablonu ..........................................................................................67

Jak z szablonu HTML zrobić szablon dla Joomla! ...........................................................72

Online Template Builder .....................................................................................................84

Artisteer — narzędzie dla początkujących........................................................................86

Modyikowanie i dostosowywanie szablonu.....................................................................89

Konwersja szablonu z wersji 1.0.x do 1.5.x .....................................................................109

Zmiany w Joomla! 1.6........................................................................................................112

Podstawy tworzenia mobilnego szablonu .......................................................................114

Podsumowanie....................................................................................................................120

2OZDZIA 4YPOGRAFIAW*OOMLA

Wprowadzenie ....................................................................................................................123

Typograia a style CSS........................................................................................................129

Typograia w szablonach Joomla!.....................................................................................134

Własny font na stronie WWW.........................................................................................143

Internauci powiększają fonty, czyli dostępność..............................................................160

Luźny zbiór porad typograicznych .................................................................................163

2OZDZIA 2OZSZERZENIADLASZABLONÐW

Wprowadzenie ....................................................................................................................167

Narzędzia dla administratora i redaktora .......................................................................169

Osadzanie Flasha ................................................................................................................174

Dostępność..........................................................................................................................179

Naznaczeni IE .....................................................................................................................180

Systemy menu .....................................................................................................................183

Dla każdego coś innego, czyli zmiany szablonów ..........................................................186

Optymalizacja szablonu.....................................................................................................189

Błędy i istotne wskazówki .................................................................................................193

2OZDZIA 3ZABLONYAZAGADNIENIAPRAWNE

Wprowadzenie ....................................................................................................................199

Pobrałem, kupiłem szablon i co dalej?.............................................................................201

Cechy utworu w szablonie ................................................................................................205

Ochrona prawna szablonu ................................................................................................212

Zdjęcia w szablonie ............................................................................................................215

Dostępność..........................................................................................................................218

Legalność oprogramowania ..............................................................................................222

$ODATEK! -AKIETYORAZPROTOTYPY

$ODATEK" 3ZABLONYDLAPANELUADMINISTRACYJNEGO

●

Wprowadzenie

Identyikacja wizualna

Szablon dla Joomla!

Nie pokazuj pustego szablonu!

3ZABLONYDLA*OOMLA

tSZYBKISTART

I did not believe the information.

I just had to trust imagination.

Peter Gabriel — Solsbury Hill

7PROWADZENIE

Przyciągający oko projekt graiczny to jeden z ważniejszych elementów każdej strony

internetowej. To właśnie na jego podstawie internauci w ciągu kilku pierwszych sekund

budują swoje pierwsze wrażenie, które z kolei przekłada się na późniejszy odbiór cało-

ści. W obecnych czasach posiadanie fachowo wykonanego lub dobranego szablonu jest

rzeczą niezbędną dla irm i osób pragnących odnieść sukces. O dobry wizerunek ser-

wisu warto zadbać od samego początku, a więc już na etapie projektowania, starannie

dobierając kolory, fonty, układ modułów, zdjęcia, dodatki graiczne i ich ilość itd.

Dobrze skonstruowany szablon to na ogół model otwarty , który gwarantuje możli-

wość płynnego rozbudowania go wraz z rozwojem o nowe treści i elementy powiązane.

Wyróżnić można także model zamknięty , tworzony dla stron, które nie będą rozbudowy-

wane o nową zawartość, a zmiany będą dotyczyły tylko aktualizacji zawartych informacji.

7PROWADZENIE

Profesjonalny szablon powinien charakteryzować się kilkoma podstawowymi cechami:

• Charakterystycznym, najlepiej niepowtarzalnym, ale zdecydowanie oddającym

sens strony wizerunkiem.

• Spójnością przekazu wszystkich podstron — jest to istotne, jeśli zamierzamy na

potrzeby serwisu wykorzystać jednocześnie dwa lub więcej szablonów.

• Uniwersalnością i prostotą przekazu — chodzi o takie opracowanie linii przekazu

oraz form poszczególnych elementów realizacyjnych, które zapewnia możliwość

odbioru komunikatu przez jak najszerszą grupę odbiorców (potencjalnie wykracza-

jącą nawet poza zakres oddziaływania określony poprzez ramy grupy docelowej).

• Czytelnością i komunikatywnością — chodzi o takie opracowanie form po-

szczególnych elementów szablonu, które zapewni wysoką szansę na skuteczne

dotarcie z zamierzonym przekazem do odbiorców komunikatu.

• Zgodnością ze standardami organizacji W3C ( World Wide Web Consortium )

— najlepiej, aby „pusty” szablon poprawnie przechodził walidację ( validator.w3.org )

zarówno w odniesieniu do HTML, XHTML, jak i CSS ( jigsaw.w3.org/css-validator/ ).

• Stałą lub zmienną szerokością layoutu — z uwagi na różnorodność rozmiarów

LCD unikamy tworzenia szablonów automatycznie dopasowujących się do

szerokości ekranu.

• Małym rozmiarem i szybkością działania — szybkość ładowania strony zależy

od wielu czynników. Część z nich zależna jest od położenia naszego serwera ze

stroną względem internauty, szybkości i ustawień serwera. Inne uzależnione są

już bezpośrednio od wielkości i ilości składników wchodzących w skład szablo-

nu. Dotyczy to głównie użytych plików graicznych oraz dodatków potrzebują-

cych osobnej inicjalizacji (animacje Flash, biblioteki JavaScript).

Wizualnie szablony dla Joomla! nie różnią się niczym od typowych szablonów stron sta-

tycznych, których jest pełno w sieci. Różnica jednak tkwi w tym, iż szablon dla CMS-a nie

zawiera w sobie prezentowanych tekstów, a jedynie specjalne miejsca, w które dyna-

micznie jest wklejana treść wprost z bazy danych. Dlatego patrząc na dowolną stronę,

w szczególności tzw. prostą, trudno jest na ogół wskazać, czy mamy do czynienia z CMS-em

i jakiego typu. Co ciekawe, wiele irm, tworząc profesjonalne szablony, wykonuje od razu

dwie lub więcej dystrybucji na potrzeby popularnych CMS-ów (np. WordPress) lub plat-

form sklepowych (np. Magento), aby w ten sposób spełnić oczekiwania klientów i zwięk-

szyć swoją sprzedaż.

Dobre zarządzanie wizerunkiem irmy, organizacji, urzędu czy osoby izycznej w inter-

necie jest jednym z decydujących elementów, budujących poprawne relacje i odbiór za-

wartych informacji.

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: