Ana Sayfa » »
Tem
18
2013

Görsel Editördeki Düğmeleri Düzenliyor ve Yenilerini Ekliyoruz

WordPress görsel editöründeki düğmelerin yerleşim düzenini beğenmiyorum, ayrıca da bazı olması gereken düğmelere de yer verilmemiş. Örneğin yazı rengini ya da arkaplan rengini yazıdan bağımsız değiştirme, kopyala/yapıştır gibi düğmeler, alt simge/üst simge düğmelerinin olmaması bazen sıkıcı olabiliyor. Bunun elbetteki bir çözümü var.

Normalde görsel editörü genişlettiğinizde aşağıdaki gibi bir görünümü vardır.

WordPress Varsayılan Görsel Editör Düğmeleri

Ancak ben düğmelerin yerleşiminden de bazılarının eksik olmasından da hoşlanmıyoruz. O yüzden düğmelerin sırasını değiştirmek ve yeni bir satırda yeni düğmeler görmek istiyorum. Yani düğmelerin aşağıdaki gibi olmasını sağlamak istiyorum.

WordPress Görsel Düğmeler İçin Düşündüğüm Düzen

Resimden de anlaşılacağı üzere, yapmak istediklerim; birinci satıra Altı çizili düğmesini ve satırın sonuna Yeni Sayfa (NextPage) düğmesini yerleştirmek; İkinci satırın başına Kopyala / Kes / Yapıştır düğmelerini, alt simge ve üst simge düğmelerini eklemek, bazı düğmeleri de satırdan kaldırmak; Üçüncü satıra ise biçimlendirme ile ilgili düğmeleri yerleştirmektir.

Eğer siz de bu düzende bir görsel editör elde etmek istiyorsanız, yapmanız gereken, aşağıdaki kodların tamamını temanızın functions.php dosyasına eklemektir.

//Birinci satırdaki düğmeleri düzenle ve düğme ekle
function yakuphoca_editore_buton_ekle_satir1($buttons) {
  //İtalik düğmesinin yanına Altı çizili düğmesini ekle
  if ( ($pos = array_search('italic',$buttons,true))!== false ) $buttons = array_merge(array_slice($buttons, 0, $pos+1), array('underline'), array_slice($buttons, $pos+1));
  
  //Sağa hizala düğmesinin yanına İki Yana hizala düğmesini ekle
  if ( ($pos = array_search('justifyright',$buttons,true))!== false ) $buttons = array_merge(array_slice($buttons, 0, $pos+1), array('justifyfull'), array_slice($buttons, $pos+1));
  
  //Sonraki Sayfa (NextPage) düğmesini ekle
  $buttons[] = 'wp_page';
  return $buttons;
}
add_filter("mce_buttons", "yakuphoca_editore_buton_ekle_satir1");

//İkinci satırdaki düğmeleri düzenle ve düğme ekle
function yakuphoca_editore_buton_ekle_satir2($buttons) {
  //Yenile düğmesinin yanına Alt Simge ve Üst Simge düğmelerini Ekle
  if ( ($pos = array_search('redo',$buttons,true))!== false ) $buttons = array_merge(array_slice($buttons, 0, $pos+1), array('sub', 'sup'), array_slice($buttons, $pos+1));

  //Satırın başına Kopyala/Kes/Yapıştır düğmelerini ekle
  array_unshift($buttons, 'copy', 'cut', 'paste');

  //Sırasıyla ikinci satırdaki altı çizili, iki yana yasla, yazı stili 
  //ve yazı rengi düğmelerini kaldırır
  unset($buttons[array_search('underline',$buttons,true)]);
  unset($buttons[array_search('justifyfull',$buttons,true)]);
  unset($buttons[array_search('formatselect',$buttons,true)]);
  unset($buttons[array_search('forecolor',$buttons,true)]);
  
  return $buttons;
}
add_filter("mce_buttons_2", "yakuphoca_editore_buton_ekle_satir2");

//Üçüncü satıra düğmeler ekler
function yakuphoca_editore_buton_ekle_satir3($buttons) {
  $buttons[] = 'formatselect, fontselect, fontsizeselect, styleselect, forecolor, backcolor';
  return $buttons;
}
add_filter("mce_buttons_3", "yakuphoca_editore_buton_ekle_satir3");

Kod her ne kadar uzunmuş gibi görünse de uzunluğunun sebebi açıklama satırlarının bulunması ve dizilerle ilgili işlem yapmak gerektiğinden bazı kısıtlamaların olmasındandır. Ancak kodlar performansınıza olumsuz bir etkisi olmayacaktır. Kod içerisindeki açıklamalar doğrultusunda kendiniz istediğiniz düzenlemeleri yapabilirsiniz.

Bu yazımı beğendiyseniz, bu kategoride yer alan Sitenizin E-Postalarında Gönderen Olarak Sunucunun Adı Yazıyorsa başlıklı çözüm, e-posta ve functions.php konularında bilgi veren bir önceki yazımı da okumanızı tavsiye ederim.

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

  • bu kodu eklediğimde ortaya çıkması gereken next page görünmüyor? Onu düzenleme şekliniz falan var mı?

    • Nextpage düğmesi, birincı satırdaki düğmelerin en sonundakidir, sanırım more (daha fazla) düğmesiyle karıştırdınız.

Yorumunu Yaz

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

Yukarı Çık