DrupalDay podstawy systemu Drupal (Wersja skrócona)

DrupalDay

Podstawy systemu Drupal

Strona 1/111

DrupalDayPodstawy systemu Drupal

Wersja skrócona

Strona 2/111

●Strona internetowa: www.drupalday.pl ●IRC do komunikacji podczas warsztatów http://webchat.freenode.net/?channels=drupal-pl

http://www.drupalday.pl/

http://webchat.freenode.net/?channels=drupal-pl

DrupalDay

● Co się dzisiaj nauczysz:– Podstawowe pojęcia w Drupalu

– Instalacja Drupala na skonfigurowanym serwerze

– Tworzenie typów treści i prostych widoków

● Czego się dzisiaj nie nauczysz:– Tworzenia szablonów dla Drupala i pracy z CSS/HTML w

Drupalu

– Pisania własnych modułów do Drupala

SimplyTest.me

Strona 4/111

●Możliwość testowania modułów i dystrybucji drupalowych●Czas trwania sesji:

● Anonimowi: 30 minut● Zarejestrowani: 6 godzin

●Rejestracja http://simplytest.me/user/register

http://simplytest.me/user/register

SimplyTest.me

Strona 5/111

Wyszukujemy projekt: DrupalDay.pl Drupal Basics

SimplyTest.me

Strona 6/111

Branch: 7.x-1.x

Instalacja Drupala

Strona 7/111

Instalacja Drupala

Strona 8/111

Instalacja Drupala

Strona 9/111

Instalacja Drupala

Strona 10/111

Instalacja Drupala

Strona 11/111

Instalacja Drupala

Strona 12/111

Struktura katalogów

Strona 13/111


Strona 14/111


Strona 15/111

●includes●misc●modules – moduły z rdzenia Drupala●profiles – profile instalacyjne (domyślnie Standard i Minimal)●scripts●sites – w tym katalogu umieszcza się dodatkowe moduły i szablony

● all● modules

● contrib – moduły pobrane z www.drupal.org ● custom – własne moduły dedykowane tylko do tego projektu● universal – własne moduły przenośne między projektami● dev – moduły developerskie, które nie będą używane na serwerze produkcyjnym

● themes●themes – szablony (skórki) z rdzenia Drupala●cron.php – plik uruchamiający okresowe zadania, np indeksowanie treści do wyszukiwarki, sprawdzanie aktualizacji, itp●index.php – główny plik●install.php – plik instalacyjny●update.php – uruchom ten plik po aktualizacji rdzenia Drupala lub aktualizacji modułów

http://www.drupal.org/

Strona główna

Strona 16/111

Konfiguracja

Strona 17/111

Lista modułów

Strona 18/111

Instalacja modułu (1)

Strona 19/111

● Pobierz moduł https://drupal.org/project/admin_menu i rozpakuj do sites/all/modules/contrib● Pobierz moduł https://drupal.org/project/l10n_update i rozpakuj do sites/all/modules/contrib

● drush dl admin_menu l10n_update●

https://drupal.org/project/admin_menu

https://drupal.org/project/l10n_update


Strona 20/111


Strona 21/111


Strona 22/111

Spolszczenie

Strona 23/111

/admin/config/regional/language/add

Spolszczenie

Strona 24/111

Spolszczenie

Strona 25/111

Spolszczenie

Strona 26/111

Pobieranie modułów

Strona 27/111

● https://drupal.org/project/[project_name]● http://drupalmodules.com/

http://drupalmodules.com/

Strona projektu na drupal.org

Strona 28/111

Treść

Strona 29/111

● Czym jest NODE?● Node to pojedyńcza treść (np, jeden artykuł lub jedna strona). Drupal dodaje do każdej

takiej treści unikalny identyfikator (nid)● Treści są podzielone na typy/rodzaje zawartości (node types). Domyślnie po instalacji

standardowego profilu w Drupalu mamy 2 rodzaje zawartości● Article● Basic Page

● Każdy node ma tytuł. ● W standardowym profilu instalacyjny domyślnie też jest dodawane pole z treścią

(field_body) a dla Article także pole z tagami i wysyłaniem obrazków.

Dodawanie pierwszej treści (node) (1)

Strona 30/111

● Przejdź do strony : node/add● Utwórz nową treść typu Article


Strona 31/111


Strona 32/111

Treści na domyślnej stronie głównej

Strona 33/111

Article vs Basic page

Strona 34/111

Article Basic page

Promowane na stronie głównej

Tak Nie

Komentowanie Włączone Wyłączone

Wyświetlanie informacji o dacie i autorze treści

Włączone Wyłączone

Pola (elementy w formularzu dodawania treści)

●Title●Tags●Body●Image

●Title●Body

Nowy rodzaj zawartości (1)

Strona 35/111


Strona 36/111


Strona 37/111


Strona 38/111


Strona 39/111


Strona 40/111

Tworzenie nowego pola (1)

