If you can't read please download the document
Upload
grzegorz-bartman
View
1.052
Download
0
Embed Size (px)
Citation preview
DrupalDay & Drupal Global Training Days
Podstawy systemu Drupal 8
Strona /
DrupalDay & Drupal Global Training DaysPodstawy systemu Drupal Wrocaw 21.11.2015
Strona /
Prowadzcy szkolenie:Grzegorz Bartman (www.droptica.com)
Bartek Filipiuk
Rozpoczcie: 9:00
Zakoczenie 12:00
Przerwa 10:30 10:45
Strona internetowa: www.drupalday.pl
IRC http://webchat.freenode.net/?channels=drupal-pl
Czym jest Drupal?
Drupal to darmowy i udostpniany jako oprogramowanie open source system do zarzdzania treci (CMS) oraz content management framework (CMF) napisany w jzyku PHP i udostpniany na licencji GNU GPL.
Drupal i moduy to zestaw klockw do budowania potrzebnych funkcjonalnoci. Nie znajdziesz tu gotowego moduu np. do ogosze sprzeday samochodw, ale bdziesz mg tak funkcjonalno atwo zbudowa.
Strona /
Statystyki uycia Drupala (1)
Strona /
rdo: http://trends.builtwith.com/cms
Statystyki uycia Drupala (2)
Strona /
rdo: http://trends.builtwith.com/cms
Statystyki uycia Drupala (3)
.
Strona /
rdo: https://www.acquia.com/sites/default/files/attachments/drupal-govt-infographic-4.jpg
Drupal 1
http://1.drupal.cheppers.com/ http://drupal.cheppers.com/
Drupal 8 co nowego (1)
rdo: https://www.youtube.com/watch?v=8uhNFoOnz_g
Drupal 8 co nowego (2)
rdo: https://www.youtube.com/watch?v=8uhNFoOnz_g
Drupal 8 co nowego (3)
rdo: https://www.youtube.com/watch?v=8uhNFoOnz_g
Drupal 8 co nowego (4)
rdo: https://www.youtube.com/watch?v=8uhNFoOnz_g
Drupal 8 co nowego (5)
rdo: https://www.youtube.com/watch?v=8uhNFoOnz_g
Drupal 8 co nowego (6)
rdo: https://www.youtube.com/watch?v=8uhNFoOnz_g
Drupal 8 co nowego (7)
Nowe pola (Date, Email, Link, Reference, Telephone)
Bloki jako encja, mona dodawatypy i pola
CKEditor
Szybka edycja
Responsive Image
Views
Multilangual
Configuration Manager
Webservices
Twig
Symfony components
Drupal 8 co nowego (8)
https://www.drupal.org/8
Instalacja Drupala (1)
Wejd na https://simplytest.me
Wybierz projekt DrupalDay.pl Drupal Basics (wersja 8.x-1.x)
Odpal instalacj
Strona /
Instalacja Drupala (2)
Strona /
Instalacja Drupala (3)
Strona /
Instalacja Drupala (4)
Strona /
Instalacja Drupala (5)
Strona /
Instalacja Drupala (6)
Strona /
Instalacja Drupala (7)
Strona /
Struktura katalogw (1)
Strona /
Struktura katalogw (2)
Strona /
Struktura katalogw (3)
Strona /
Core katalog z rdzennymi plikami systemu, tutaj zostay
przeniesione wszystkie pliki i katalogi, ktre odnosz si do rdzenia
Drupala.
- plik instalacyjny install.php,
- modules rdzenne moduy
- themes rdzenne skrki
- lib rdzenne klasy php (Ajax, Form, Batch )
- assets dodatkowe biblioteki uywane w rdzeniu (jQuery, modernizer
itp..)
modules moduy contrib, custom
profiles customowe profile instalacyjne
sites w tym katalogu znajduje si plik konfiguracyjny settings.php, ustawienia multisite, folder files.
themes contrib, custom, szablony (skrki)
libraries do tego katalogu dodajemy wasne biblioteki (D7 sites/all/libraries)
vendor biblioteki ktrych wymaga Drupal 8 (Symphony, Twig
itp.)
index.php gwny plik
update.php uruchom ten plik po aktualizacji rdzenia Drupala lub aktualizacji moduw
Strona gwna
Strona /
Konfiguracja
Strona /
Lista moduw
Strona /
Instalacja moduu (1)
Strona /
Pobierz modu Admin Toolbar https://www.drupal.org/project/admin_toolbar
Rozpakuj go do katalogu modules/contrib
Instalacja moduu (2)
Strona /
Instalacja moduu (3)
Strona /
Pobieranie moduw
Strona /
https://drupal.org/project/project_module
http://drupalmodules.com/
Strona projektu na drupal.org
Strona /
Spolszczenie Drupala l10n_update (1)
Strona /
Tre
Strona /
Czym jest NODE?Node to pojedycza tre (np, jeden artyku lub jedna strona). Drupal dodaje do kadej takiej treci unikalny identyfikator (nid)
Treci s podzielone na typy/rodzaje zawartoci (node types). Domylnie po instalacji standardowego profilu w Drupalu mamy 2 rodzaje zawartociArtyku
Prosta strona
Kady node ma tytu.
W standardowym profilu instalacyjny domylnie te jest dodawane pole z treci (body) a dla Article take pole z tagami i wysyaniem obrazkw.
Dodawanie pierwszej treci (node) (1)
Strona /
Przejd do strony : node/add
Utwrz now tre typu Article
Dodawanie pierwszej treci (node) (2)
Strona /
Treci na domylnej stronie gwnej
Strona /
Article vs Basic page
Strona /
ArticleBasic page
Promowane na stronie gwnejTakNie
KomentowanieWczoneWyczone
Wywietlanie informacji o dacie i autorze treciWczoneWyczone
Pola (elementy w formularzu dodawania treci)Title
Tags
Body
Image
Title
Body
Nowy rodzaj zawartoci (1)
Strona /
Nowy rodzaj zawartoci (2)
Strona /
Nowy rodzaj zawartoci (3)
Strona /
Nowy rodzaj zawartoci (4)
Strona /
Nowy rodzaj zawartoci (5)
Strona /
Tworzenie nowego pola (1)
Strona /
Tworzenie nowego pola (2)
Tworzenie nowego pola (3)
Strona /
Tworzenie nowego pola (4)
Strona /
Tworzenie nowego pola (5)
Strona /
Tworzenie nowego pola (6)
Strona /
Tworzenie nowego pola (7)
Strona /
Strona node/add/car
Tworzenie nowego pola (8)
Strona /
Lista zawartoci
Strona /
Strona /admin/content
wiczenie
Strona /
Dodaj pola do rodzaju zawartoci Samochd:Rozmiar silnika (field_engine_size): liczba cakowita, pole tekstowe
Skrzynia biegw (field_gearbox): lista wyboru, opcje: manualna, automatyczna
Liczba drzwi (field_door_count): lista wyboru, opcje: 2,3,4,5
wiczenie (2)
Strona /
Taxonomy (1)
Strona /
Modu taxonomy pozwala na kategoryzowanie treci
Struktura danych w module taxonomySownik 1 (vocabulary)Term 1Subterm A
Subterm B
Term 2
Term 3
Kraj (vocabulary country)Polska
Niemcy
Francja
Inne
Po instalacji profilu standardowego domylnie tworzony jest jeden sownik o nazwie Tags, ktry jest powizany polem z rodzajem zawartoci Article
Taxonomy (2)
Strona /
Taxonomy (3)
admin/structure/taxonomy/add
Strona /
Taxonomy (4)
Strona /
Taxonomy (5)
Strona /
Taxonomy (6)
Strona /
Taxonomy (7)
Strona /
Taxonomy (8)
Strona /
Taxonomy (9)
Strona /
Taxonomy (10)
Strona /
Style obrazkw (1)
Strona /
W rdze Drupala jest wbudowany modu do manipulacji obrazkami
Mona automatycznie skalowa i przycina wysyane obrazki
Domylnie po instalacji s w systemie 3 style obrazkw
Style obrazkw mog by wykorzystywane przez inne moduy, np. Fields
Style obrazkw (2)
Strona /
Strona admin/config/media/image-styles/add tworzenie nowego stylu
Style obrazkw (3)
Strona /
Strona admin/config/media/image-styles/add tworzenie nowego stylu
Style obrazkw (4)
Strona /
Style obrazkw (5)
Strona /
Style obrazkw (6)
Strona /
Style obrazkw (7)
Strona /
Style obrazkw (8)
Strona /
wiczenie
Strona /
Dodaj nowy styl obrazka: 80x60
Ustaw go dla zdj w rodzaju zawartoci Article, ale tylko dla wersji skrconej (wywietlanej na stronie gwnej Drupala)
Uytkownicy
Strona /
W Drupalu mona tworzy konta uytkownikw
Kady uytkownik ma nazw, e-mail oraz numeryczny identyfikator (uid)
Po instalacji w systemie mamy jednego uytkownika,dla ktrego uid = 1, jest to gwny administrator serwisu
W Drupalu mona tworzy role (rangi) i przypisywa je do uytkownikw
W Drupalu mona przypisywa uprawnienia do rl
Uytkownicy role - uprawnienia
Strona /
Uytkownicy(admin, joe, steve)Role(anonymous, authenticated,moderator, editor)Uprawnienia(access user profiles, create article content,access comments)
Role (1)
Strona /
Po instalacji w systemie s dostpne role:anonymous user niezalogowany uytkownik
authenticated user kady zalogowany uytkownik
administrator
Role (2)
Strona /
Role (3)
Strona /
Uprawnienia
Strona /
Dodawanie uytkownika (1)
Strona /
Dodawanie uytkownika (2)
Strona /
Dodawanie uytkownika (3)
Strona /
Strona /admin/people
wiczenia
Strona /
Utworzy rol: car_moderator
Przypisa do tej roli uprawnienia tworzenia, edycji i usuwania rodzaju zawartoci Samochd (car)
Utworzy nowego uytkownika i przypisa mu rol car_moderator
Przetestowa logujc si na konto nowego uytkownika czy uprawnienia dziaaj poprawnie
Bloki (1)
Strona /
Blok w Drupalu to element, ktry moe by umieszczony w regionie. Regionami w wikszoci szablonw w Drupalu s: Lewa i prawa kolumna
Nagwek
Stopka
Domylnie w Drupalu mamy dostpne m.in. nastpujce blokiBlok dla kadego menu
Uytkownicy online
Nowi uytkownicy
Bloki (2)
Strona /
Bloki (3)
Strona /
Bloki (4)
Strona /
Bloki (5)
Strona /
Bloki (6)
Strona /
Bloki (7)
Dodanie wasnego bloku
Strona /
Bloki (8)
Dodanie wasnego bloku
Strona /
Bloki (9)
Strona /
Pola w blokach (1)
Strona /
Jest to nowa funkcjonalno wzgldem Drupala 7.
Teraz w standardzie dostajemy moliwo tworzenia typw blokw i dodawania do nich pl, analogicznie jak w rodzajach zawartoci.
Najpierw dodamy pole w istniejcym typie bloku Basic block
Pola w blokach (2)
Strona /
Pola w blokach (3)
Strona /
Pola w blokach (4)
Strona /
Pola w blokach (5)
Strona /
Pola w blokach (6)
Strona /
Pola w blokach (7)
Strona /
Pola w blokach (8)
Strona /
Typy blokw (1)
Strona /
Typy blokw (2)
Strona /
Typy blokw (3)
Strona /
wiczenie
Strona /
Dodaj nowy typ bloku o nazwie Blok ze zdjciem
Dodaj do niego pole zdjcia, ktrego styl bdzie je przycina i
skalowa do rozmiaru 150x100
Blok wywietl w lewym pasku bocznym
Menu (1)
Strona /
Menu (2)
Strona /
Menu (3)
Strona /
Menu (4)
Strona /
Menu (5)
Strona /
Menu (6)
Strona /
Szablony (1)
Strona /
Szablony (2)
Strona /
Instalacja szablonu (1)
Strona /
Pobierz szablon https://www.drupal.org/project/openchurch_theme i rozpakuj go do katalogu themes
Instalacja szablonu (2)
Strona /
Instalacja szablonu (3)
Strona /
wiczenie
Strona /
Wyszukaj, zainstaluj i wcz dowolny szablon do Drupala 8.
Czym jest Views?
Views jest kreatorem zapyta SQL, ktry pozwala na utworzenie poprawnych zapyta, wykonanie ich oraz wywietlenie wynikw zapytania
Views moe by uywany do generowania raportw, podsumowania danych, galerii zdj oraz do wywietlania innych treci. Modu ma bardzo due moliwoci, nie wymaga rcznego pisania duych zapyta SQL.
Strona /
Instalacja moduu
W Drupalu 8 modu Views jest w standardzie. Nie trzeba instalowa adnych dodatkowych moduw.
Strona /
Tworzenie prostego widoku (1)
Przygotuj testowe treci, ktre bd wywietlane w widokach:
Utwrz 4 wpisy typu article
Utwrz 4 wpisy typu page
Strona /
Tworzenie prostego widoku (2)
Strona admin/structure/views
Strona /
Tworzenie prostego widoku (3)
Strona admin/structure/views/add
Strona /
Tworzenie prostego widoku (4)
Strona admin/structure/views/add
Strona /
Tworzenie prostego widoku (5)
Strona /
Tworzenie prostego widoku (6)
Strona /
Tworzenie prostego widoku (7)
Treci w widoku mog by wywietlane jako pola (fields) lub jako cae wpisy (content). W przypadku cay wpisw mamy opcje wyboru wywietlania wersji penej (full node) lub skrconej (teaser)
Strona /
Tworzenie prostego widoku (8)
Tre moe by wywietlana w rnej formie. Modu Views posiada 4 formaty wywietlania danych. Formaty te mona rozszerza za pomoc dodatkowych moduw.
Strona /
Tworzenie prostego widoku (9)
Obok etykiety FIELDS (POLA) jest przycisk dodawania nowych pl. W oknie dodawania jest lista dostpnych pl dla tego typu widoku. Lista pl jest zalena od typu widoku wybieranego w pierwszym kroku oraz od relacji dodanych do widoku.
Strona /
Tworzenie prostego widoku (10)
Opcje dodawania pola
Strona /
Tworzenie prostego widoku (11)
Dla kadego pola mona zdefiniowa tagi HTML oraz nada mu klasy CSS bez koniecznoci tworzenia plikw szablonw
Strona /
Tworzenie prostego widoku (12)
Kade pole moe by nadpisane. W opcja nadpisywania pola mona uywa wzorcw podstawiania. Wzorce podstawiania to wszystkie pola, ktre znajduj si na licie pl ponad danym polem.
Strona /
Tworzenie prostego widoku (13)
Po dodaniu pl mona atwo zmieni ich kolejno lub usun wybrane pola korzystajc z opcji rearrange
Strona /
Tworzenie prostego widoku (14)
Dla kadej strony utworzonej przez Views mona ustawi jej adres oraz umieci j w menu
Strona /
Tworzenie prostego widoku (15)
Opcje filtrowania pozwalaj zawzi wywietlane treci wedug okrelonych kryteriw, np. tylko treci opublikowane lub tylko treci danego typu. Filtry mona czy ze sob.
Strona /
Tworzenie prostego widoku (16)
Treci wywietlane przez widok mog by sortowane wedug rnych kryteriw, np. daty dodania, tytuu, daty aktualizacji, liczby komentarzy, itp..
Kryteria sortowania mona czy ze sob, np. wywietl najpierw treci przyklejone a kolejne posortuj wedug daty dodania.
Strona /
Tworzenie prostego widoku (17)
Strona /
Tworzenie prostego widoku (18)
Strona /
Ustawienia moduu Views (1)
Strona admin/structure/views/settings
Strona /
Ustawienia moduu Views (2)
Strona /
wiczenia
Utwrz nowy widok:
Nazwa: Artykuy
Style: Lista HTML-owa
Wywietlanych elementw: 10
Pager: stronicowanie w wersji mini
Nagwek: Lista wszystkich artykuw
Pola: tytu, data publikacji
Filtry:
typ article
opublikowany - tak
Kryteria sortowania: data aktualizacji (kiedy zmieniono) - malejcoDisplay: Page
Menu: User menu
URL: articles
Strona /
Bloki (1)
Modu Views pozwala na tworzenie rnych typw wywietlania danych (display). Najczciej stosowanym typem, oprcz strony, jest blok. Po dodaniu bloku do widoku pojawi si nowa sekcja z ustawieniami dla bloku.
Strona /
Bloki (2)
Zmiana ustawie iloci elementw wywietlanych w bloku
Strona /
Bloki (3)
Zmiana formatu wywietlania danych dla bloku
Strona /
Bloki (4)
Strona /
Bloki (5)
Strona /
wiczenia
W widoku Story dodaj blok:Ilo wpisw: 5
Pola: Tytu
Doda opcj More link
Strona /
Widok typu Users (1)
Strona /
Widok typu Users (2)
Dodajc pola do widoku typu Users na licie dostpnych pl s inne opcje ni w przypadku widoku typu Content
Strona /
Widok typu Users (3)
Widok z list aktywnych uytkownikw w postaci tabeli.
Strona /
Widok typu Users (4)
Zapytanie SQL generujce widok
Strona /
Widok typu Users (5)
Widok z list aktywnych uytkownikw w postaci tabeli.
Strona /
wiczenia
Zmodyfikuj widok z uytkownikami:Dodaj pole ze statusem uytkownika (aktywny/zablokowany)
Usu filtr wywietlajcy tylko aktywnych uytkownikw
Dodaj filtr: wywietl uytkownikw dodanych w ostatnich 7 dniach
Strona /
Exposed filters (1)
Strona /
Exposed filters (2)
Strona /
Exposed filters (3)
Strona /
Exposed filters (4)
Filtrowanie zawartoci wedug rodzaju (typu)
Strona /
Exposed filters (5)
Filtrowanie zawartoci wedug rodzaju (typu)
Strona /
wiczenia
Doda filtr exposed:Filtrowanie wedug daty dodania, moliwo podania zakresu dat utworzenia zawartoci
Strona /
Contextual Filteres (1)
Filtry kontekstowe to cz adresu URL, ktra pozwala na redukowanie listy wynikw zapytania.
Strona /
Contextual Filteres (2)
Dodanie opcji filtrowania wedug identyfikatora autora treci
Strona /
Contextual Filteres (3)
Strona /
Contextual Filteres (4)
Strona /
Contextual Filteres (5)
Strona /
Relationships (1)
Relacje pozwalaj na czenie dwch lub wicej typw danych w widoku
Relacja dodaje do zapytania SQL komend JOIN
Przykad: aby wywietli nazwy plikw zdj dodanych do wpisw typu Article w widoku Articles naley doda relacj z plikami (File)
Strona /
Relationships (2)
W widoku Articles dodaj relacj Obraz (field_image)
Strona /
Relationships (3)
Strona /
Relationships (4)
Strona /
Relationships (5)
Strona /
Relationships (6)
Strona /
wiczenia
Do widoku Articles dodaj relacj Termin i dodaj nowe pola:Terminy ze sownika Tagi
Podlinkowane do strony z wszystkimi wpisami z danym terminem
Strona /
Zapraszamy na konferencj
DrupalCamp Wrocaw
Informacje o kolejnej edycji
w styczniu 2016 na stronie
www.drupalcampwroclaw.pl
Strona /
Dzikujemy za uwag
Strona /