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.

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.

Ş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.

Bir önceki yazım olan WordPress Güncel Ping Listesi (2016) başlıklı yazımda wordpress güncel ping listesi, wordpress ping listesi ve wordpress pingleme listesi 2016 hakkında bilgiler verilmektedir.