kodaman.org

2008, WordPress kullanıcıları için çok iyi bir yıl oldu. Yazılım pek çok kez güncellenerek şu anki geçerli sürüm olan 2.7 sürümüne ulaştı ve kendisini WordPress'e adamış pek çok yeni blog faaliyete geçti. Elbette bu sırada bir sürü yeni WordPress hilesi keşfedildi ve bu hileler, bloglarını geliştirmek isyeyen kullanıcılara yardımcı oldu.

Bu makalede size sevdiğiniz bloglama motorunun gizli gücünü açığa çıkarmanıza yardımcı olacak 10 yeni ve kullanışlı WordPress Hilesini göstereceğiz. Her bir hilenin kendine özgü açıklaması da yer alacak, bu sayede sadece ilgili hileyi etkinleştirebilmek için ihtiyacınız olan kod parçacığına sahip olmakla kalmayacak, ayrıca o hilenin nasıl çalıştığını da anlayabileceksiniz.

• 1. AdSense reklamlarını sadece arama motoru üzerinden gelen ziyaretçilere göstermek
  
  
  
  
  Problem: Sitenizi düzenli olarak ziyaret eden ziyaretçilerinizin reklamlarınıza tıklamadığı bilinen bir gerçek... Reklamlarınıza tıklayan ziyaretçilerin %90'ını, arama motorları üzerinden sitenizi ziyaret eden ziyaretçilerin oluşturduğu biliniyor.

Bir diğer problem ise Google'ın "akıllı fiyatlama" tekniği. Akıllı fiyatlamanın bir sonucu olarak tıklanma oranınız düşük oluyor ve tıklama başına kazandığınız oran 2 ila 10 arasında bir rakam ile bölünüyor. Örneğin, eğer bir tıklama size normalde 1 dolar kazandırırsa, "akıllı fiyatlama" ile kazanacağınız bu oran 10 cent'e kadar düşebilir. Üzücü değil mi? Ancak aşağıda detaylandıracağımız çözüm ile reklamlarınız sadece arama motorlarından gelen ziyaretçilere gösterilmesi sonucunda tıklama oranınız daha az gösterime oranla daha fazla olacağından, tıklama başına elde edeceğiniz gelir de artacaktır.

Çözüm:
1. Temanızdaki functions.php dosyasını açın.
2. Aşağıdaki kodu yapıştırın:

1
2
3
4
5
6
7
8

function scratch99_fromasearchengine(){
  $ref = $_SERVER['HTTP_REFERER'];
  $SE = array('/search?', 'images.google.', 'web.info.com', 'search.', 'del.icio.us/search', 'soso.com', '/search/', '.yahoo.');
  foreach ($SE as $source) {
    if (strpos($ref,$source)!==false) return true;
  }
  return false;
}

3. Ardından aşağıdaki kodu, temanızda AdSense reklamlarının görüntülenmesini istediğiniz herhangi bir yere yapıştırın. Bunun sonucuda reklamlar sadece arama motorları üzerinden gelen ziyaretçilerinize gösterilecektir.

1
2
3
4
5

if (function_exists('scratch99_fromasearchengine')) {
  if (scratch99_fromasearchengine()) {
    KODUNUZU BURAYA EKLEYIN
  }
}

Kod Açıklaması: Bu hile scratch99_fromasearchengine() fonksiyonunu oluşturmakla işe başlıyor. Bu fonksiyon, sizin arama motorlarını tanımlayacağınız $SE dizisini de içeriyor. Bu sayede diziye yeni elementler ekleyerek yeni arama motorlarını tanımlamanız mümkün.

• Reklamları sadece arama ziyaretçilerine nasıl gösterebilirsiniz
• Nasıl Yapılır: AdSense'i sadece arama motoru ziyaretçilerinize gösterin

• 2. Birden Fazla Döngülerde Benzer Girdileri Engellemek
  
  
  
  
  Problem: "Dergi" temalarının son zamanlarındaki popülerliği sebebiyle WordPress kullanıcılarının blog ana sayfalarında birden fazla kez kullandıkları döngülerde benzer girdilerin belirmesini engellemeye yönelik çözüm arayışları her geçen gün artıyor.

Çözüm: İşte bu soruna PHP dizilerinden faydalanılarak geliştirilmiş basit bir çözüm:

