Popüler Aramalar:  TLS Nedir?  MyBB SSL Ayarları  MyBB 1.8 Linkleri Gizleme Eklentisi  Wordpress LiteSpeed Cache Ayarları  Wordpress Eklentisiz Breadcrumb  Yandex Webmaster
WordPress Yazı Editörüne Buton Ekleme

WordPress Yazı Editörüne Buton Ekleme

WordPress Yazı Editörüne Buton Ekleme

Merhaba,

WordPress altyapısına sahip blogumuzda yazı yazarken bazen özel butonlara ihtiyaç duyabiliyoruz. Sıkça kullandığımız özellikleri editörde butonu olmadığı için el ile eklemek durumunda kalabiliyoruz. İşte bu yazımda sizlere bu zahmetli yolu kullanmak yerine yapacağınız işlemler ile istediğiniz kodu, editöre buton ekleyerek yazılarınızda sürekli ihtiyaç duyduğunuz özellikleri kullanabileceksiniz.

Peki, bunu nasıl yapacaksınız ? Basit bir eklenti kurarak bu işlemi gerçekleştireceğiz. TinyMCE  eklentisi ile editörümüzün kodlarına ilaveler yaparak istediğimiz butonu kullanabileceğiz.

WordPress Görsel Metin Editörüne Buton Ekleme

TinyMCE editörü yardımıyla yapılan bu kodlara sayfasından erişebilirsiniz. Plugin kısmındaki kodların yardımıyla butonumuzu oluşturalım.

add_action('init','ozellik_adi'); 
add_filter( 'tiny_mce_version', 'my_refresh_mce');  
 
function ozellik_adi() { 
if ( ! current_user_can('edit_posts') && ! current_user_can('edit_pages') ) { 
return; 
} 
 
if ( get_user_option('rich_editing') == 'true' ) { 
add_filter( 'mce_external_plugins', 'ekle' ); 
add_filter( 'mce_buttons', 'tekrarEt' ); 
} 
} 
 
function tekrarEt( $butonum ) { 
array_push( $butonum , "|", "php" ); 
return $butonum ; 
} 
 
function ekle( $ekle ) { 
$ekle ['php'] = get_bloginfo( 'template_url' ) . '/buton-ekle.js'; 
return $ekle; 
}

Editör yardımıyla boş bir sayfa açın ve içine alttaki kodu ekleyip ismini ”buton-ekle.js ” yapın. Bu javascript dosyasını daha düzenli olsun diye temanızın js klasörüne atmak isterseniz, üstteki kodda 21. satırda bulunan ‘/buton-ekle.js’  kısmında yeri belirtin. Örneğin temanızın içinde js klasörü varsa kodu ‘/js/buton-ekle.js’ olarak değiştirin.

(function() {
 
tinymce.create('tinymce.plugins.php', {
init : function(ed, url) {
ed.addButton('php', {
title : 'Buton',
image : url+'/buton.png',
onclick : function() {
ed.selection.setContent('değiştir');
}
});
},
createControl : function(n, cm) {
return null;
}
});
tinymce.PluginManager.add('php', tinymce.plugins.php);
 
})();

Şimdi gelelim bu yaptığımız butona işlev kazandırmada, şayet hazır bir kodunuz varsa onu atamak daha mantıklı. Her defasında yazmak istemediğiniz bir kodun kısayolu olarak da tayin edebilirsiniz. Üstteki kodda 9. satırda bulunan ed.selection.setContent(‘değiştir’); yazan yerde değiştir yazan yere istediğinizi yazabilirsiniz. Yapılan butona tıklandığında buradaki yazı,rakam, kod ne yazdıysanız o direk gelecektir. 

Yaptığımız bu botuna birde görsel kazandıralım. Üsteki js dosyamızın 7. satırında bulunan url+’/buton.png’  butonun küçük resmini temsil ediyor. Eklemek istediğiniz küçük resmi js ile aynı yere atarsanız sorunsuz çalışacaktır.

