drupalday podstawy drupal 8

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


Strona /

rdo: http://trends.builtwith.com/cms


.

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












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


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 /


Strona /


Strona /


Strona /


Strona /


Strona /


Strona /

Struktura katalogw (1)

Strona /


Strona /


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


Strona /


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 /


Strona /


Strona /


Strona /


Strona /

Tworzenie nowego pola (1)

Strona /



Strona /


Strona /


Strona /


Strona /


Strona /

Strona node/add/car


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 /


Strona /


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


Strona /


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 /


Strona admin/structure/views

Strona /


Strona admin/structure/views/add

Strona /


Strona admin/structure/views/add

Strona /


Strona /


Strona /


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 /


Tre moe by wywietlana w rnej formie. Modu Views posiada 4 formaty wywietlania danych. Formaty te mona rozszerza za pomoc dodatkowych moduw.

Strona /


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 /


Opcje dodawania pola

Strona /


Dla kadego pola mona zdefiniowa tagi HTML oraz nada mu klasy CSS bez koniecznoci tworzenia plikw szablonw

Strona /


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 /


Po dodaniu pl mona atwo zmieni ich kolejno lub usun wybrane pola korzystajc z opcji rearrange

Strona /


Dla kadej strony utworzonej przez Views mona ustawi jej adres oraz umieci j w menu

Strona /


Opcje filtrowania pozwalaj zawzi wywietlane treci wedug okrelonych kryteriw, np. tylko treci opublikowane lub tylko treci danego typu. Filtry mona czy ze sob.

Strona /


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 /


Strona /


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 /


Dodajc pola do widoku typu Users na licie dostpnych pl s inne opcje ni w przypadku widoku typu Content

Strona /


Widok z list aktywnych uytkownikw w postaci tabeli.

Strona /


Zapytanie SQL generujce widok

Strona /


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 /


Dodanie opcji filtrowania wedug identyfikatora autora treci

Strona /


Strona /


Strona /


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 /

drupalday podstawy drupal 8

Software