1. Basit bir PHP dizisi oluşturarak ve tüm yazı IDlerini içerisindeki ilk döngüye dahil ederek işe başlayalım.

1
2
3
4
5
6
7
8
9
10
11

<h2>Loop n°1</h2>

<?php
$ids = array();
while (have_posts()) : the_post();
the_title();
?>
<br />

<?php $ids[]= $post->ID;
endwhile; ?>

2. Şimdi sıra ikinci döngümüzde: in_array() PHP fonksiyonunu kullanarak yazı ID'sinin $ids dizisinde yer alıp almadığını kontrol edelim. Eğer ID dizi içerisinde yer almıyorsa, o zaman ilgili makaleyi döngümüzde gösterebiliriz, zira makale ilk döngümüzde yer almıyordu.

1
2
3
4
5
6
7
8
9

<h2>Loop n°2</h2>
<?php
query_posts("showposts=50");
while (have_posts()) : the_post();
if (!in_array($post->ID, $ids)) {
  the_title();?>
  <br />
<?php }
endwhile; ?>

Kod Açıklaması: İlk döngü çalıştırıldığı zaman, içerisindeki tüm yazıların IDler, bir dizi değişkenine aktarılır. İkinci döngümüz çalıştırıldığında geçerli makalenin ID'sini, birinci döngümüzde yer alıp almadığını, diziye gönderme yaparak kontrol ediyoruz.

• Nasıl yapılır: Benzer yazılar olmadan iki (ya da daha fazla) döngü kullanmak

• 3. "Önceki" ve "Sonraki" sayfa bağlantılarını Sayfa Numaraları ile değiştirmek
  
  
  
  
  Problem: Ön tanımlı olarak WordPress, önceki ve sonraki sayfalara ait bağlantılar içerir. Hiç yoktan iyi olmasına rağmen, WordPress uzmanlarının neden bu bağlantılar yerine sayfa numaralarını öntanımlı olarak kullanmadıklarını anlamıyorum. Elbette blogunuza bu özelliği kazandıracak eklentiler bulunmasına rağmen neden bunu doğrudan temanıza entegre etmeyiniz.

Çözüm: Bu hileyi kullanabilmek için WP-PageNavi eklentisini kullanacağız ve bunu doğrudan temamıza entegre edeceğiz.

1. İlk yapmanız gereken, elbette, eklentiyi indirmek.
2. Eklenti arşiv dosyasını yerel bilgisayarınızdaki bir dizine açın ve wp-pagenavi.php ve wp-pagenavi.css dosyalarını tema dizininize aktarın.
3. Sayfa numaralarının görüntülenmesini istediğiniz dosyayı açın (örneğin index.php, categories.php, search.php, vs.), ve aşağıdaki kodu bulun.

1
2
3
4

<div class="navigation">
<div class="alignleft"><?php next_posts_link('Previous entries') ?></div>
<div class="alignright"><?php previous_posts_link('Next entries') ?></div>
</div>

4. Yukarıdaki kodu aşağıdaki ile değiştirin.

1
2
3
4

<?php
include('wp-pagenavi.php');
if(function_exists('wp_pagenavi')) { wp_pagenavi(); }
?>

5. Şimdi eklenti dosyasını değiştirmemiz gerekiyor. Bunun için wp-pagenavi.php dosyasını açın ve 61. satırdaki aşağıdaki kodu bulun:

1
2

