Bunuda oturdum bir kaç saat ayırarak wordpress için eklenti haline getirdim. Sadece klasik şekilde eklentiyi indirin twitter-kusu klasörünü ./wp-content/plugins klasörü içine atın ve yönetim paneli > Eklentiler bölümünden etkinleştirin. Daha sonra Ayarlar > Twitter Kusu bölümünden twitter kullanıcı adınızı girin ve kaydedin bukadar

Eklentiyi İndir : http://bencagri.com/dosya/twitter-kusu.zip
Kaynak kodlarına ulaştığım yer : http://code.google.com/p/twitter-bird/

Eklenti ayar bölümünden yapacağınız tercihlerle bunu, sayfalarda, konularda, ve ansayfada gösterebilirsiniz, kaç tane takipçinin görüneceğini belirleyebilir, kaç saniye ekranda kalacağını ayarlayabilirsiniz …

Admin Panel Görüntüsü

Eklenti Demo:

Eklenti Adresi: http://wordpress.org/extend/plugins/twitter-likebox-lightbox-promoter/

3.1 ile gelecek özellikler gözle görünür olmasada özelikle seo ve yönetim panelinde etki gösterecek…

Bildiğiniz üzere wordpress’in en önemli özelliği site içi linkleme ile sayfalarınızı, yazılarınızı birbiri ile bağdaştırarak site içi linkleme ile seo açısından arama motorlarına kendini sevdirmesi
3.1 sürümünde dikkat edilen özelliklerden birisi bu… yazı yazarken bir buton sayesinde daha önce linklediğiniz yazıları görebilecek kolayca tekrar linkleyebileceksiniz.

Bir diğeri ise admin bar. Şöyleki wordpress.com üzerinde bir blogunuz varsa bilirsiniz yönetim barı yularıdadır, 3.1 ile yönetim barı sayfanın yukarısına alınacak

Üçüncü bir özellik ise yazı temaları. Nedir bu yazı temaları peki? Aynen tema yaparken nasıl özel sayfalar, özel kategoriler oluşturabiliyorduk, artık yazılar için de bu özellik aktif olacak

ilk başta göze harici menüler çarpıyor,Ayrıca WordPress ve WordPress MU (çoklu kullanıcı) için tek kurulumda birleştiren bir göç sistemi de var…

Başka özelliklerde var, özellikle konu yazma özelliklerinde…

Daha fazla konuşmadan indirme adresini vereyim detaylı inceleyin

WordPress 3.0 Beta 1 indir

Önemli Not: Güncel sitenizi Beta sürüme yükseltmeyiniz

Bana göre Jquery nin en güzel eklentilerinden bir tanesi. Lazy Load ın ne yaptığı konusunda ilk defa gören arkadaşlar için kısaca bilgi vermek gerekise;

Sitenizde o an sayfa üzerinde bulunan resim dosyalarını yani img tagı ile belirlenmiş olan nesnelerin, hepsini sayfa ile birlikte yüklemektense. Kaydırma çubuğunu dinleyerek sadece aşağıya doğru kaydırdığınızda ekranda görünmesi gereken resimleri anlık olarak yüklüyor…

rtık tasarımları yaparken optimizasyon eskisi kadar önemli bir konumda değil yani 300-500k lık resimleri sitelerde görmek mümkün. İlk yükleme anında tüm bu resim dosyalarını yüklemektense kaydırma çubuğu indikçe önümüze gelmesi gereken resimleri anlık olarak yükletmek çok daha mantıklı. İşte bu işe yarıyor lazy load eklentisi. Sonuç olarak sitenize her giren ziyaretçi tüm sayfanızdaki resimleri yüklemektense göreceği kadarını yüklüyor. Hem sayfanız daha hızlı açılıyor hemde sitenizin bandwidth kotası daha az kullanılmış oluyor.

Faydaları

Günümüzde artık tasarımları yaparken optimizasyon eskisi kadar önemli bir konumda değil yani 300-500k lık resimleri sitelerde görmek mümkün. İlk yükleme anında tüm bu resim dosyalarını yüklemektense kaydırma çubuğu indikçe önümüze gelmesi gereken resimleri anlık olarak yükletmek çok daha mantıklı. İşte bu işe yarıyor lazy load eklentisi. Sonuç olarak sitenize her giren ziyaretçi tüm sayfanızdaki resimleri yüklemektense göreceği kadarını yüklüyor. Hem sayfanız daha hızlı açılıyor hemde sitenizin bandwidth kotası daha az kullanılmış oluyor.

Kullanımı

Lazy Load Jquery Eklentisi ile alakalı güzel bir açıklama nette mevcut ben de sadeleştirerek anlatıyorum kısaca…

1
2

<script src="jquery.js" type="text/javascript"></script>  
<script src="jquery.lazyload.js" type="text/javascript"></script>

yukarıdaki kod yardımı ile Jquery ve eklentinin dosyalarını çağırıyoruz …

1

$("img").lazyload();

ve yine yukarıdaki kod yardımı ile tüm img taglarını yakalıyor ve lazyload();fonksiyonu ile ilişkilendiriyoruz. Kullanımı bu kadar basit…

Ek olarak belirtmek gerekirse şu an benim de blogumda kullandığım WordPress Lazy Load eklentisi de mevcut Admin panelinizin eklenti arama kısmında kolayca indirip etkinleştirebilirsiniz.