Google üzerinden arama yaparak butonunuz için bir görsel bulabilirsiniz. Bu anlatımda ki adımları uygulayabilmeniz için TinyMCE özelliğinin wordpress altyapılı blogunuzda aktif olması ya da kurulu olması gerekiyor.

 Yazı Bağlantısını Kopyala & Paylaş

Benzer Yazılar

  • WordPress’te Birden Fazla Yazı Kısaltma Fonksiyonu Nasıl Yapılır?

    WordPress’te Birden Fazla Yazı Kısaltma Fonksiyonu Nasıl Yapılır?

    Wordpress'te varsayılan olarak blog yazıları 55 kelime kısaltılmakta. Wordpress'in yazı uzunluğu filtreleme fonksiyonu kullanılarak bu varsayılan değeri değiştirebiliyoruz ve bu değiştirdiğimiz de sadece bir yerde kullanabiliyoruz, peki ya birden fazla alanda farklı kelime uzunlukları kullanmak istiyorsak? Birden fazla yazı türüne sahip bir internet sitesi geliştiriyorsanız, her farklı alan için farklı…
  • WordPress Easy WP SMTP Eklentisinde Önemli Güvenlik Açığı!

    WordPress Easy WP SMTP Eklentisinde Önemli Güvenlik Açığı!

    Geçtiğimiz hafta Wordpress'in en çok kullanılan mail işlemcisi eklentisi olan Easy WP SMTP'nin yapmış olduğu bir güncelleme çok önemli bir güvenlik açığına neden oldu. Wordpress'in paylaştığı verileri göre 300,000 site tarafından aktif olarak kullanılmakta olan bu eklentinin 1.3.9 sürümünde meydana gelen güvenlik açığı bir çok internet sitesini etkilemiştir. Blog yazımda…
  • WordPress Eklentisiz Yazı İçi Reklam Alanı Nasıl Oluşturulur?

    WordPress Eklentisiz Yazı İçi Reklam Alanı Nasıl Oluşturulur?

    Wordpress dünyanın en geniş eklenti kütüphanesine sahip yazılımıdır. Hemen hemen her şey için bir eklentisi mevcut, fakat Wordpress her ne kadar eklenti açısından zengin olsa da her şeyi eklentiyle yapmak sitenizin yayın yaptığı hosting ya da sunucuyu bir süre sonra yormaya başlayacaktır. Bende size bu blog yazımda eklenti kullanmadan yazı…
  • WordPress’te Önceki ve Sonraki Yazı Linkleri Nasıl Eklenir?

    WordPress’te Önceki ve Sonraki Yazı Linkleri Nasıl Eklenir?

    Yakın bir zamanda kişisel blog sitem için yeni bir tema tasarlayıp, kodladım. Bir önce ki temamı da kendim tasarlayıp, kodlamıştım ancak Wordpress'in 5.0 sürümü yayınlandıktan sonra yeni görsel editör olan Guttenberg'i kullanmaya başladım. Guttenberg editörüne gelen ara güncellemeler ile eski temam da uyumsuzluklar oluşmaya başladı örneğin yazdığım yazılar sayfa dışına…
WordPress Yazı Editörüne Buton Ekleme için Yorum'da Bulun

Bu yazıya şimdiye kadar 2 Yorum yapılmıştır.

  • Yorum Sahibi
     Yanıtla
    ZekiCan Ziyaretçi

    bu eklentiyi sildikten sonra o butunlar aynı şekilde kalıyor mu?

    • Yorum Sahibi
       Yanıtla
      Hüseyin Körbalta Yazar 

      Merhaba,

      Eklentiyi sildikten sonra yaptığınız modifikasyonlar maalesef kalmıyor. Eklenti ile beraber silinmektedir.

Bir Cevap Yaz

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

 Lütfen, en az 15 karakterli bir yorum belirtiniz.

 Lütfen,isminizi belirtiniz.
 Lütfen, kullanmakta olduğunuz bir e-mail adresi giriniz.
 Yukarıda ki alanı işaretlemeniz zorunludur.Aksi takdirde yorumunuz gönderilemeyecektir.