Podstawowe informacje o szablonach w Drupalu www.drupalidzienastudia.pl
Citation preview
1. Podstawowe informacje oszablonach w Drupalu
2. Plan szkolenia Podstawowe informacje o szablonach Pliki w
szablonie Regiony Szablony dla stron (page) I rodzajw
zawartoci(node)page 2/43 3. System szablonw Domylnym silnikiem w
Drupalu jest PHPTemplate. Silnikjest umieszczony w katalogu
themes/engines/phptemplate Moesz zainstalowa dodatkowe silniki, np
Smarty (D6) lubPHPTAL (D6, D7) W Drupal 8 nowym domylnym systemem
szablonwbdzie Twig (znany z fremeworka Symfony2) Dodatkowe silniki
mona pobra z drupal.org I umieci wkatalogu sites/all/themes/engines
Jest moliwo generowania kodu szablonu bez uyciasilnika szablonw
piszc odpowiedni kod w PHP. page 3/43 4. System szablonw Drupal
posiada architectur, ktra umoliwia zmian wygldustrony bez
modyfikacji plikw rdzenia Drupalapage 4/43 5. Smarty
{if count($secondary_links)}
{foreach from=$secondary_links item=link}
{$link}{/foreach}
{/if}{if count($primary_links)}
{foreach from=$primary_links item=link}
{$link}{/foreach}
{/if}
page 5/43 6. PHPTAL
secondarylink
primarylink
page 6/43 7. PHP Template
page 7/43 8. Instalacja szablonuDarmowe szablony dostpne s na
stroniehttp://drupal.org/project/themesPatne szablony mona znale na
stroniehttp://www.templatemonster.com/drupal-themes.phplub w Google
wyszukujc fraz Drupal premiumthemesSzablony powinny by instalowane
w katalogusites/all/themespage 8/43 9. Nowy szablon (1)Jeli chcesz
utworzy nowy szablon moeszwybra jedn z dwch opcji Utworzenie nowego
szablonu od podstaw Utworzenie nowego szablonu, ktry bazuje
(dziedziczy ustawienia) na istniejcym szablonie zalecana opcja page
9/43 10. Nowy szablon (2)Bazowe szablony
http://drupal.org/project/zen (recommended byopenBIT)
http://drupal.org/project/basic http://drupal.org/project/fusion
http://drupal.org/project/tao http://drupal.org/project/framework
http://drupal.org/project/omegapage 10/43 11. Nowy szablon
(3)Pobierz szablon http://drupal.org/project/zen, irozpakuj do
katalogu sites/all/themespage 11/43 12. Nowy szablon (4)Z katalogu
zen kopiujemy podkatalog STARTERKITdo katalogu sites/all/themes
page 12/43 13. Nowy szablon (5) page 13/43 14. Nowy szablon (6)
page 14/43 15. Nowy szablon (7)Edytory plikw i rodowiska
programistyczne:http://netbeans.org/ http://notepad-plus-plus.org/
http://www.eclipse.org/ page 15/43 16. Nowy szablon (8) page 16/43
17. Nowy szablon (9) page 17/43 18. Plik .info (1)W tym pliku s
umieszczone opcje konfiguracyjneszablonuKada linia to para
klucz-warto zapisana wformacie: key = valueNiektre elementy
posiadaj nawiasy kwadratowena kocu nazwy klucza [] w celu
przechowywaniawartoci w tablicy page 18/43 19. Plik .info (2)Lista
opcji w plikuname (wymagana)description (zalecana) opis wywietlan
na licie szablonwscreenshot zrzut ekranu wywietlany na licie
szablonwversion - wersja szablonucore wersja rdzenia Drupala ( 6.x,
7.x)engine silnik szablonu, np. engine = phptemplatebase theme
opcja pozwala na dziedziczenie ustawie z innegoszablonuregions
lista wszystkich dostepnych regionw w szabloniestylesheets lista
plikw CSS szablonuscript lista plikw JavaScript szablonuphp
wymagana wersja PHP, np. PHP 5.3 page 19/43 20. Pliki .tpl
(1)Skopiuj wszystkie pliki .tpl.php z
katalogusites/all/themes/zen/templates
dosites/all/themes/mytheme/templatesNajczciej uywane pliki tpl:
page.tpl.php node.tpl.php region.tpl.php block.tpl.php
comment.tpl.php page 20/43 21. Pliki .tpl (2) page 21/43 22.
Struktura szablonurdo i wicej informacji:
http://drupal.org/node/171194page 22/43 23. html.tpl.php (1) page
23/43 24. html.tpl.php (2) page 24/43 25. page.tpl.php (1) page
25/43 26. page.tpl.php (2)Wane zmienne dostpne w pliku. $is_front:
TRUE jeli aktualna strona jest stron gwn. $logged_in TRUE jeli
uytkownik jest zalogowany Regiony: $page[content]: Gwna zawarto
strony $page[sidebar_first] lewa kolumna $page[sidebar_second]
prawa kolumna $page[footer] stopkaOpis wszystkich zmiennych
znajduje si w nagwku pliku.page 26/43 27. page.tpl.php (3)Moesz
tworzy specjalne pliki page.tpl.php dlaokrelonych stronWzr:
page--[url].tpl.phpPrzykady: Adres URL strony: cars, plik szablonu:
page- cars.tpl.php Strona gwna: page-front.tpl.phppage 27/43 28.
Pliki CSS (1)Domylna lista plikw CSS szablonu (plik .info)page
28/43 29. Pliki CSS (2)Dodawanie nowego pliku CSS do szablonu page
29/43 30. Pliki CSS (3)Zmiany wygldu za pomoc CSS (1) page 30/43
31. Pliki CSS (4)Zmiany wygldu za pomoc CSS (2) page 31/43 32.
node.tpl.php (1) page 32/43 33. node.tpl.php (2) page 33/43 34.
node.tpl.php (4)Moesz tworzy pliki node.tpl.php dla
wybranychrodzajw zawartociWzr: node--[type].tpl.phpPrzykad:
node-car.tpl.php node-article.tpl.php page 34/43 35.
block.tpl.phppage 35/43 36. comment.tpl.phppage 36/43 37. Wicej
informacjihttp://drupal.org/theme-guide/6-7http://drupal.org/documentation/theme
page 37/43 38. Regiony (1)Domylne regiony page 38/43 39. Regiony
(2)Dodanie nowego regionu: nowa linia w pliku .info page 39/43 40.
Regiony (3)page 40/43 41. Regiony (4)Po dodaniu nowego regionu do
pliku .info naley wyczyci cache w Drupalu (zapomoc admin_menu lub
na stronie admin/config/development/performancepage 41/43 42.
Regiony (5)page 42/43 43. Dzikuj za uwag Kontakt:E-mail:
[email protected] Tel: +48 882 515 514strona 43/43
