Ana Sayfa » »
Tem
5
2013

WordPress Metin Editörüne Düğmeler Ekliyoruz

WordPress'te yazı yazarken, ben de dahil bazılarımız Görsel editör yerine Metin editörünü tercih ediyoruz. Ancak Metin editöründeki düğmeler yeterli değil. Hatta SyntaxHighlighter gibi yazı içerisindeki kodları daha düzgün göstermek için eklenti kullanıyorsanız yeni düğmelere de ihtiyaç duyabiliyorsunuz.
Örneğin bu eklentide php kodu paylaşırken kodumuzu [php]kodumuz[/php] şeklinde yazmamız gerekiyor. Her kod için bu etiketleri açmak bir süre sonra yorucu olabiliyor. O zaman neden kendi düğmelerimizi metin editörüne eklemeyelim ki?
Aşağıdaki kodu temanızın functions.php dosyasına eklediğinizde ve kendinize göre düzenlediğinizde yeni düğmelerinize kavuşmuş olacaksınız.

<?php
//Metin Editörüne Yeni Düğmeler Ekle
add_action('admin_print_footer_scripts','yakuphoca_yenidugmeler');
function yakuphoca_yenidugmeler() {
 global $pagenow;
 if ( ($pagenow=="post-new.php" || $pagenow=="post.php") ){
 //Eğer yazı ekleme veya düzenleme ekranındaysak
 ?>
 <script type="text/javascript" charset="utf-8">
  /* u, php, html, css düğmelerini ekle */
  /*QTags.addButton( duğmeid, düğmeEtiketi, başlangıç, bitiş); */
  QTags.addButton( 'eg_underline', 'altınıçiz', '<u>', '</u>' );
  QTags.addButton( 'eg_php', 'php', '[***php]', '[***/php]' );
  QTags.addButton( 'eg_html', 'html','[***;html]', '[***/html]');
  QTags.addButton( 'eg_css', 'css','[***;css]', '[***/css]');
 </script>
 <?php
 }
}
?>

Kodu ekledikten sonra lütfen [***php], [***/php] ve altındaki ifadelerde geçen *** (üç yıldızı) silip, öyle dosyayı kaydedin. Kullandığım kod gösterme eklentisi [php] şeklinde eklediğim kodları da dönüştürmeye çalıştığından mecburen bu şekilde yazmak zorunda kaldım.
Kodu ekleyip, yeni yazı ya da yazıyı düzenle dediğinizde metin editöründe aşağıdaki gibi düğmeleri göreceksiniz.
Metin Editörüne Düğmelerimizi Ekledikten Sonra

Bu yazımı beğendiyseniz, bu kategoride yer alan Tüm Yazılar Listesinde Yazı Türüne Göre Renklendirme Yapmak başlıklı fonksiyon, functions.php ve WordPress konularında bilgi veren bir önceki yazımı da okumanızı tavsiye ederim.

Yazıya 5 Yorum Yapıldı+ Yorum Ekle

  • kod dreamweaverda hata veriyor. kodunun olduğu yerde hata gösteriyor. Nasıl düzelteceğiz?

    • Arzu hanım,
      Uyarınız için teşekkürler. Kod içerisinde geçen [php] şeklinde yazdığım kodları, yazı içindeki kodları göstermek için kullandığım syntaxhighlighter eklentisi algılamış ve onları da düzenlemiş. Şu an kodları düzeltip, altına gerekli bilgiyi ekledim. Kodu kopyaladıktan sonra kod içindeki *** (üç yıldız) sembollerini silip, kullanınız.

  • Çok teşekkür ederim, bu konuda ciddi bir sıkıntı yaşıyordum her seferinde notepad++ da düzenleyip tekrar metin ekleme sayfasına kopyala yapıştır yaptığım ağır bir yükten kurtardın beni hocam.

    Emeğin sağlık, takipteyim siteni.

  • Ancak şöyle bir sorun oluştu ki, yazıyı yazıp taslak olarak kaydet dediğimde kaydediyor ama post.php e yönlenmiyor. Bembeyaz bir sayfada döngü kalıyor. En son sürümünü kullanıyorum wordpressin bu problem ağır geldi biraz :)

    • Kod içindeki *** (üç yıldız) şeklindeki ifadeleri silmişsinizdir ama yine de bir kontrol edebilir misiniz?
      Şu an bu kodu kullanıyorum, sitemde ve bahsettiğiniz şekilde bir hata almıyorum. Sanırım kullandığınız bir eklentiyle çakışıyor.
      Üzgünüm, bir çözüm öneremeyeceğim, isterseniz kodu kullanmayın.

Yorumunu Yaz

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Yukarı Çık