Strona 41/111


Strona 42/111


Strona 43/111


Strona 44/111


Strona 45/111


Strona 46/111

Strona node/add/car


Strona 47/111

Lista zawartości

Strona 48/111

Strona /admin/content

Ćwiczenie

Strona 49/111

Dodaj pola do rodzaju zawartości Samochód:● Rozmiar silnika (field_engine_size): liczba całkowita, pole

tekstowe● Skrzynia biegów (field_gearbox): lista wyboru, opcje: manualna,

automatyczna● Liczba drzwi (field_door_count): lista wyboru, opcje: 2,3,4,5

Ćwiczenie (2)

Strona 50/111

Użytkownicy

Strona 51/111

● W Drupalu można tworzyć konta użytkowników● Każdy użytkownik ma nazwę, e-mail oraz numeryczny

identyfikator (uid)● Po instalacji w systemie mamy jednego użytkownika,dla

którego uid = 1, jest to główny administrator serwisu● W Drupalu można tworzyć role (rangi) i przypisywać je do

użytkowników● W Drupalu można przypisywać uprawnienia do ról

Użytkownicy – role - uprawnienia

Strona 52/111

Użytkownicy(admin, joe, steve)

Role(anonymous, authenticated,

moderator, editor)

Uprawnienia(access user profiles, create article content,

access comments)

Role (1)

Strona 53/111

● Po instalacji w systemie są dostępne role:● anonymous user – niezalogowany użytkownik● authenticated user – każdy zalogowany użytkownik● administrator

Role (2)

Strona 54/111

Uprawnienia

Strona 55/111

Dodawanie użytkownika (1)

Strona 56/111


Strona 57/111


Strona 58/111

Strona /admin/people

Ćwiczenia

Strona 59/111

● Utworzyć rolę: car_moderator● Przypisać do tej roli uprawnienia tworzenia, edycji i

usuwania rodzaju zawartości Samochód (car)● Utworzyć nowego użytkownika i przypisać mu rolę

car_moderator● Przetestować logując się na konto nowego użytkownika

czy uprawnienia działają poprawnie

Bloki (1)

Strona 60/111

● Blok w Drupalu to element, który może być umieszczony w regionie. Regionami w większości szablonów w Drupalu są: ● Lewa i prawa kolumna● Nagłówek● Stopka

● Domyślnie w Drupalu mamy dostępne m.in. następujące bloki● Blok dla każdego menu● Użytkownicy online● Nowi użytkownicy

Bloki (2)

Strona 61/111

Bloki (3)

Strona 62/111

Bloki (4)

Strona 63/111

Bloki (5)

Strona 64/111

Bloki (6)

Strona 65/111

Ćwiczenie

Strona 66/111

Utwórz 2 nowe bloki i umieść je w prawej kolumnie oraz w stopce strony

Szablony (1)

Strona 67/111

Czym jest Views?

Views jest kreatorem zapytań SQL, który pozwala na utworzenie poprawnych zapytań, wykonanie ich oraz wyświetlenie wyników zapytaniaViews może być używany do generowania raportów, podsumowania danych, galerii zdjęć oraz do wyświetlania innych treści. Moduł ma bardzo duże możliwości, nie wymaga ręcznego pisania dużych zapytań SQL.

Strona 68/111

Instalacja modułu

●Pobierz moduł ze strony http://drupal.org/project/views (wersja rekomendowana dla Drupala 7)●Pobierz moduł Chaos Tools suite (ctools) http://drupal.org/project/ctools W Drupalu 7 moduł ten jest potrzebny do włączenia modułu Views (tej zależności nie było w Drupalu 6)●Rozpakuj moduły do katalogu sites/all/modules/contrib (dobrą praktyką jest podzielić moduły z drupal.org oraz własne i umieścić je w osobnych katalogach)●Włącz moduł Views oraz Views UI przechodząc na stronę admin/modules

Strona 69/111

http://drupal.org/project/views

http://drupal.org/project/ctools

Tworzenie prostego widoku (1)

●Przygotuj testowe treści, które będą wyświetlane w widokach:●Utwórz 4 wpisy typu „article”●Utwórz 4 wpisy typu „page”

Strona 70/111


Strona admin/structure/views

Strona 71/111


Strona admin/structure/views/add

Strona 72/111


Strona admin/structure/views/add

Strona 73/111


Strona 74/111


Strona 75/111


Treści w widoku mogą być wyświetlane jako pola (fields) lub jako całe wpisy (content). W przypadku cały wpisów mamy opcje wyboru wyświetlania wersji pełnej (full node) lub skróconej (teaser)

Strona 76/111


Treść może być wyświetlana w różnej formie. Moduł Views posiada 5 formatów wyświetlania danych. Formaty te można rozszerzać za pomocą dodatkowych modułów (np. rozne moduły galerii dodają do tej opcji dodatkowe formaty).

Strona 77/111