function wp_pagenavi($before = '', $after = '') {
        global $wpdb, $wp_query;

1
2
3

function wp_pagenavi($before = '', $after = '') {
	global $wpdb, $wp_query;
        pagenavi_init(); //Calling the pagenavi_init() function

6. Neredeyse bitti. Yapılacak son şey, wp-pagenavi stil şablonunu blogunuza entegre etmek. Bunu yapmak için header.php dosyasını açın ve aşağıdaki satırı ekleyin:

1

<link rel="stylesheet" href="<?php echo TEMPLATEPATH.'/pagenavi.css';?>" type="text/css" media="screen" />

Kod Açıklaması: Bu hilenin tamamına yakını bir eklenti dosyasını tema dosyasına entegre etmeye dayanıyor. Ayrıca pagenavi_init() fonksiyonunu çağırarak, sayfalamanın düzgün olarak görüntüleneceğinden emin olduk.

• Nasıl yapılır: WordPress temasına sayfalamayı dahil etmek

• 4. Sayfa İçeriğinde İmajları Otomatik Olarak Almak
  
  
  
  
  Problem: Özel alanlar kulanılarak makalelerinizle ilişkili resimleri görüntüleyebilmek gerçekten güzel bir fikir olmasına güzel ama pek çok WordPress kullanıcısı, metne ilişkilendirilmiş resimleri alabilecek bir çözüm arayışı içerisindeler.

Çözüm: Bildiğimiz kadarıyla bunu yapabilecek herhangi bir eklenti bulunmuyor. Ancak aşağıdaki kod parçacığı tam da aradığımız özelliğe ulaşmamızı sağlayacak işi yapıyor: Makale içeriğinde resimleri arıyor ve bulunan sonucu ekranda görüntülüyor.

1. Aşağıdaki kodu temanızda herhangi bir yere yapıştırın.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>

<?php
$szPostContent = $post->post_content;
$szSearchPattern = '~<img [^\>]*\ />~';

// Tüm imajları almak ve sonuçları $aPics 'e kaydetmek için preg_match_all 'ı çalıştır
preg_match_all( $szSearchPattern, $szPostContent, $aPics );

// En azından 1 imajımızın olup olmadığını kontrol et
$iNumberOfPics = count($aPics[0]);

if ( $iNumberOfPics > 0 ) {
     // Şimdi burada imajlarla ilgili yapmak istediğiniz her şeyi yapabilirsiniz.
     // Örnek olması için biz sadece imajları görüntüleyeceğiz
     for ( $i=0; $i < $iNumberOfPics ; $i++ ) {
          echo $aPics[0][$i];
     };
};

endwhile;
endif;
?>

Kod açıklaması: Yukarıdaki kod genel olarak basit bir WordPress döngüsünü içeriyor. Buradaki tek fark, bizim PHP'nin yanısıra yazı içeriğindeki resimlere ulaşmamızı sağlayacak kurallı ifadeler kullanıyor olmamız. Eğer arama sonucunda herhangi bir imaj bulunuyorsa onlar görüntüleniyor.

• Kurallı ifadeler ile WordPress yazı içeriğinden imajları almak.
• Nasıl Yapılır: Yazı içeriğinden imajları almak.

• 5. "Twitter'a Gönder" Düğmesi Oluşturmak
  
  
  
  
  Problem: Twitter kullanıyor musunuz? Eğer öyleyse o zaman ilgili hizmetin ilgilendiğiniz çevrimiçi içeriğin arkadaşlarınızla ve sizi takip eden diğer insanlarla paylaşılabilmesi için ne kadar kullanışlı olduğunu bildiğinizden eminiz. O zaman neden ziyaretçilerinizi, içeriğinizi kendi Twitter hesaplarına tek bir fare tıklaması ile gönderebilmelerini sağlayarak biraz daha fazla ziyaretçi kazanmayalım?

Çözüm: Aslında bu hile çok basit. Tek yapmanız gereken status parametresi ile bir Twitter bağlantısı oluşturmak. WordPress blogu kullandığımız için, sayfa adresini almak için biz the_permalink() fonksiyonunu kullanacağız.

1

<a href="http://twitter.com/home?status=Şunu okuyorum: <?php the_permalink(); ?>" title="Bu sayfayı Twitter'a Göndermek İçin Tıklayın!" target="_blank">Share on Twitter</a>

Kolay değil mi? Kolay olduğu kadar kullanışlı da, en azından bize göre.

• Nasıl Yapılır: "Bunu Twitter'a Gönder" Düğmesi Oluşturmak

• Twitter Araçları

• 6. Kıvrık Alıntılar (Curly Quotes) yerine Normal Alıntılar Kullanmak
  
  
  
  
  Problem: Eğer web sitesinde, çeşitli kod parçacıklarını çok sık paylaşan bir web geliştiricisi iseniz, o zaman şu problemle büyük ihtimalle karşılaşmışsınızdır: Ziyaretçiniz, size, sitenizdeki kodun çalışmadığını söyleyen bir mesaj atar... Neden mi? Özetle, çünkü WordPress, normal alıntıları (quote) "akıllı alıntılar" (smart quotes) adı verilen bir biçime dönüştürür ve bu da yayımlanan kodların işlevselliğini bozabilir.

Çözüm: Bu kıvrık alıntılardan kurtulmak için aşağıdaki adımları uygulayın:

1. Temanızdaki functions.php dosyasını açın... Eğer bu dosya yoksa kendiniz bu isme sahip bir dosyayı tema dizini içerisinde oluşturun.
2. Aşağıdaki kodu yapıştırın:

1

<?php remove_filter('the_content', 'wptexturize'); ?>

Kod Açıklaması: wptexturize() fonksiyonu normal alıntıları akıllı alıntılara dönüştürür. remove_filter() fonksiyonunu kullanarak, WordPress'e bu fonksiyonun yazı içeriğine uygulanmasını istemediğimizi söylüyoruz.

• WordPress blogunuzdaki kıvrık kodlardan nasıl kurtulabilirsiniz?

• 7. Başvuran (Referrer) İsteği Olmayan İstemcilere Yorumu Kapatmak
  Problem: Spam hiç şüphesiz her blogcu için bir problemdir. Elbette, Akismet bize yardımcı olmak için hazır beklerken, blogunuzu spam saldırılarına karşı biraz daha korunaklı kılmayı kim istemez ki? Aşağıdaki kod, wp-comments.php dosyasına erişim uygulandığında referrer'e (sayfanın çağırıldığı adres - başvuran) bakıyor. Eğer bir referrer bulunuyorsa ve bu da sizin blogunuzun adresi ise, yorumun gönderilmesine izin veriyor. Eğer bir referrer bulunmazsa yorum gönderilmiyor.

Çözüm: Bu hileyi uygulamak için aşağıdaki kodu function.php dosyasına dahil edin. Eğer temanız bu dosyaya sahip değilse oluşturun.

1
2
3
4
5
6
7

function check_referrer() {
    if (!isset($_SERVER['HTTP_REFERER']) || $_SERVER['HTTP_REFERER'] == “”) {
        wp_die( __('Tarayıcınızın referrer özelliğini etkinleştirin, ya da, eğer bir spamciyseniz, defolun gidin!') );
    }
}

add_action('check_comment_flood', 'check_referrer');

• Referrer isteği bulunmayanlar için yorumu kapatmak.

• 8. WordPress Navigasyonunda CSS Kayan Kapıları Kullanmak
  
  
  
  
  Problem: Bütünleşik wp_list-pages() ve wp_list_categories() fonksiyonları size pek çok şey yapabilmenizi sağlar, ancak <span> elementini dahil etmenize izin vermez, ki bu elementle iyi bilinen CSS kayan kapılar tekniğini uygularız. Ne şans ki PHP ve kurallı ifadelerin de yardımı ile bu muhteşem tekniği WordPress blogumuzda kullanabiliriz.

CSS kayan kapılara dair rehberlerin sayısının fazlalığı nedeni ile bu tekniğin nasıl çalıştığını burada anlatmayacağız, bunun yerine eğer bu teknikle ilgili daha fazla bilgi sahibi olmak istiyorsanız o zaman bu muhteşem makaleyi okumanızı öneririz. Bu tekniğin kullanıldığı bir örnek projeyi görmek istiyorsanız o zaman buraya tıklayarak ana menüye odaklanın.

1. İhtiyacınız olan imajları oluşturun ve ardından WordPress temanızdaki style.css dosyasını düzenleyin. İşte bir örnek:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

#nav a, #nav a:visited {
  display:block;
}
#nav a:hover, #nav a:active {
  background:url(images/tab-right.jpg) no-repeat 100% 1px;
  float:left;
}
#nav a span {
  float:left;
  display:block;
}
#nav a:hover span {
  float:left;
  display:block;
  background: url(images/tab-left.jpg) no-repeat 0 1px;
}