Yazıyı Erhan Aslan‘ın sayfasında gördüm, benimde çok kullanmak istediğim birşeydi. Hatta mashable’ın kullandığını gördüm ve eklentiyi de tesadüfen gördüm.. Erhan’a teşekkür ediyorum yayınladığı için

Öncelikle “özel sayfa” tabirinden bahsedeyim biraz. Özel sayfalar şu demek, örneğin blogunuzun bir bölümünü portfolio sayfası yapacaksınız fakat temanız portfolio için uygun değil, yada wordpress ile tasarladığınız sitenize wp-forum gibi bir eklenti kurdunuz, fakat forum sayfasında sidebar olmasın istiyorsunuz.. İşte wordpress’in tema parametrelerini kullanarak kendimize özel bir sayfa yapabiliriz

Şimdi bilmemiz gereken şey şu bu sayfayı hangi amaç için kullanacağız? Ben Forum sayfası örneğini kulanacam bu derste… Şimdi tema klasörünüz içinde bir dosya açın, ismi genis.php olsun,sonrasında ise bize en başta lazım olan kodlar şunlar :

1

Bu kodları dosyanın en başına koyun.. Koydunuzmu? devamı ise çok kolay, page.php dosyasını olduğu gibi kopyalayın altına fakat sidebar’ı kaldırmak için şu satırı silin,

1

Şimdi gelelim kodlarımızın son haline, ben kendi temamda kullanılan kodları yayınlıyorum,sizde farklılık olacaktır muhtemelen:

1

Şimdi burada dikkat edeceğimiz iki husus var, 1- sidebar kodunu kaldırdık, 2-Dikkat ettiyseniz “left” etiketine width=99& atadık,bunu nedeni ise sol sütunun genişliğini yükselttik, çünkü sağ sütunu (sidebar) kaldırmamız tek başına birşey anlam ifade etmiyor..Karşılaştırmalı olarak ucuz uçak bileti resmi sorgulama sitesinde bulabilirsiniz.Alışveriş yapmak için tek uygun yer.Tek yetkilievden eve nakliyat taşımacılık.

Son olarak sayfamızı eklemeye geldi, bunun için WordPress Yönetim sayfasından > Sayfalar > Yeni  Ekle diyoruz, Sayfamızın içeriğini yazıktan sonra  Sağ tarafta “şablon” diye birşey gözünüze çarpacak. Oradan GenisSayfa seçeneğini seçtiğiniz zaman sidebar’ı olmayan bir sayfa oluşturmuş olacaksınız…

Yöntem gayet basit… Sadece oluşturduğunuz dosyanın başına “Template Name: XXX” etiketini yazmak
Örneğini Görmek Blogumda Şu Sayfaya Bakın
Ayrıca Forum örneği verdik, forum için nasıl göründüğünü gösereyim istedim… Forum sayfası >>

Peki ne tür bir özellik katıyor bu personlar? Firefox’un penceresini tamamen istediğiniz şekle sokuyor, yani beyaz veya siyah bir pencere’den daha öteye götürüyor bir nevi tema gibi birşey, fakat orjinal firefox’unuz olduğu yerde kalıyor, temanın ulaşamadığı heryere ulaşıyor (örn: status bar)

Yapmanız gereken, Şu adrese gidip firefox için gerekli eklentiyi kurmak, ve aynı sitede değişik yüzlerce hazır personaları deneyebilirsiniz, eklentiyi kurduktan sonra sitedeki personaları kurmadan deneyebilirsiniz,en güzeli de bu zaten sadece resmin üzerine gelin firefox’unuzun üzerinde nasıl duruyor bakın,sonra “wear it” linkine tıklayın ve firefox’unuz onu giyinsin

WordPress’ciler için ise şu, bu, bu, ve bu hoşuma gitti… Beyaz olsun derseniz sanırım şu en güzeli

Ayrıca söylemeyi unuttum, kendi özel Persona’nınızı da yapabilirsiniz

Benimki şunun gibi görünüyor mesela…(büyük hali için üstüne tıklayın)

Sadece üst tarafı değil alt kısımda değişiyor, fakat bu persona da statik gri yapmışlar orayı

Aralarında kaynak kodları işe yarar temalarda var, grafiksel açıdan hoş temalarda var, bir kaçını alıp ortaya karışık güzel bir tema da yapılabilir aslında

AppCloud Theme

Berita (via ThemeCloset)

Magazeen

Mainstream Theme (via Wootheme)

Rusty Grunge

Obscure WordPress Theme

Paper Wall

Gallery WordPress Theme

Cool Retro

Life Collage

Shalom Typo

Jungleland Theme (via Theme Lab)

Monkeypr Theme (via Queness)

Folio Elements Theme (via Press 75)

SimpleCart(js)

Glassic

Zinepress Theme (via Well Medicatedi)

Futurosity Aperio Prototype

Futurosity Vero (via Theme Meme)

PolaroidPress (via Tutorial9)

H5

Inuit (via CSS Reflex)

Wu Wei

Cardeo Minimal

Album Theme (by Allan Cole)

Mystique (by Digital Nature)

Manifest

Debug Theme (by Joost de Valk)

Calmdream WordPress Theme

Portfolio Theme (via WPESP)

Blog Theme

Mobile Theme (via Carrington Themesl)

Pyrmont V2 Theme (via WP)

Destyle Theme

ImpreZZ