Tworzenie prostego widoku (9)Obok etykiety FIELDS (POLA) jest przycisk dodawania nowych pól. W oknie dodawania jest lista dostępnych pól dla tego typu widoku. Lista pól jest zależna od typu widoku wybieranego w pierwszym kroku oraz od relacji dodanych do widoku.

Strona 78/111

Tworzenie prostego widoku (10)Opcje dodawania pola

Strona 79/111


Dla każdego pola można zdefiniować tagi HTML oraz nadać mu klasy CSS bez konieczności tworzenia plików szablonów

Strona 80/111


Każde pole może być nadpisane. W opcja nadpisywania pola można używać wzorców podstawiania. Wzorce podstawiania to wszystkie pola, które znajdują się na liście pól ponad danym polem.

Strona 81/111

Tworzenie prostego widoku (13)Po dodaniu pól można łatwo zmienić ich kolejność lub usunąć wybrane pola korzystając z opcji „rearrange”

Strona 82/111

Tworzenie prostego widoku (14)Dla każdej strony utworzonej przez Views można ustawić jej adres oraz umieścić ją w menu

Strona 83/111

Tworzenie prostego widoku (15)Opcje filtrowania pozwalają zawęzić wyświetlane treści według określonych kryteriów, np. tylko treści opublikowane lub tylko treści danego typu. Filtry można łączyć ze sobą.

Strona 84/111

Tworzenie prostego widoku (16)Treści wyświetlane przez widok mogą byś sortowane według różnych kryteriów, np. daty dodania, tytułu, daty aktualizacji, liczby komentarzy, itp..

Kryteria sortowania można łączyć ze sobą, np. wyświetl najpierw treści „przyklejone” a kolejne posortuj według daty dodania.

Strona 85/111


Strona 86/111


Strona 87/111

Ustawienia modułu Views (1)

Strona admin/structure/views/settings

Strona 88/111

Ustawienia modułu Views (2)

Strona 89/111

Ćwiczenia

● Utwórz nowy widok:● name: Articles● Style: HTML list● Items per page: 10● Pager: mini pager● Header information: List of all article nodes● Fields: title, publication date● Filter: ● node type – article● Published - yes● Sort criteria: order by updated date (descending)

Display: Page● Menu: User menu● URL: articles

Strona 90/111

Bloki (1)

Moduł Views pozwala na tworzenie różnych typów wyświetlania danych (display). Najczęściej stosowanym typem, oprócz strony, jest blok. Po dodaniu bloku do widoku pojawi się nowa sekcja z ustawieniami dla bloku.

Strona 91/111

Bloki (2)

Zmiana ustawień ilości elementów wyświetlanych w bloku

Strona 92/111

Bloki (3)

Zmiana formatu wyświetlania danych dla bloku

Strona 93/111

Bloki (4)

Strona 94/111

Bloki (5)

Strona 95/111

Ćwiczenia● W widoku Story dodaj blok:

● Ilość wpisów: 5● Pola: Tytuł● Dodać opcję „More link”

Strona 96/111

Widok typu Users (1)

Strona 97/111

Widok typu Users (2)Dodając pola do widoku typu „Users” na liście dostępnych pól są inne opcje niż w przypadku widoku typu „Content”

Strona 98/111

Widok typu Users (3)Widok z listą aktywnych użytkowników w postaci tabeli.

Strona 99/111

Widok typu Users (4)Zapytanie SQL generujące widok

Strona 100/111

Widok typu Users (5)Widok z listą aktywnych użytkowników w postaci tabeli.

Strona 101/111

Ćwiczenia● Zmodyfikuj widok z użytkownikami:

● Dodaj pole ze statusem użytkownika (aktywny/zablokowany)

● Usuń filtr wyświetlający tylko aktywnych użytkowników

● Dodaj filtr: wyświetl użytkowników dodanych w ostatnich 7 dniach

Strona 102/111

Exposed filters (1)

Strona 103/111

Exposed filters (2)

Strona 104/111

Exposed filters (3)

Strona 105/111

Exposed filters (4)

Filtrowanie zawartości według rodzaju (typu)

Strona 106/111

Exposed filters (5)

Filtrowanie zawartości według rodzaju (typu)

Strona 107/111

Ćwiczenia

● Dodać filtr exposed:● Filtrowanie według daty dodania, możliwość podania zakresu dat

utworzenia zawartości

Strona 108/111

Gdzie szukać wiedzy

● http://www.drupalday.pl/strona/materialy-do-nauki

Strona 109/111

http://www.drupalday.pl/strona/materialy-do-nauki

Zapraszamy na konferencjęDrupalCamp Wrocław

Wstęp bezpłatny!www.drupalcampwroclaw.pl

Strona 110/111

http://www.drupalcampwroclaw.pl/

Dziękujemy za uwagę

Strona 111/111

Technology

DrupalDay podstawy systemu Drupal (Wersja skrócona)