Wordpress’i daha verimli kullanmak için ipuçları

Uzun süredir Wordpress konusunda yazmıyordum. Şu sıralar boş zamanlarımı daha çok Wordpress Türkiye ‘nin yeni temasına ayırıyorum. Bu aralar birkaç kişiyle paylaştığım ipuçlarının derli toplu birarada olması gerektiğini düşündüm. Wordpress’i daha verimli ve etkili kullanabilmek için sağlam ve işini hakkıyla yapan onlarca eklenti mevcut. Benim ise anlatmak istediğim eklentilerden ziyade ufak ipuçları ve kod düzenlemeleri ile işinizi kolaylaştırmak;

Wordpress 2.6 ve sonrası için resim ekleme sorunu:

Wordpress 2.6 ve sonrasında resim veya fotoğraf eklerken problemler yaşayabilirsiniz. Bunun sebebi artık yazılarınıza resim eklerken bunun belirli bir sınıf (class) tanımlamasının içerisinde yapılıyor olması. Eğer temanızın stil dosyasında (style.css) bu sınıfı tanımlayan kodlar yoksa resmi sağa veya sola yanaştırdığınızda istediğiniz gibi olmayacaktır.

Bunu düzeltmek için temanıza ait style.css dosyasına aşağıdaki kodları eklemeniz yeterli olacaktır.

img.alignleft, div.alignleft {
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright {
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncentered, div.aligncentered {
text-align:center;
margin:0 auto;
}

Blogunuz için yazdırma biçimlendirmesi kullanın:

>Blogunuzdaki bir yazının çıktısını alınmak istendiğinde ekranda görülenden çok daha karmaşık bir şeyle karşılaşıyor olacaksınız. Sayfanıza gidip tarayıcının yazdırma önizleme menüsüne bakın. Yazdırma için daha farklı bir biçimlendirme kullanarak yazıyı önplana çıkartabilir, başlık, altkısım, resim, reklam, sidebar gibi elemanları bu çıktının dışında tutmak isteyebilirsiniz.

Bunun için yapmanız gereken tema dizininde print.css adında ayrı bir stil dosyası oluşturmak ve bunu temanıza tanıtmak. Temanıza tanıtmak için header.php dosyasındaki head kısmına aşağıdaki kodları ekliyorsunuz.

<head>
...
<link type="text/css" media="print" rel="stylesheet" href="<?php bloginfo('template_url'); ?>/print.css" />
...
</head>

En basitinden bir print style dosyasına örmek için kendi blogumda kullandığım kodları buraya ekliyorum. Yazdırılmasını istemediğiniz elemanları, kısımları veya sınıfları {display: none;} ile iptal ediyoruz. Bu sayfanın yazdırma önizlemesine baktığınızda söylemek istediğimi daha net anlayacaksınız.

body {
  font: 115% lucida sans unicode, arial, sans-serif;
}
#pagehead, #pagenav, #footer, #sidebar, #sidelist,
#commentform, #respond {
  display: none;
}
#content, #page {
  width: 100%; margin: 0; float: none;
}
a:link, a:visited {
  color: #000000
}

Yazılarınızı ve yorumlarınızı hızlıca düzenleyebilmek için:

Bunun için yapmanız gereken – eğer yoksa – yazı başlıklarının hemen yanına bir düzenleme linki yerleştirmek olmalı. Bu linkleri sadece yetkili kullanıcılar görebilir, ziyaretçiler göremez. Yeni admin veya editor olarak giriş yaptığınızda size görüneceklerdir.

Yazılarınızı çabuk düzenleyebilmek için yazı başlığını gösteren the_title() kodunun yanına, aşağıdaki şekilde ekleme yapıyoruz;

<?php the_title(); ?><?php edit_post_link(); ?>

Ben ise daha zarif olsun diye şu kodu kullanıyorum;

<?php the_title(); ?><?php edit_post_link(' ~e','',''); ?>

Eğer yoksa yorumları düzenleme bağlantısını

<?php edit_comment_link(__(" ~e"), ''); ?>

kodunu comment.php deki döngünün içerisine koyabilirsiniz. Uygun bir yer olarak zaman bilgisinin verildiği comment_date() ya da comment_time() kodunun hemen yanı olabilir.

RSS Beslemele bağlantılarınızı kontrol edin:

Blog kullanan birçok kişi RSS beslemelerini Feedburner üzerinden vermekte ve blogunda da bunu bir ikon veya link ile kullanıcılara bildirmekte. Fakat blogunuzdaki RSS linki sadece bu değil firefox’da adres çubuğunun sağındaki rss beslemesi (IE de araç çubuğu üzerinde çıkıyor.) ve çoğunlukla temaların orjinalinde alt kısımda bulunan RSS linkleri de var. Bunların da Feedburner RSS linkine sahip olması istatistik açıdan daha verimli olacaktır.

Blogunuzun orjinal RSS beslemesi header.php ve/veya footer.php de aşağıdaki şekilde kodlanmıştır.

