WordPress Yazı Editörüne Buton Ekleme

WordPress Yazı Editörüne Buton Ekleme

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

 

Wp yazı yazarken çok sık kullandığınız bir kod olabilir, bir buton ihtiyacınız vardır farklı sebeplerden. Bunu eklentisiz direk kod yardımıyla yapmak isterseniz, bununla ilgili derlediğim yazıyı sizlerle paylaşayım. 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.

 

Küçük resim için google embedderi kullanabilirsiniz. Altta veriyorum, sağ tuşla tıklayıp kaydet diyin.

buton

 

 

ZİYARETÇİ YORUMLARI

Henüz yorum yapılmamış. İlk yorumu aşağıdaki form aracılığıyla siz yapabilirsiniz.

BİR YORUM YAZ
bool(false)