Design Concept
  1. Blog
  2. Drupal CCK i Views - tworzymy slideshow

Drupal CCK i Views - tworzymy slideshow

W tutorialu pokażę jak za pomocą Drupala stworzyć pokaz zdjęć z podpisami oraz linkami. Pokaz będzie oparty tylko na jednym węźle typu slideshow. Typ ten za chwilkę utworzymy. Moduły, które będą nam potrzebne:

  • CCK
  • Views
  • Views Slideshow
  • Imageapi i Imagecache
  • FileField i Imagefield
  • ImageField Extended
Na początku musimy pobrać, rozpakować i umieścić foldery z modułami w katalogu /sites/all/modules. Kolejnym krokiem jest oczywiście włączenie tych modułów (link: admin/build/modules). Najpierw stwórzmy sobie wzorzec wielkości zdjęć, które będą używane w naszym pokazie. Przejdźmy zatem na stronę Imagecache (admin/build/imagecache) i kliknijmy Add New Preset. Wybierzmy jakąś nazwę np. 1043na313. Następnie wybieramy akcje Resize i Crop (w takiej kolejności). Dla akcji Resize ustawiamy wysokość i szerokość (np. 1043 i 313). Podobnie dla akcji Crop ustalamy wysokość i szerokość. Ponadto X Offset, Y Offset ustawiłam na center. Imagecache preset

ImageField Extended

Na stronie ImageField Extended (admin/settings/imagefield-extended) zdefiniujemy dodatkowe pola, które będziemy później wykorzystywać. W polu Additional text fields wpiszmy 
tytul_zdjecia|Tytuł zdjęcia
opis_zdjecia|Opis zdjęcia
link_zdjecia|Link
i zapiszmy konfigurację.

Nowy typ w CCK

Stworzymy nowy typ zawartości. Przejdźmy na stronę Rodzaje zawartości (admin/content/types) i kliknijmy w link Nowy typ zawartości. Wpiszmy nazwę Slideshow, typ slideshow (typ może się składać jedynie z małych liter, liczb i znaków podkreślenia) oraz opis Pokaz slajdów (opis jest opcjonalny). Możemy również wyłączyć załączniki i komentarze (Cechy rodzaju zawartości i Ustawienia komentarzy). Po zapisaniu przejdźmy na zakładkę Manage Fields. Stworzymy nowy rodzaj pola na zdjęcia. Pole zdjęcia W konfiguracji pola wybieramy to co na poniższym rysunku Konfiguracja W górnej części powyższego rysunku widać, że mamy do dyspozycji w konfiguracji stworzone za pomocą ImageField Extended pola. Musimy je włączyć i określić czy mają być wymagane itp. ImageField Extended

Tworzymy widok pokazu zdjęć

Teraz czas stworzyć nowy widok. Przejdźmy na stronę Widoki (admin/build/views) i kliknijmy Dodaj. Musimy wypełnić kilka pól: Nazwa widoku - slideshow, bardziej "ludzka" nazwa - Slideshow. Jako typ pozostawiamy węzeł i przechodzimy dalej. W tym momencie zajmiemy się właściwą konfiguracją widoku. W ustawieniach podstawowych możemy podać tytuł. W Style settings jako styl wybieramy Slideshow. W opcjach, które nam się pojawią mamy sporo możliwości. Nie będę tu ich omawiać. Pozostawmy wybór Nieuporządkowana lista. Reszta opcji dotyczy już samego pokazu slajdów np. czy pokazywać pager, zatrzymywać pokaz po najechaniu myszą itp.
Jako styl rzędu należy wybrać Pola. W sekcji pola trzeba zdefiniować następujące pola: 
Zawartość: Zdjęcia 1043na313 image
Zawartość: Zdjęcia - data Tytuł zdjęcia
Zawartość: Zdjęcia - data Opis zdjęcia
Zawartość: Zdjęcia - data Link
W filtrach wybieramy filtrowanie po węzeł Typ. Następnie wybieramy "jeden z" i zaznaczamy opcję Slideshow. Widok Ciekawostka. Przy polu Link chcemy aby anchor był tekstem "więcej" oraz aby linkował pod podany w tym polu adres url. Konfiguracja poniżej: Opcje pola Zawartość: Zdjęcia - data Link