SIMPLE ADS

Bazen ihityacımız olan hazır bir reklam biçimi. Belkide bana reklam için bir iki alan yetiyordur ve yorucu ve zahmetli işlerle bir reklam bloğu oluşturmak istemiyorumdur. İşte böyle bir durumda işinizi kolayca görebilecek bir eklenti SIMPLE AD. Simple ads in kurulumu oldukça basit herhangi bir ek bağımlılıkta istemiyor. sadece buradan eklentiyi indirin ve olağan bir şekilde kurun.

Eklentinin kurulumuyla birlikte yeni bir içerik türümüz daha olacak.

Yapmanız gereken şey buradan bir reklamınızla ilgili bir içerik girmek.
Başlığın hemen altında Ad Group * alanı var. Buradan Reklamımızın tipini seçiyoruz, İçerik için bir reklam mı yoksa Sidebar olanlarımı vereceğiz reklamımız. Buradaki filtreden bu seçimi yapıp hemen ondan sonra gelen alandan da reklamımızın resim reklam mı, flash reklam mı yoksa text reklam mı olduğunu seçip sonrasında Reklamın geçerlilik süresini başlangıç ve bitiş tarihlerini girerek ayarlıyoruz  ve içeriğimizi kaydediyoruz. Fakat içeriğin yayında olmasına dikkat ediniz. 

Ben reklamımı Resim olan bir sidebar reklam niteliğinde yaptığım için bu şekilde anlatacağım, 

• add group tan sidebar ads i seçip
• add type dan ise İmage add i seçtim.
• eklemek istediğim reklamın resmini yükledim.
• bir url ye göndermeyeceğim dlayısıyla altttaki link kısmını boş bırakıyorum fakat siz bir adrese gönderecekseniz buraya ilgili adresi yazınız.
• Active Date ye ​now yazıp reklamın hemen başlamasını sağlıyorum
• End Date ye de next monday yazarak reklamın bir aylığına kalıcı olmasını sağladım

Ve içeriğimi kaydettim.

Şimdi yapmam gereken şey block safasına giderek reklamımın hangi blok bölgesinde görünmesini istiyorsam oraya yerleştirmek, Fakat bir iki daha ayar yapmamız gerekecek.
Evet structure>Blocks adresine gidyorum ilgili bloklarım içerisinde etkin olmayanlarda;

Advertisement Block: Sidebar Ads İsimli bir BLock var bu bloğu isitediğim bir sidebarda gösteriyorum. Ben side bar second ı seçip kaydeiyorum siz başka bir yerde tercih edebilirsiniz.

Kaydettikten sonra block un ayarlarına giriyorum, hımmm yeni ayar alanları var, bunlar;

1. Number of ads to display 
2. Advertise page
3. Ad width
4. Ad height
5. Ads order

alanları.

1 numaralı alanla görüntülenmesini istediğim reklam adedini seçiyorum
2 numaralı alanla reklam sayfasını gösteriyorum
3 numaralı alanla reklamıma istediğim bir genişlik ve 4 numaralı alanla ise bir yükseklik belirliyorum.
Adds order alanı ile de reklamların sıralanma şeklini seçiyorum.

İsterseniz block ayarlarında reklamın istediğiniz bir sayfada görüntülenmesi içinde ayarlamalar yapabilirsiniz.

Bir daha ki dersimizde görüşmek üzere...

CKEDITOR KURULUMU

Drupalde En iyi yazı editörlerinden biride şüphesiz CKEditor. Aslında pek bilinmeyen bir eklenti değil fakat, bir arkadaşımın CKEditörü WYSIWYG editörü üzerinden kurmaya çalıştığını görünce böyle bir ders hazırlamaya karar verdim. CKEditörü şuaradaki sayfadan indirin ve ayrıca CKEditörün JS dosyasını da şuradan indirin. Modulü zipten all/modules kalsörüne açtıktan sonra yapmanız gereken şey indirdiğimiz js dosyasınıall/modules/ckeditor klasörünün içine bir tane daha ckeditor adında klasör oluşturup indirdiğimiz ckeditor js dosyasını zipten bütün dosyalarıyla birlikte yeni oluşturduğumuz ckeditor klasörünün içine çıkarmak. Bu işlemleri tamamladıktan sonra modülü kurabiliriz. Eğer js dosyasını ilgili yere çıkarmadan önce kurulumu yaparsanız, ckeditor js dosyasını görmüyor ve dolayısıylada çalışmıyor.

