Bugün WordPress Görsel Editörümüze Buton Eklemeyi Anlatacağım Arkadaşlar.

Bu  Şekilde  Daha Basit bir şekilde kısa kodlarınızı yazı içerisine ekleyebilirsiniz hemen küçük bir görselle destekleyip kodlara geçiyorum 🙂

wordpress-editore-buton-ekleme

Öncelikle Fonksiyon Kodlarımızı

functions.php içerisinde <?php kodlar ?> şeklinde ekliyoruz.

function php() {
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' ) . '/editor/editor-php.js';
return $ekle;
}
add_action('init','php');

Daha Sonra Bir  Görselimizi

Tema İçerisinde > Editör > Images dizinine  Gönderiyoruz.

Son Olarakta Tema Dizini > Editor >editor-php.js Dosyasını Oluşturup içerisine

(function() {
tinymce.create('tinymce.plugins.php', {
init : function(ed, url) {
ed.addButton('php', {
title : 'php butonum',
image : url+'/images/php.png',
onclick : function() {
ed.selection.setContent('
<pre class="lang:php decode:1 " >' + ed.selection.getContent() + '</pre>');
}
});
},
createControl : function(n, cm) {
return null;
}
});
tinymce.PluginManager.add('php', tinymce.plugins.php);
})(); 

Ekliyoruz ve İşlemimizi Bitiriyoruz.

Örnek Kodlama İndir

Metin Saraç 0 181 21 Mart 2014