2. Şimdi de header.php dosyasını düzenlemenin zamanı geldi. Aşağıdaki kodlardan birini ihtiyacınıza göre seçerek kopyalayın. Sayfalarınızı listelemek için:

1
2
3
4

<ul id="nav">
<li><a href="<?php echo get_option('home'); ?>/"><span>Home</span></a></li>
<?php echo preg_replace('@\<li([^>]*)>\<a([^>]*)>(.*?)\<\/a>@i', '<li$1><a$2><span>$3</span></a>', wp_list_pages('echo=0&orderby=name&exlude=181&title_li=&depth=1')); ?>
</ul>

Kategorilerinizi listelemek için:

1
2
3
4

<ul id="nav">
<li><a href="<?php echo get_option('home'); ?>/"><span>Home</span></a></li>
<?php echo preg_replace('@\<li([^>]*)>\<a([^>]*)>(.*?)\<\/a>@i', '<li$1><a$2><span>$3</span></a>', wp_list_categories('echo=0&orderby=name&exlude=181&title_li=&depth=1')); ?>
</ul>

Kod Açıklaması:Bu örnekte echo=0 parametresini wp_list_pages() ve wp_list_categories() fonksiyonu için kullanıyoruz, bu sayede de fonksiyonun sonucunu doğrudan ekrana yazdırmadan alabiliyoruz. Ardından, fonksiyonun sonuçları PHP preg_replace() fonksiyonu ile işleniyor ve sonuç, <li> ve <a> etiketleri arasına eklenmiş <span> ile görüntüleniyor.