Eğer kurulumunuz bittiyse ckeditörün ayarları ile ilgili sayfaya admin/config/content/ckeditor adresinden ckeditorün ayar sayfasına girininiz. Otomotik olarak FilteredHTML ve FULL HTML metin biçimleri için ayarlanmış olan CKEditorün ayarlarını buradan istediğiniz gibi ayarlayabilirsiniz.

Bu sayfada;

PROFİLES

Adavanced
Full

diye iki seçenek göreceksiniz. Bu profillerin hemen yanında edit clone delete linklerini göreceksiniz. edit diyerek istediğiniz profili düzenleyebilirsiniz yada eğer isterseniz yeni bir profil de oluşturabilirsiniz.

Biz edit diyerek varolan advanced profiilini düzenleyelim böylece yapmamız gerekneler hakkında hem bilgi sahibi oluruz hemde zaten hazır olarak kullanımda olan bu profilleri istediğimiz gibi yapılandırabiliriz.

Evet gördüğümüz ilk ayar BASIC SETUP. 

 Basic Setupun ayarları sadece ilgili metin formatını seçmekle ilgili. Oluştutulan profilin hangi metin tiplerinde geçerli olmasını istiyorsak o metin tiplerini işaretleyerek işlemi tamalıyoruz

İkinci ayarımız ise SECURITY bu alanı isterseniz geçebilrisniz. burada izin verilecek olan html etiketlerine göre bir güvenlik oluşturuyorsunuz, Advanced için filtered html seçili olduğuna ve bu metin türü içinde izin verilen html etiketleri ayarlı olduğuna göre sıkıntı yok.

Üçüncü ayarımız EDITOR APPEARANCE. 

Burası bizim html editörümüzün arayüzünde hangi elemanları kullanmak istiyorsak onunla ilgili ayarlamaları yapacağımız yer. Burada benim ilk gözüme çarpan User interface color seçeneği. buradan editörümüzü temamıza uygun bir renk ile ilişkilendirip tema bütünlüğünü sağlayabilirsiniz. Hemen altında ise TOOLBAR kısmını göreceksiniz. Burada sürükle bırak yöntemiyle kullanmak stediğiniz butonları yazı editörünüze ekleyip çıkarabilirsiniz.

Aslında bu kadar uzun boylu anlatmak istemiyordum. Eğer diyer ayarlarla ilgili sorularınız olursa buradan mesaj yoluyla sorabilirsiniz. İşin doğrusu hem uzun bir yazıyla sizleri sıkmak istemiyorum hemde zaten yeterli bir ayarlama yapmış olduğumuzu düşünüyorum. Diğer dersimizde görüşmek üzere.

colorbox node ve menu attributes 2

Diyelimki bir düğüm içerisinde bir kelimeye colorbox ile açılan bir link vermek istiyorsunuz (bu hakkımızda ve bunun gibi statik sayfalarda işinize yarayabilir.) o zaman  yapacağınız iş birmenüye link vermekten biraz daha farklı olacaktır. Farklı dediysem gözünüz korkmasın birazcık HTML biliyorsanız kesinlikle yapabilirsiniz hatta buradaki yazıyı kopyalayım size göre biçimlendirerekde işlemi bitirebilirsiniz.
Evet şimdi hazırda bulanan bir içeriği düzenle diyin.
Şimdi diyelimki benim düzenleyeceğim içerik şu şekilde;

