Drupal Image Eklentisi ile Galeri yapımı başlıklı yazımda konuya kaldığım yerden devam ediyorum. Bu yazıda site galerisinden yazı içine fotoğraf eklememize imkan sağlayacak ImageAssist eklentisinden bahsedeceğim. ImageAssist eklentisi de birçok Drupal eklentisi gibi sürekli geliştirilmekte olan bir eklenti. Şu an için belli bir konfigürasyonda sorun olarak çalışabiliyor ancak birarada çalıştığı diğer eklentiler de geliştikçe farklı şekillerde çalışma kabiliyeti de artacak. Eğer Image eklentisi ile ilgili yazımı önceden okumadıysanız konu bütünlüğünün sağlanması amacıyla okumanızı tavsiye ediyorum.
Eğer Image eklentisi ile bir galeri oluşturduysanız ImageAssist eklentisini kurmaya hazırsınız demektir. Image Assist eklentisi yazı editörünün altına bir link ekleyerek seçeceğiniz fotoğrafın yazı içinde görünmesini sağlar.
Bu sistem standart Drupal editörü ile iyi çalışır ancak farklı bir editör yüklediysek Image Assist eklentisinin yazı içine gerekli kodları gönderebilmesi için bazı işlemler yapmak gerekmektedir. Image Assist eklentisi şu an için TinyMCE 2.1.x editörü ile başarılı bir şekilde kullanılabildiği için yazı editörü olarak bu editörü kullanacağız. Aslında bu eklentiyi TinyMCE 3 ile de çalıştırmak için gerekli patch kodları yayınlanmış durumda ancak henüz bu yamalar gerekli paketlere eklenmediği için biz çalışmamızı TinyMCE 2 ile devam ettireceğiz. Image Assist eklentisi editör ile iletişimi Wysiwyg API üzerinden kurduğu için Alternatif Drupal Yazı Editörü başlıklı yazımda anlattığım şekilde TinyMCE 2.1.x editörünü kurarak işin büyük kısmını çözmüş oluyoruz. Editör kurulumunu tamamladıktan sonra http://drupal.org/project/img_assist adresinden eklentiyi indirip sitemize diğer eklentiler gibi yükleyip aktifleştirmemiz gerekiyor. Unutmadan belirteyim Image Assist eklentisi seçim ekranını oluşturmak için Views eklentisini kullandığı için bu eklentinin de önceden yüklenmiş olması gerekiyor. Drupal'in en sevdiğim özelliği bu. Bir kere Views eklentisinin nasıl kullanıldığını bir kez öğrenmeniz bu eklentiyi kullanan diğer birçok eklentinin de ayarlarını yaparken çok işimize yarıyor.
Image Assist eklentisinin iki imaj ekleme yöntemi var. Birincisi imajı direk bağlantı adresi olarak eklemek, ikincisi ise yukarıdaki ekran görüntüsündeki gibi filtre olarak eklemek. Filtre olarak eklemek üzerinde değişiklik yapmak daha kolay olacağı için daha avantajlı bir seçenek. Normalde yazı içinde bir komut gibi gördüğümüz filtre kodları yazıyı yayınladığımızda imaj olarak görünecektir. Bu özelliği aktif hale getirmek için hangi Girdi Biçiminde Image Assist filtre etiketini kullanmak istiyorsak o Girdi Biçimi için bu özelliği aktif hale getirmemiz gerekir.
Yönetim Panelimizde Site Ayarları > Girdi Biçimleri ayar sayfasına geçtiğimizde eğer daha önceden değiştirmediysek Full HTML ve Filtered HTML adında iki biçim görürüz. Yapmamız gereken yukarıdaki ekran görüntüsünde gösterilen seçeneği her iki girdi biçimi için aktif hale getirmektir. Bu ayarlardan sonra artık Image Assist Filtre etiketleri yazımızı yayınladığımızda imaj olarak görünecektir.
Eğer Alternatif Drupal Yazı Editörü yazımda açıkladığım şekilde Wysiwyg API ile TinyMCE 2.1.x editörünün yüklemesini tamamladıysak şimdi sırada bu editöre ImageAssist butonunu eklemek var.
Yönetim Panelinde Site Ayarları > Wysiwyg ayar sayfasına girerek TinyMCE için oluşturduğumuz profili açıyoruz. Buttons and Plugins ayar grubunu genişleterek Image Assist için oluşan seçeneği işaretliyoruz. Ayarlarımızı kaydettiğimizde TinyMCE editörünün araç kutusunda ilgili buton görünecektir.
Ekran görüntüsünden görebileceğimiz gibi Image Assist eklentisi araç kutusuna geliyor. Image Assist filtre etiketi ile eklenen imajlar boş sarı kutu şeklinde görüntüleniyor. Eklentinin TinyMCE 3 ile çalışacak olan yeni versiyonu düzenleme sırasında bu sarı kutular yerine imajın kendisini de gösterebilecek. Eğer imajları filtre etiketi ile değil de HTML olarak eklerseniz böyle bir sorun olmuyor ancak filtre olarak eklemek önceden de bahsettiğim gibi sonradan imajlar üzerinde değişiklikler yapabilmeyi kolaylaştırıyor. Örneğin pathAuto eklentisini kullandığımız için fotoğraf başlığında değişiklik yaparsak (ki bu arama motorları için faydalı olacaktır) fotoğrafın yolu da bu başlığa göre değişecektir. Eğer ilgili fotoğrafı filtre etiketi olarak kaydettiyseniz ilgili değişiklik otomatik olarak yazı içindeki fotoğrafa da yansıyacaktır. Ayrıca daha sonraki yazılarımda bahsedeceğim LightBox eklentisini de kullanırken fotoğrafları yazı içine filtre etiketi olarak eklemenin de faydalarını göreceğiz.
Image Assist eklentisinin ayarlarını yukarıdaki ekran görüntüsünde tarif edilen şekilde yapabilirsiniz.
TinyMCE üzerindeki butona tıkladığınızda gelen pencereden istediğiniz fotoğrafı seçerek yazı içine ekleyebilirsiniz. Bu pencere Views eklentisi ile oluşturulduğu için Views eklentisinin ayarlarına girdiğinizde seçim için kullanılan görünümün img_assist_browser olarak listelendiğini görebilirsiniz. Bu görünümü düzenleyerek fotoğrafların sıralanması, bir sayfada gelecek fotoğraf sayısı gibi özellikleri değiştirebilirsiniz.
Bir fotoğraf seçtiğinizde fotoğrafın yazı içine nasıl ekleneceğini seçebileceğiniz ikinci bir sayfa daha gelir. Buradan yazı içine ekleyeceğimiz fotoğrafın büyüklüğü, tıklandığında nasıl bir tepki vereceği, ekleme metodu gibi ayarları yapmamıza imkan verir. Örneğin genel olarak Thumbnail ölçüsü yerine başka bir ölçü kullanıyorsak yukarıda ekran görüntüsünü incelediğimiz Image Assist ayarları sayfasından varsayılan olarak seçili gelecek ölçüyü değiştirebiliriz.