• CSS Teknikleri: WordPress Navigasyonu ile Kayan Kapılar Kullanmak

• 9. WordPress Blogunuzda Rasgele Seçilen (Random) İmaj Görüntülemek
  
  
  
  
  Problem: Aslında bu bir problem değil, ancak pek çok WordPress kullanıcısı, bloglarının başlık alanında, sayfa her yüklendiğinde farklı bir resim görüntülemek istiyor.

1. Başlık imajı olarak görüntülenmesini istediğiniz bazı imajları seçtikten sonra onları 1.jpg, 2.jpg, 3.jpg... olarak isimlendirin. İstediğiniz kadar resim kullanabilirsiniz.
2. Resimlerinizi wp-content/themes/sizin_temaniz/images dizinine gönderin.
3. header.php'yi açın ve aşağıdaki kodu yapıştırın.
   

   1 2	$num = rand(1,10); //1 ile 10 arasında bir sayı seçin, burada 10 adet resim kullandığınız varsayılmıştır <div id="header" style="background:transparent url(images/.jpg) no-repeat top left;">

4. Bitti! Blogunuzdaki her sayfa veya makale görüntülendiğinde rasgele seçilmiş bir resim görüntülenecektir.

Kod Açıklaması: Burada zor olan birşey yok. Özetle $num değişkenini PHP rand() fonksiyonu ile birlikte kullanarak 1 ila 10 arasında bir sayı seçtirdik. Ardından sonucu $num değişkeninin sonucu ile birleştirerek onu kullandığımız temanın klasöründe işledik.

• Başlığınızda rasgele seçilmiş resim göstermek

• 10. Zamanlanmış Yazılarınızı Listeleyin
  Problem: Pek çok blogcu gibi okuyucularınızın blogunuzu mümkün olduğu kadar çok ziyaret etmesini ya da RSS beslemenize abone olmasını sağlamak istiyorsunuzdur. Bunu yapabilmenin iyi yöntemlerinden birisi de, ziyaretçilerinizi, gelecekte yayımlanacak olan makaleleriniz hakkında meraklandırmaktır.

Çözüm: Herhangi bir tema dosyanızı açın ve aşağıdaki kodu yapıştırın:

1
2
3
4
5
6
7
8

<?php
$my_query = new WP_Query('post_status=future&order=DESC&showposts=5');
if ($my_query->have_posts()) {
    while ($my_query->have_posts()) : $my_query->the_post(); ?>
        <li><?php the_title(); ?></li>
    <?php endwhile;
}
?>

Kod Açıklaması: Bu kodda WP_Query sınıfını kullanarak oluşturduğumuz özel bir WordPress komutunu, veritabanından son 5 zamanlanmış yazıyı alması için kullandık. Bu işlem tamamlandığında yazı başlıklarını listelemek için temel bir WordPress döngüsü kullandık.

• Nasıl Yapılır: Zamanlanmış yazılarınızı listelemek

Tüm Makale İçin Genel Kaynak: Smashing Magazine