Scelerisque augue integer elementum et? Dolor nisi! Tincidunt diam turpis! Elementum nisi. Lectus urna ut cursus tincidunt? Sed? Penatibus platea! Eros elementum dis lectus eu facilisis mus, integer, urna sociis tincidunt ut in cursus pulvinar in, a et elementum turpis? Dictumst ut. Et magnis cum massa dis enim quis, cursus, mid dictumst! Purus pid! Penatibus ultrices augue adipiscing a ac, in sit quis? Mus turpis turpis. Sit? Sit tortor cras, adipiscing aenean penatibus aliquet montes natoque. Dapibus enim? Pellentesque placerat. Ac est quis scelerisque. A augue mattis eu adipiscing pulvinar, porttitor phasellus facilisis non dignissim sagittis facilisis enim platea est scelerisque duis? Vel. Et duis elit diam, ridiculus? Purus sed scelerisque ridiculus non dignissim augue integer mid, magnis, sit dapibus.

ve ben bu içerik içerisinden ilk kelime olan Scelersque ' ye link vermek istiyorum.
(Bu işlemi yaparken filtered html yada full html in seçili olmasına dikkat ediniz.)

kelimenin başına <a class="colorbox-node" href="node/1?width=600&height=600"> etiketini yazıp sonunada </a>  yazarak işimi bitirmiş oluyorum.

Yani sizin içeriği kaydetmeden önceki son görünümünüz şu şekilde olmalıdır

 <a class="colorbox-node" href="node/1?width=600&height=600">Scelerisque </a>augue integer elementum et? Dolor nisi! Tincidunt diam turpis! Elementum nisi. Lectus urna ut cursus tincidunt? Sed? Penatibus platea! Eros elementum dis lectus eu facilisis mus, integer, urna sociis tincidunt ut in cursus pulvinar in, a et elementum turpis? Dictumst ut. Et magnis cum massa dis enim quis, cursus, mid dictumst! Purus pid! Penatibus ultrices augue adipiscing a ac, in sit quis? Mus turpis turpis. Sit? Sit tortor cras, adipiscing aenean penatibus aliquet montes natoque. Dapibus enim? Pellentesque placerat. Ac est quis scelerisque. A augue mattis eu adipiscing pulvinar, porttitor phasellus facilisis non dignissim sagittis facilisis enim platea est scelerisque duis? Vel. Et duis elit diam, ridiculus? Purus sed scelerisque ridiculus non dignissim augue integer mid, magnis, sit dapibus.

WYSIWYG editörlerinden birini kulanıyorsanız o zman seçli olan kelime ye link ekle diyip çıkan bencerede link kısmına node/1?width=600&height=600 bunu ve orada bulunan css class kısmınada colorbox-node yazın ve kaydedin.

Evet işlemimiz bu kadar basit. Bu işlemi eğer isterseniz blok olarak ta yapabilirsiniz böylece login formunu kullanıcı kayıt formununu şık bir şekilde sunabilirsiniz.

Örnek olarak hazırladığım resimler:

Evet arkadaşlar işlemimiz bu kadar sorularınız için lütfen mesaj yazınız.

colorbox node ve menu attributes

Colorbox eklentisini bilmeyeniniz yoktur fakat colorbox ile düğümleride gösterebileceğinizi biliyor muydunuz? Yada diyelim popup şeklinde açılan kullanıcı kayıt formu yada login formu hoş bir görüntü olabilir değilmi. Eğer bilmiyorsanız yada bu konu hakkında yardıma ihtiyacınız varsa ahada yetiştim arkadaşlar.
yapacağımız bu uygulama sayesinde iki eklentininde hem ne işe yaradığını hemde özelliklerinin ne olduğu hakkında bilgi edineceksiniz, geliştirmek ve daha farklı biçimlerde kullanmak sizlerin marifetine kalmış.Şimdi isterseniz başlayalım artık.

