"Çalışmadan, öğrenmeden, yorulmadan rahat yaşamanın yollarını aramayı alışkanlık haline getirmiş milletler, evvela haysiyetlerini, sonra hürriyetlerini ve daha sonra da istikballerini kaybetmeye mahkumdurlar."

Mustafa Kemal ATATÜRK

yakuter


17 Eylül 2006

AjaxWP (Adı Üstünde)

Etiketler: , ,
Kategori Ajax, Genel, Web, Wordpress |

Şimdi anlatacağım konu uzun zamandır aklımdaydı. aYYas'ın da gazıyla anlatayım dedim :D AjaxWP Wordpress'inizi hızlandırmayı amaçlayan ve günlüğünüzü Ajax ile donatan bir sistem. Bunun sayesinde örneğin bir yazıya tıkladığınızda sayfanın tamamı yenilenmez, sadece içeriğinizi görüntülediğiniz kısım değişir. Böyle anlatınca pek anlaşılmıyor sanırım :D Bunu düşünerek buraya kurdum bu sistemi. Adresini verdiğim siteye girip yukardaki "İletişim Formu Eklentisi"ne tıklayarak, sitede arama yaparak veya "AjaxWP’yi Denemek İçin Tıklayın" başlığına tıklayarak AjaxWP'nin neler yapabildiğini görebilirsiniz.

Bu gördükleriniz sakın zor sanmayın. Tam tersine inanamayacağınız kadar basit ;)

KURULUM

  • Şimdi size anlatacağım bir eklenti değildir. Sadece bir kaç dosyayı sitemize göndermemiz ve bir kod eklememiz gerekli.
  • Dosyamızı buradan indirelim.
  • Paketten çıkan dosyalardan ajax-wp.php isimli dosyayı Wordpress günlüğümüzün ana dizinine yani wp-config.php ile aynı dizine yükleyin.
  • Paketin içindeki klasörlerden js klasörünü temamızın bulunduğu klasöre gönderin. (Örn. siteniz/wp-content/themes/temanız/js/ olmalı)
  • Paketin içinden çıkan diğer bir klasör olan images klasöründeki tek resmi (loading.gif) temanızın resimlerinin bulunduğu klasöre gönderin. (Örn. siteniz/wp-content/themes/temanız/images/ gibi birşey olmalı)

Son olarak temamızın header.php dosyasında < head >... < / head > tagleri arasında herhangi bir yere şu kodları ekleyin.

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/prototype.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/prototype-extensions.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/unFocusHistory.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/ajax-wp.js"></script>

<script type="text/javascript">
ajax_wp_updatable_element = "content";
ajax_wp_blog_title = "Sitenizin ismi";
ajax_wp_blog_base_path = "/";
ajax_wp_permalink = "mod-rewrite";
ajax_wp_updatable_element_tag = "div";
ajax_wp_search_field = "s";
ajax_wp_update_mode = "quick";
ajax_wp_loading_image = "http://www.siteniz.com/wp-content/themes/Blix/images/loading.gif";
</script>
<!-- End AjaxWp Code -->

Kodun açıklaması ise şöyle;

ajax_wp_updatable_element = en önemli seçenektir. Sitenizde yazıların yani içeriğin değişmesini istediğiniz div seçicisinin ismini girmelisiniz. Örnekle açıklayayım. Blix temasının index.php dosyasında bizi ilgilendiren kod şu şekildeydi;

<div id="content">
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
 

Bu koda göre belirttiğim yere "content" yazmam gerekiyordu ve dikkat ettiyseniz "div" seçicisi kullanılıyor.

ajax_wp_blog_title = "Sitenizin ismi";
ajax_wp_blog_base_path = sitenizin dizini. Ana dizindeyse / yeterli olacaktır.
ajax_wp_permalink = eğer benim sitemde kullandığınız gibi kalıcı bağlantılarınızı ayarladıysanız (p=12 yerine başlık yazıyor yani) "mod-rewrite" yazmalısınız. Eğer günlüğünüzü kurduğunuz gibi kullanıyorsanız "querystring" yazmalısınız.
ajax_wp_updatable_element_tag = değişen seçicim div seçicisiydi. Sizde de büyük ihtimalle öyledir. Değiştirmeden deneyin.
ajax_wp_search_field = eğer arama kriterinizi değiştirmediyseniz ki %90 değiştirmemişsinizdir burası örnekte verdiğim gibi s kalsın.
ajax_wp_update_mode = burasını değiştirmenize de gerek yok. Ama bilginiz olsun "quick" ve "full-page" değerlerini alabilir.
ajax_wp_loading_image = temanızın resim klasörünün adresini buraya yazın.

Umarım memnun kalırsınız. Bunun bir dezavantajı var ki o da sitenizin url'sini biraz kötü gösteriyor. Gül diken meselesi yani :)

Güle güle kullanın efem...

Not: Paketten çıkan wp-content klasörünü kullanmadık. Kendi temanızı yapmayacaksanız gerek de yok. Daha detaylı bilgi için yetkili siteye bakabilirsiniz.


“AjaxWP (Adı Üstünde)” için 4 Yorum

  • 1 XemBiLL

    Bu özelliği belirli sayfalarda iptal etme şansımız varmı acaba?

  • 2 serkan

    linkler ölü :( ,
    işin ilginci diğer sitelerden bulurum derken, habire bu yazı için copy/paste yapanları gördüm kendi yazmışcasına milletin..
    Eğer elinizde dosya varsa upload etmeniz mümkünmüdür?

  • 3 Enes

    linkler ölmüş. tekrar upload ederseniz çok güzel olur

  • 4 Ahmet

    Anlatımınız için teşekkürler. Çok özendim fakat link ölmüş.

    Tekrar upload edebilir misiniz?


Yorum Yapın

Anket
Ankara'daki günlükçüler (blogcular) buluşmasında eğlence de olsun mu?
Sonuçları Göster
Sitede ara
Bilgi


tracker

yakuter.com © 2006-2008 Erhan Yakut. Tasarım Fallendesign.
Site içerisindeki içerikler izinsiz veya kaynak gösterilmeksizin kopyalanamaz, alıntı yapılamaz.

Wordpress Valid XHTML 1.0 Valid CSS