<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Beslemesi" href="<?php bloginfo('rss2_url'); ?>" />

Burada href ile verilen bağlantıyı kendi feedburner bağlantınızla değiştirmeniz yeterlidir. Örneğin bu blog için

<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Beslemesi" href="http://feeds.feedburner.com/hakkiceylan" />

Yazı sürümlerini kaydetme özelliğini kapatmak:

Wordpress 2.6 ve sonrası için gelen bir özellik yazı sürümlerini kaydetme, bunu kapatmak istiyoruz çünkü birçok kişisel blogda veritabanın şişirmekten başka bir işe yaramıyor. Yeni versiyonda ayarlar kısmından bu işlemi açıp kapatmayı ekleyeceklerini umuyorum.

Kapatma işlemini kök dizindeki wp-config.php dosyasının içerisine aşağıdaki kodu ekleyerek yapıyoruz.

// Yazı sürümlerini kaydetme işlemini kapatmak için
define('WP_POST_REVISIONS', false);
Eğer bu yazımı beğendiyseniz, RSS kullanarak tüm yeni yazılarımdan kolaylıkla haberdar olabilirsiniz. Gmail hesabınız varsa burası ve tüm beğendiğiniz siteler için Google Reader sistemini kullanabilirsiniz.

55 Yorum var

  1. MiM diyor ki:

    Faydalı bilgiler için çok teşekkür ederim.

  2. hakan nural diyor ki:

    faydalı bilgiler teşekkürler…

  3. yakuter diyor ki:

    Çok değerli bilgiler içeren güzel bir yazı. Ellerine sağlık…

  4. [...] Hakkı Ceylan: Wordpressâ??i daha verimli kullanmak için ipuçları »» [...]

  5. [...] dosyalarınızı düzenleme bilgisine sahipseniz, Hakkı Ceylan‘ın yayınladığı “WordPress’i daha verimli kullanmak için ipuçları” adlı yazısındaki “RSS besleme bağlantılarınızı kontrol edin” başlıklı [...]

  6. Volkan Görgülü diyor ki:

    Çok değerli bilgiler içeren bir paylaşım, teşekkürler.

    Bu yazıyı okuyana kadar FeedBurner yayını yönlendirmesi için FeedBurner FeedSmith adlı eklentiyi kullanıyordum ama tema dosyalarını düzenleme bilgisine sahip geliştiriciler için böyle bir eklentiye gerek olmadığını öğrendim :)

    Bir eklentiyi kullanmadan evvel, araştırmak lazım acaba eklentiye gerek kalmadan biz bir şekilde yapabilirmiyiz, yapamazmıyız.

  7. müJdaT diyor ki:

    Bİlgiler için teşekkürler. Gerçekten işime yaradı. Birde bazı temaların artık Feedburner özelliği olduğu için feedburner adresine otomatik yönneldirme yapıyor bu tür özelliklere sahip temalarda zamanla çoğalır.

  8. ibrahim çınar diyor ki:

    özellikle son bilgi çok önemli. Yazı sürümlerini kaydetme özelliğini kapatın hostçularla papaz olmayın sonra.

    bilgiler için teşekkürler.

  9. ibrahim çınar diyor ki:

    yazı sürümünü kapatmak için şu kodu kullanın :

    define( â??AUTOSAVE_INTERVALâ??, 600 );
    define (â??WP_POST_REVISIONSâ??, 0);

  10. [...] uygun hale getirmek için style.css dosyanıza şu kodları eklemeniz gerekmektedir: img.alignleft, div.alignleft { float:left; margin:0 0.5em 0.5em 0; } [...]

  11. Uğur Samsa diyor ki:

    Yazı yanına düzenle linki ekleme kodu işime yaradı. Çok teşekkürler.

    diğer ayrıntılar da çok önemli. Sağ olun.

  12. HC diyor ki:

    Sevindim :) rica ederim.

  13. mikro-pc diyor ki:

    elinize sağlık, gerçekten sade ve başarılı bir yazı olmuş… gösterişten ve ben biliyorumdan uzak ama bir o kadar da bilgi dolu olan okuduğum nadir yazılardan birisi…

  14. Berkan diyor ki:

    Teşekkürler kendi sitemde kullandım..
    Allah harbiden razı olsun berkankaradag.com örnek olarak..

  15. hakan diyor ki:

    define(‘WP_POST_REVISIONS’, false);

    kodunu kullanarak yazı sürümlerini kaydetmeyi kapattık. bende panelde böyle bir ayar var mı diye bakmıştım. Fakat daha önce kaydettiklerini nasıl silebilirim ? Ayrıca, ben şimdiye kadar spam yorumları istenmeyen olarak işaretle diyordum. Fakat onlarda datebasede fazla yer kaplamaya başladı. Bunları nasıl silebilirim ?

    Yardımcı olursanız çok sevinirim.iyi çalışmalar

  16. HC diyor ki:

    @hakan, veritabanı üzerinden silmeniz gerekecek ama bence uğraşmayın çok fazla yer kaplamazlar, spam yorumlar ise zaten işaretledikten 15 gün sonra otomatik olarak siliniyorlar.

  17. hakan diyor ki:

    öncelikle cevabınız için teşekkürler, müsadenizle son olarak bişey sormak istiyorum.

    Bunun sebebi artık yazılarınıza resim eklerken bunun belirli bir sınıf (class) tanımlamasının içerisinde yapılıyor olmas

    Burada verdiğiniz kodları css dosyama ekledim fakat yeni sürümlerle beraber gelen bir ayrıntı daha var.

    Resimlere tanım veya isim ekleyebiliyoruz.bu da çerçeve şeklinde çıkıyor.

    caption id=attachment şeklimde

    Yani demek istediğim şu :

    http://img149.imageshack.us/my.php?image=captured2jd3.jpg

    http://img134.imageshack.us/my.php?image=captured1mj7.jpg

    fakat bu çerçeveler bende çıkmıyor, bunun için css dosyasına veya temaya hangi kodları eklemeliyiz ?

  18. HC diyor ki:

    @hakan, dilediğiniz şekilde gösterebilmek için style dosyanızda .wp-caption şeklinde bir class tanımlamanız gerekiyor. http://codex.wordpress.org/CSS bu adreste olan kodları kullanabilirsin.

  19. E. Ali diyor ki:

    Aradığım bilgilerdi. Çok teşekkür ederim.
    Ben şimdi yeni tema yapıyorum. Neredeyse tamamlandı ama bir şeyi beceremedim:
    yazı içinde reklam konumu float right veya float left ile ayarlamak mümkün. Yalnız, istiyorum ki birkaç satır altta olsun. Bunu nasıl yapabilirim?
    position absolute, top 400 left 60 gibi kodlarla istediğim yerde oluyor fakat bu sefer yazılar reklamın altında kalıyor.
    Aşağıdaki resimde görüldüğü gibi olması için ne yapmalıyım?
    Çok araştırdım çözüm bulamadım.

  20. hakan diyor ki:

    eklemem gereken özel bir yer var mı ? yani şu kodun sonuna gibi… ? çünkü oradaki kodları ekledim ve hala çıkmadı :(

    http://devrekli.googlepages.com/style.css

    bu şekilde son bölümde bir yere ekledim.Sizce problem ne olabilir ? Teşekkürler

  21. HC diyor ki:

    @hakan, kodlarda sorun yok ama eklediğiniz yazı da sorun olabilir. http://www.wordpress-tr.com/hakkinda/takim/ bu sayfada kullanıyorum, problem yok.

  22. HC diyor ki:

    resim çıkmadı, tam anlayamadım ama margin-top:1em; şeklinde deneyin.

  23. E. Ali diyor ki:

    Burada resim var. Sorunu daha iyi anlaşılabilir:

  24. E. Ali diyor ki:

    Tam aradığım gibi bir eklenti buldum:
    Bu eklenti sayesinde sadece istediğim yazılarıma, istediğim konuma göre reklam yerleştirebilirim. Linki aşağıda: http://philhord.com/phord/adsense-inline-with-wordpress-blog-posts

  25. HC diyor ki:

    @E. Ali, sorununu çözmene sevindim, güzel bir eklentiymiş.

  26. E. Ali diyor ki:

    Evet, böylece yeni temamı artık bitirebilirim. Bir bu eksik kalmıştı.

  27. hakan diyor ki:

    /* optional rounded corners for browsers that support it */
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    kısmını anlamadım zaten bu kısmı sizde kullanmamışsınız.

    bazıları yazıya çok yakın duruyor ama çerçeve kısımları çıktı ve istediğim oldu. teşekkür ederim,iyi çalışmalar

  28. hakan diyor ki:

    tekrar rahatsız ettim kusura bakmayın ama az önce internet explorerde siteyi kontrol ederken bu captionlarda kayma olduğunu farkettim..örneğin ; Oksana Aplekaeva isminde kayma var.oksana ismi yazının içinde kalmış. ama firefox,opera,mozilla vs de bu sorun yok.sadece i.e da var.

    Örnek resim :

    http://img262.imageshack.us/my.php?image=capturedjv8.jpg

    alternatif :http://img152.imagevenue.com/img.php?image=65752_captured_122_1183lo.jpg

    İnternet explorerde düzgün çıkması için ne yapabiliriz ?

  29. HC diyor ki:

    @hakan, o satırlar destekleyen browserlarda çerçeve kenarlarını yuvarlatmak için kullanılıyor. Kayma sorununa gelince;
    .wp-caption p.wp-caption-text kısmına clear:both; eklemeyi dene

  30. hakan diyor ki:

    olmadı ustad :( hiç bir değişiklik yok hala kayma sorunu var :(





Son Fotoğraflarım

20080524010BK
20080524023BK
20080524031BK
20081025386BK
20091121128BK
20081208211BK
20090808036BK
20080524040BK
20091114015BSK
20090919161BSK
20090919380BSK
20090919157BSK