Bu dersimizde Dynamic Display Block (DDB) eklentisini kullanarak aşağıdakine benzer, üzerinde kısa açıklamaları olan resimli bir slideshow hazırlayacağız.

(Demo için resme tıklayın)

Tabii ki DDB ile çok daha farklı uygulamalar yapmak da mümkün ama örnekteki stil en çok kullanılanlardan birisi ve bugünlerde hemen hemen her magazinel sitede karşımıza çıkıyor.

Özet

Not: Özet kısmı yapılacak işlemler konusunda genel bir bilgi vermek için yazılmıştır. Bu bölümü okurken herhangi bir işlem yapılmasına gerek yoktur; uygulama 1. Eklentiler ve Kurulum bölümünden itibaren başlayacaktır.

DDB ile oluşturacağımız gelişmiş slideshow uygulamasında

• slideshow için kullanılacak bir içerik türüne
• her içerik için resim ekleyebileceğimiz bir resim alanına
• her içerik için slideshow alanına sığabilecek kısa metin alanlarına
• slideshowda gösterilecek içerikleri belirleyecek ve bunları bir blok içinde sunacak bir görünüme
• Views ile oluşturulacak bloğu gerçek bir slideshow bloğuna dönüştürecek DDB ayarlarına
• ve son olarak da işin tema kısmını halledecek birkaç şablon dosyası ve fonksiyonuna ihtiyacımız olacak.

Bu listeden de anlaşılacağı üzere bir slideshow hazırlamak, DDB eklentisinin haricinde CCK ve Views gibi diğer eklentilerin de kullanılmasını gerektiren kompleks bir süreç gerektiriyor. Ancak anlatımın ilerleyen bölümlerinde neyin nasıl yapılacağı detaylı olarak anlatılacağı için bu konuda endişe etmenize gerek yok.

İçerik türü ve CCK alanları

Resimler, resimli sayfalandırma ve resimlerin üstünde yazıların olduğu yukarıdaki gibi bir slideshow oluşturabilmek için bir içerik türüne ve bu içerik türünde tanımlanmış en az bir resim alanı ve diğer bilgiler için de en az bir metin alanı gerekli. Bu anlatımda gerçekleştireceğimiz uygulamada aşağıdaki alanları kullanacağız:

• Başlık (1b) – Tüm içerik türlerinde standart olarak bulunan içerik başlığı.
• Gövde – Tüm içerik türlerinde standart olarak bulunan metin gövdesi.
• Kısa başlık (2b) – Slideshow bloğunda sunum içerikleri arasında dolaşmayı saylayan sayfalandırma aracı için kullanılacak kısa bir başlık (CCK ile yeni bir text field olarak eklenecek).
• Kısa gövde (1c) – Sunum için slideshow bloğunda kullanılacak kısa tanıtım metni (CCK ile yeni bir text field olarak eklenecek).
• Resim (1a) – Sunum için slideshow ve sayfalandırma kısımlarında kullanılacak resim (CCK ile yeni bir imagefield olarak eklenecek).

Not: Gövde alanı slideshow'da kullanılmaz; içeriğin tam sayfa görünümünde gösterilir. 2a ile gösterilen küçük resim ise DDB tarafından otomatik olarak 1a'daki resim kullanılarak oluşturulur.

Bu alanları tanımlarken şunu aklınızda bulundurmalısınız; bu alanlar için kullacağınız isimler tema dosyalarında kullanılacak. Bu yüzden anlatımdaki isimlere bağlı kalırsanız, en son aşamada fazla uğraşmanıza gerek kalmadan hazır olarak verilecek dosyaları kullanabileceksiniz.

Views ve içerik bloğu

Slideshow'da gösterilecek içerikleri belirlemek için Views ile oluşturulan görünümler kullanılıyor. Bir blok görüntüsü içerecek bu görünümlerde çeşitli süzgeçleri kullanarak istediğiniz içerikleri seçebilirsiniz.

DDB slideshow bloğu ve temalar

Bu anlatımın amacı DDB ile bir slideshow hazırlamak olsa da DDB aslında bu anlatımın sadece 5. ve 6. aşamalarında karşımıza çıkacak. DDB'nin yaptığı tek şey hazır bir Views bloğunu alıp bunu slideshow'a dönüştürmek. Bu yüzden de daha çok işin görsel kısımlarına yönelik bazı ayarlar yapacağız.

DDB slideshow için iki tema dosyası kullanıyor: ilki slideshow bloğunun geneli için kullanılan temayı oluştururken, ikincisi ise pager (sayfalandırma) için kullanılan temayı hazırlar. Anlatımda bu tema dosyaları hazır olarak verilecektir; ancak üzerlerinde bazı değişiklikler yapılması gerekecek. Bunlara anlatımın ilgili yerlerinde değinildi.

Başlangıç olarak anlatıma bağlı kalmanız tavsiye edilse de eklentinin kullanımı hakkında deneyim kazandığınızda php ve/veya css konusundaki bilgilerinizi de kullanarak kendi tema dosyalarınızı oluşturabilir ya da daha basitçe css düzenlemelerinizi yapabilirsiniz.

Detaylar: Nasıl yapacağız?

Bu kısımda Dynamic Display Block kullanarak gelişmiş bir slideshow hazırlamanın aşamalarına ayrıntılı olarak değineceğiz. Bu aşamaları şöyle sıralayabiliriz:

1. Eklentiler ve Kurulum
2. Yeni “Sunum” içerik türünü oluşturma
3. Sunum içerik türünde içerik ekleme
4. Views ile sunum içerikleri için bir görünüm oluşturma
5. Slideshow oluşturma ve ayarlar
6. Tema düzenlemesi
7. Sonuç ve alternatifler

HAZIR DOSYA UYARISI: 2., 4. ve 6. aşamalarda yapılan işlemlerin büyük bir bölümünü anlatımdaki HAZIR DOSYA notlarını takip ederek atlamanız mümkün. Hazır dosyalar arasında, anlatımda örnek olarak gösterilen uygulama için kullanan “Sunum” içerik türü ve “sunumlar” görünümünün içeri aktarılabilir çıktıları ve bunlara göre düzenlenmiş preprocess fonksiyonları yer almakta. Bunları kullanmanız durumunda anlatımın sonunda elde edilen slideshow'un birebir aynısını elde edeceksiniz. Eğer kendi özel içerik türlerinizi ve CCK alanlarınızı oluşturup bunlardan bir slideshow yaratmak isterseniz bu durumda ilgili aşamalarda neyin nasıl yapıldığını detaylı olarak inceleyin.

Not: Anlatım temiz bir Drupal 6 kurulumu üzerinde DDB eklentisinin 4 Ocak 2009 tarihili RC4 sürümü kullanılarak yapılmıştır. Anlatım, DDB eklentisinin 26 Şubat 2009 tarihli 6.x-1.0-rc6 sürümüne göre güncellenmiştir. Eski sürümlerde ve ilerleyen dönemlerde çıkabilecek yeni sürümlerde bazı farklılıklar olabilir.