Yaklaşık bir aydır sitenin sağ tarafında Not Defteri adlı bir bölüm var. Siteyi rssden değil de tarayıcıdan takip edenler büyük ihtimalle fark etmiştir. Bir kaç okuyucum da bunu nasıl yaptığımı anlatmamı istediler. Bölümü açtıktan zaten anlatacaktım ama günlük işler arasında aklımdan çıkmış. Bu yazıda blogunuzda kısa yazıları paylaşabileceğiniz bir bölümü nasıl yapabileceğinizi anlatmaya çalışacağım.

Öncelikle bu işin iki yönü var. Birisi programlama diğeri tasarımla alakalı. Programlama kısmını “Miniposts” adlı şahane Wordpress eklentisi ile, tasarım kısmını da bir kaç css kodu ile yapabilirsiniz. İsterseniz adım adım anlatalım.

Eklentinin Kurulması

Yukarıda bahsettiğim gibi bu iş Miniposts adlı Wordpress eklentisinin marifeti. Eklentinin sayfasına buradan göz atabilir ve eklentiyi indirebilirsiniz. Hemen hatırlatayım eklentinin çalışması için Wordpress temanızın widget destekli olması gerekiyor. (Temanızın widget desteği yoksa buraya bakın)Eklentiyi indirdikten sonra sıkıştırılmış dosyadan çıkarıp Wordpress’in plugin dizinine atıyoruz. Eklentimizi yönetici ekranındaki eklentiler kısmından aktif hale getiriyoruz. Tercihler kısmından Miniposts sekmesine tıklayarak ayarları yapıyoruz. Ayarlarda yazacağınız küçük yazıların normal sayfada yazıların arasında çıkıp çıkmayacağını, sitenin ana beslemesinde (rss) yer alıp almayacağını, kutuda kaç yazı gösterileceğini seçebiliyorsunuz. Ayrıca ayarlardan yazıların nasıl gösterileceğine dair diğer ayarları da yapabilirsiniz. Bizim örneğimizde yazıları ana sayfada gösterme seçeneği işaretli. Ayrıca kısa yazıları rss beslemesine eklerseniz de iyi olur.

Daha sonra Wordpress yönetim bölümünden tema yönetimine oradan da bileşenler kısmına girin. Eklentiyi doğru bir şekilde kurduysanız bileşen havuzunda Miniposts bileşenini görmeniz gerekiyor. Miniposts bileşenini sürükleyerek temanızda istediğiniz bölüme yerleştirebilirsiniz. Burada bir püf noktası var. Eğer Miniposts için ayrı bir widget bölümü ayırırsanız css biçimlemesi daha kolay olur. Örneğin temanızda iki tane veya bir tane widget kolonu varsa bir kolon da Miniposts için ekleyin. Bu kolonu isteğe göre var olan kolonların üstüne, altına veya yanına koyabilirsiniz. Herkesin temasındaki yapı farklı olduğu için burada kesin bir şey söyleyemiyorum. Yeni bir widget kolon yapısı oluşturmayı bilmiyorsanız var olan kolon dosyasını kopyalayın değişik bir adla kaydedin. Sonra üzerinde değişiklikler yapabilirsiniz.

Bu işlemlerden sonra Miniposts kutusu boş olarak sayfanızda yer alacaktır. Miniposts kutusuna yazı eklemek için Wordpress’in yazı yazma kısmına girin. Sağ menüde Miniposts ayar sekmesini göreceksiniz. Yazınızı yazdıktan “This is a mini post” yazan seçme kutusuna tıklayın. Yazıyı yayınladığınız zaman yazının normal yazıların bulunduğu bölümde değil de Miniposts kutusunda çıktığını göreceksiniz.

Buraya kadar şunları yaptık: Eklentiyi indirip kurduk, bileşenlerden Miniposts kutusunu a var olan bir kolona veya yeni oluşturduğumuz bir kolona ekledik. Miniposts kutusunu sayfamızda görüntüledik. Bu işlemler başarıyla sonuçlandıysa işin büyük bir kısmını halletmiş oluyoruz. Gelelim Miniposts kutusunu süslemeye…

Css Hareketleri

Temanızın style.css dosyasında eğer Miniposts kutusunu var olan bir widget bölümüne koyduysanız bir yerde, yeni bir kolon açtıysanız iki yerde değişiklik yapacağız. Yeni kolon açtığınızı varsayarak devam ediyorum. Yeni kolona verdiğiniz isimle bir css bölümü açın. Örneğin kolona sidebar2 ismini verdiyseniz style.css dosyanızda #sidebar2 şeklinde bir bölüm açın. (Kabaca tasvir etmek gerekirse bir bölüm açıp içine Minipost kutusunu koyduk.) #sidebar2 kısmından ana çerçevenin boyutunu ve diğer özelliklerini girebilirsiniz. Eğer bu sayfadaki gibi bir not defteri veya post-it görüntüsü kazandırmak isterseniz #sidebar2 bloğunun arka plân özelliğini kullanabilirsiniz. Örnek bir css kodu şöyle olabilir:

#sidebar2 { width:300px; height:350 px; background:url(images/minipost_arka.jpg);  }

Diğer ayarlar için de Miniposts adında bir css sınıfı oluşturalım. Miniposts kutusunun içini de buradan biçimlendirebiliriz. İşte örnek kod:

.miniposts {margin:5px; font-family: Georgia, Sans-serif; font-size: 12px; text-align:left;}

Eğer Miniposts kutusunu var olan bir kolona koyduysanız birinci kodu es geçip sadece ikinci kodu kullanabilirsiniz. Gerisi sizin css yeteneğinize kalıyor. Css konusunda bilgisi olmayanları buraya alalım.

Sonuç

Eğer bütün işlemler başarılı olduysa artık sizinde sayfanızda kısa yazıları kolayca yayınlayabileceğiniz hoş görünümlü bir kutunuz olacak. Miniposts kullanımı hakkında bir kaç ipucu vererek yazıyı bitiriyorum. Miniposts yazılarınızı ana rssden ayırmadıysanız çok fazla yazı yazmanızı tavsiye etmem. Düzenli olarak günde iki veya üç küçük yazı yazmanız bir kerede yazacağınızı 10 yazıdan daha faydalı ve etkileyici olacaktır. Miniposts adı üzerinde kısa yazılar için oluşturulmuş bir eklenti. Dolayısıyla bu yazıları kısa tutmak racona uygun olacaktır. Bu yazılarda keşfettiğiniz güzel linkleri, siteleri yayınlayabileceğiniz gibi bu kutuyu Twitter alternatifi olarak veya bir bildirim kutusu olarak da kullanabilirsiniz.

Mahçup Not: İtiraf etmek gerekirse bu yazı benim için zor bir yazı oldu. Kendim yaparken bu kadar zorlanmadım. Açıklayamadığım bir nokta varsa lütfen kusura bakmayın. Yaşadığınız sorunları iletirseniz çözmek boynumun borcu olsun. Ayrıca uzmanı olamadığım css ve diğer teknik konularda haddim olamayarak ahkâm kestiğim için konunun üstatları beni affetsin :)