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 İçin İki Adımlı Kimlik Doğrulama Nasıl Kurulur? Google Authenticator Ayarları Nasıl Yapılır?

    WordPress İçin İki Adımlı Kimlik Doğrulama Nasıl Kurulur? Google Authenticator Ayarları Nasıl Yapılır?

    Wordpress'in admin paneline veya kullanıcı hesaplarına giriş kısmı kişisel bilgilerinize, değerli içeriğinize ve işiniz için değerli olan birçok şeye giriş noktasıdır. Bizim için bu kadar önemli olan bir alanın saldırganlar tarafından da ele geçirilmek istenmesi kadar doğal bir şey yoktur. Bunun için zorlayarak giriş yapma adını verdiğimiz brute force (kaba…
  • WordPress’te Favicon Nasıl Eklenir?

    WordPress’te Favicon Nasıl Eklenir?

    Favicon internet sitenizin web tarayıcısında ki sayfa başlığında görüntülenen küçük bir ikondur. Favicon, tarayıcıların geçmişinde, yer imleri sekmesinde ve internet sitenizin görsel bir kimliğe ihtiyaç duyduğu her yerde gözükmektedir, kullanılmaktadır. Wordpress'te Favicon Nasıl Eklenir? Oldukça basit ve küçük bir detaydır favicon, çoğu zaman unutulur ancak unutulmaması gereken bir özelliktir. Sitenizin…
  • 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 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.