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

07 Ağustos 2008, 17:49 • Kategori: Blog, Wordpress • 39 yorum •
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:

wallpaperWordpress 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:

wallpaperBlogunuzdaki 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:

wallpaperBunun için yapmanız gereken - eğer yoksa - yazı başlıklarının hemen yanına bir düzenleme linki yerleştirmek. Bu linkleri sadece yetkili kullanıcılar görebilir, ziyaretçiler göremez. 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:

wallpaperBlog 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:

wallpaperWordpress 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);

İlgili Yazılar

Bu yazıya yapılan yorumlar

  1. MiM / 08 Ağustos 2008, 16:36

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

  2. hakan nural / 08 Ağustos 2008, 22:26

    faydalı bilgiler teşekkürler…

  3. yakuter / 09 Ağustos 2008, 15:09

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

  4. yakuter » Seçmece Bunlar 1 / 09 Ağustos 2008, 16:03

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

  5. WordPress ile FeedBurner Kullananların Dikkatine / 10 Ağustos 2008, 17:12

    [...] 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ü / 10 Ağustos 2008, 17:18

    Ç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 / 11 Ağustos 2008, 09:51

    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 / 11 Ağustos 2008, 22:01

    ö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 / 12 Ağustos 2008, 19:36

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

    define( ‘AUTOSAVE_INTERVAL’, 600 );
    define (’WP_POST_REVISIONS’, 0);

  10. Wordpress 2.6 Sonrasındaki Resim Ekleme Sorunu / 17 Ağustos 2008, 13:38

    [...] 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 / 22 Ağustos 2008, 00:53

    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 / 22 Ağustos 2008, 02:06

    Sevindim :) rica ederim.

  13. mikro-pc / 14 Eylül 2008, 13:02

    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 / 14 Eylül 2008, 16:43

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

  15. hakan / 18 Eylül 2008, 05:47

    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 / 18 Eylül 2008, 22:42

    @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 / 19 Eylül 2008, 17:14

    ö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 / 19 Eylül 2008, 23:48

    @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 / 20 Eylül 2008, 16:31

    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 / 20 Eylül 2008, 16:51

    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 / 20 Eylül 2008, 18:24

    @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 / 20 Eylül 2008, 18:29

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

  23. E. Ali / 20 Eylül 2008, 20:03

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

  24. E. Ali / 20 Eylül 2008, 22:50

    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 / 20 Eylül 2008, 23:04

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

  26. E. Ali / 20 Eylül 2008, 23:06

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

  27. hakan / 21 Eylül 2008, 05:46

    /* 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 / 21 Eylül 2008, 05:59

    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 / 21 Eylül 2008, 14:02

    @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 / 22 Eylül 2008, 01:59

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

  31. HC / 22 Eylül 2008, 11:05

    @hakan, benden bu kadar belki Wordpress Türkiye Forumlarında bir cevap bulabilirsin.

  32. hakan / 22 Eylül 2008, 19:07

    buna, internet explorerin hatası diyelim :) zaten pek sevmem kendisi. herşey için teşekkürler

  33. fatih / 24 Eylül 2008, 19:12

    Merhaba,

    Wordpressin yeni sürümlerinde yazdığımız yazıya etiket girerken daha önce girdiğimiz etiketleri gösteriyor. Yani , biz etiketleri yazarken o da benzer etiketleri veya aynı etiketleri arayıp buluyor. Bu özelliği nasıl kapatabilirim? iyi çalışmalar

  34. HC / 24 Eylül 2008, 21:23

    bildiğim kadarıyla bunu kapatmanın bir yolu yok ama rastlarsam burada paylaşırım.

  35. oceangray / 27 Eylül 2008, 20:35

    15 nolu yoruma cevaben: pek çok pluginle adını duyuran lester chan bu yazıları veritabanından nasıl sileceğimizi anlatmış.. ama önce yedek al.. :)

  36. JerenCe / 29 Eylül 2008, 13:15

    WordPress Türkiye teması harika olmuş elinize sağlık. Ayrıca cebanını merak ettiğim soruları burada buldum, teşekkürler.

  37. hakan / 03 Ekim 2008, 01:13

    oceangray

    çok teşekkür ederim. sanırım phpmyamdine gir şu kodu çalıştır diyor :

    DELETE a,b,c
    FROM wp_posts a
    LEFT JOIN wp_term_relationships b ON (a.ID = b.object_id)
    LEFT JOIN wp_postmeta c ON (a.ID = c.post_id)
    WHERE a.post_type = 'revision'

    ingilizcem pek iyi değil, yanlış bişeyler yapmak istemem. kısa bir açıklama güzel olurdu. iyi çalışmalar

  38. ersin / 12 Ekim 2008, 04:24

    Merhaba yazı için teşekkürler.
    Yazdırma biçimlendirmesini ben de sitemde uygulamak istedim ancak sizinki gibi olmadı. Herşeyi yazdırıyor. Verdiğiniz kodun hepsini mi header dosyasına kopyalıyoruz.Yoksa sadece 3.satırı mı kopyalıyoruz. İki şekilde de denedim ancak olmadı. Header dosyasında yapıştıracağım alan önemli mi? den önceki bir alan yapıştırıyorum ama sayfa düzeni bozuluyor..İşin içinden çıkmadım.

  39. HC / 12 Ekim 2008, 17:00

    @ersin, orada anlatılmak istenen daha açık ifadeyle:
    önce print.css adında ayrı bir dosya oluşturuyorsun, bu dosya tıpkı style.css dosyasına benziyor fakat sayfanın nasıl yazdırılacağı konusundaki biçimlendirmeleri içeriyor. Sonra kendi temanın header.php dosyasını açıp .. kodları arasına yukarıda yer alan kodun 3.satırını ekliyoruz. (yani sadece3.satırı ekliyorsun.)

Bu Yazı Yoruma Açıktır