Tabiki ilk önce colorbox eklentisini indirmeniz gerekiyor, bunun yanında colorboxun js dosyasını da indirip sites/all/libraries klasörüne atın. Artı olarak bir kaç modül daha kuracağız, bu modüller Colorbox Node ve menu attributes. Bu Bilgileri verirken sizin modülleri nasıl kurduğunuzu bildiğinizi varsayarak anlatıyorum. Eğer bilmiyorsanız lütfen mesaj yazın elimden geldiğince yardımcı olacağım. Neyse konumuza geri dönelim. Colorbox un js dosyasını libraries klasörüne attıktan sonra modülleri kurun. Kuararken herhangi bir bağımlılık isterse yani başka bir modülün daha onuda kurun eğer libraries modülü etkinse sıkıntı çıkmayacaktır.

Modülleri indirdiniz ve kurdunuz şimdi sıra geldi yapmamız gereken işlemlere.
Asıl olarak yapmamız gereken şey colorbox un css classını kullanmak. Gerisi zaten oldukça basit.

Yönetimi tıklayın ve colorbox un ayarlarına girin orada zaten açıkça anlatılmış olan şu yazıyı göreceksiniz.

Sıra geldi yapmamız gerekn işlemlere diyelim ki bir içeriğiniz var ve bu içeriği colorbox ile göstermek istiyorsunuz. istediğiniz bir menü ye yeni menü olarak ekleyeceksiniz. İşte MENU ATTRİBUTES burada devreye giriyor menu attributes menü öğelerini istediğiniz şekilde biçimlendirebilmeniz için size çok değişik seçenekler sunar. Bunlardan biriside istediğiniz menu öğesine başka bir class atamaktır. Bu sayede bir çok değişik renkte linkler oluşturabilirsiniz mesela ama biz burada coorboxun classını kullanarak düğümleri bir colorbox pencere içinde göstereceğiz.

 Var olani bir içeriğimi bir colorbox pencerede göstreceğim. bunu için önce bir menüye bağlantı ekleyeceğim. Ben bir menüye atıyorum fakat siz isterseniz bir düğüm içinde geçen bir kelimeyede bunu uygulayabilirsiniz seçim size kalmış. Menü öğesini artık oluşturalım.

structure>menus>main menu(ben bu menüyü tercih ettim)>add link itıkladığınızda artık menu attributesin marifetini görebilirsiniz. Oda ne! İstediğiniz gibi ayarlama yapabileceğiniz bir sürü yeni özellik gelmiş.

Burada menü eklerken iki şeye dikkat edeceğiz. Birincisi adresi naıl yazmamız gerektiği ikincisi ise kullanacağımız class.

Evet arkadaşlar bu iş için oluşturduğum ilk içeriğin linki şu şekilde 127.0.0.1/denemeler/node/1

Bu içerik için ana menüde oluşturacağımız linke bir sim verdik link kısmına ise ben 

node/1?width=1024&height=600 

şeklinde bir link veriyorum buradaki amacım açılacak olan pencerenin boyutlarını belirlemek, yani colorbox açıldığında 1024 px lik bir genişlik ve 600 px lik bir yüksekliği olsun istiyorum siz bunları kendi ihtiyaçlarınıza göre şekillendirebilirsiniz. Evet sıra geldi classımızı atmaya işte burada colorboxun colorbox-load clasını kullanacağız. menu attributes ile gelen yeni alanlardan class bölümüne colorbox-load yazın ve kaydedin. Ana sayfaya gelin ve linki tıklayın EVET OLDU! Fakat bir problem var bütün bir sayfayı gösyeriyor sadece düğümü değil! Evet arkadaşlar burada yapmamız gereken şey 

sites>all>themes>(temanız)>

içerisine girmek ve burada bir colorbox--node.tpl.php dosyası oluşturmak. node.tpl.php dosyasını içeriğin kopyalayın ve colorbox--node.tpl.php dosyasını içine kaydedin buradada görünmesini istemediğiniz alanları silin böylece sadece düğümün görünmesini sağlayabilirsiniz.

Yok arkadaş. ben bunlarla uğraşamam derseniz bir menüye bağlamayı unutun size düğüm sayfası ve blok verelim.

Buradan sonraki kısmı colorbox node  ve menu attributes 2 isimli yazımızda bulabilirsiniz.