WordPress’de yazı yazarken bazen elimizle kod eklemek zorunda kalıyoruz ve bu oldukça zor oluyor. Nitekim diğer sitem olan “sesli masal” da bu zorluğu çok çekiyordum. Bu yazımda size kodlarınızı otomatik olarak eklemeye yarayacak editör butonu yapımını anlatacağım.

Editör butonu eklemek için  wp-includes/js/quicktags.js adlı javascript dosyasını açalım.

Ekleyeceğimiz kod:

  
edButtons[edButtons.length]=new edButton (“ed_strong”,”Buton ismi”,”Ekleyeceğimiz Kod”,”",”");

Ben bu kodu 4. satırdan sonra ekledim. Bu kodu eklerken dikkat etmeniz gereken noktalar ise şunlardır. Ekleyeceğimiz kodlar arasında fazladan başluklar var ise onları silmeliyiz. Ayrıca kod bölümüne eklediğiniz kodlar arasında ” (çift tırnak) işaretini kullanacaksanız her ” işaretindne önce \ kullanın. Örneğin:

  
<a href=\"http://www.adres.com\">Yazı</a>

Daha detaylı örnek için benim kullandığım ve “sesli masal” da oyun eklerken önce adsense reklamı daha sonra oyunu açan kodu yazayım:

edButtons[edButtons.length]=new edButton("ed_strong","Oyun Ekle","<script type=text/javascript>setTimeout('gizle()',10000);function gizle(){var x=document.getElementById('reklam').style;var y=document.getElementById('oyun').style;if(x.display=='block'){x.display='none';y.display='block';}else{x.display='block';y.display='none';}}</script><div id='reklam' style='display:block' align='center'><p><strong>Reklami Gecmek icin Tiklayin...</strong></p><p><script type='text/javascript'>google_ad_client='pub-9921948231493735';google_ad_slot = '6000135355';google_ad_width=336;google_ad_height=280;</script><script type='text/javascript'src='http://pagead2.googlesyndication.com/pagead/show_ads.js'></script></p><p><img src='http://www.seslimasal.net/wp-content/themes/masal/images/yukleniyor.gif'/><br/><strong>Oyun Yukleniyor Lutfen Bekleyin...</strong></p></div><div id='oyun' style='display:none' align='center'><div id='swf' align='center'>[SWF]/swf/OYUN.swf,485,485[/SWF]<br/><table><tr><td><img src='http://www.seslimasal.net/wp-content/themes/masal/images/tam-ekran.png' width='32' height='32' alt='Tam Ekran Oyna'></td><td><a href='#' onclick='javascript:window.open(\"http://www.seslimasal.net/swf/TAM-EKRAN.swf\",\"\",\"toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,\");return false'>Tam Ekran Oyna</a></td></tr></table><br/></div></div>","","");

Tabiki bunlara yapmadan önce wp-includes/js/quicktags.js ‘nin yedeğini almanızı tavsiye ederim…