İstediğiniz Sayfalara Görsel Editör Ekleyin


Warning: file_get_contents(http://codex.wordpress.org/Function_Reference/wp_editor): failed to open stream: HTTP request failed! HTTP/1.1 403 Forbidden in /home/u989750086/domains/wpadami.com/public_html/wp-content/plugins/s-fonks/s-fonks.php on line 89

Bu yazıda wordpress Sitenize yeni bir yazı eklerken kullandığınız görsel editörü başka sayfalarda nasıl kullanabileceğinizi anlatacağım. Bu editör sayesinde kullanıcılar için harici bir yazı ekleme veya düzenleme sayfasına görsel editör ekleyerek daha zengin bir sayfa oluşturabilirsiniz. İlk olarak wordpress editörünü nasıl ekleyebileceğinizi öğrenelim. Bunu yapabilmek için WordPress wp_editor() fonksitonunu kullanmalıyız. Referans olarak : http://codex.wordpress.org/Function_Reference/wp_editor

<?php wp_editor( $content, $editor_id, $settings); ?>

$content = Editör metin alanında varsayılan olarak gözükecek yazı metni.
$id = WordPress editöründeki öğelere stil olarak(id seçici) atanacak stil ismi.
$settings = WordPress editörü ile ilgili ayarlar.

Normal codex sayfasında yer alan kodlar böyle. Bu kodları kullanarak farklı bir sayfada editör ekleyebilirsiniz fakat görsel editör ve HTML sekmeleri çalışmayacaktır. Sadece içerisine yazı girebileceğiniz bir textbox çıkacaktır. Bunuda aşağıdaki fonksiyonları ve seçenekleri kullanarak görsel ve html editörünü aktif edeceğiz.

Ayrıca editörü düzenlemek için kullanabileceğiniz array değerleri Türkçe açıklamaları ile birlikte şunlardır;

$secenekler = array(
	'wpautop' => true, // wpautop
	'media_buttons' => true, // Yükle/Ekle Butonları
	'textarea_name' => $editor_id, // Textare'ya atanacak name değeri
	'textarea_rows' => '10', // Rows ayarları
	'tabindex' => '',
	'editor_css' => '', // Görsel ve HTML Editörde düzenleme yapabileceğiniz atanacak harici css dosyası.
	'editor_class' => '', // Textarea kutusuna atanmasını istediğiniz class adı.
	'teeny' => false, // Press This kullanarak editör ayarlarını minimalize et
	'dfw' => false, // Varsayılan Tam Ekran DFW ayarını kendinize göre değiştirin (özel css gerektirir)
	'tinymce' => true, // Görsel ve HTML Editör Sekmeleri
	'quicktags' => true // HTML Editörde Kod Butonları
        );

Son olarak kullanımı ise şu şekilde olacaktır;

<?php wp_editor('', 'editor_class karşılığı', $secenekler ); ?> 

9 thoughts on “İstediğiniz Sayfalara Görsel Editör Ekleyin”

  1. Hocam bu kodları nereye koyuyoruz? 2. tablodaki kodları uygulamanın olacağı yere ekliyoruz aliba. peki 1.tablodakileri nereye koyuyoru? fonction.php mi?

    1. Zerkaya,

      Bu kodu editörü kullanacağın dosyaya işliyorsun. özelleştirilmiş $secenekler olan tanımı da. Misal editörü comments.php içinde kullanacaksan hem $seceneklerin olduğu php kodları hem de wp_editor fonksiyonunu bu sayfada beraber kullanıyorsun.

      wp_editor fonksiyonunun senin özelleştirilmiş seçeneklerini görmesi için gerekli yöntem budur.

  2. hocam iyi güzelde bunu eklediğimizde gönder butonu çıkmıyor şimdi yazar bunu görecek ama nasıl yazı gönderecek

    1. Muzaffer,

      konu görsel editör ekleyin diyor zaten :D Bunu form haline getirmek ve sadece üyeler görsün kısmını halletmek size kalmış oluyor. Notlarımın arasına alıyorum. Bununla ilgili bir yazı da yazarım yakında.

      1. hocam onları yapabilsem burda ne işim var ki :D siz daha çok php bilenlere hitap ediyorsunuz sanırım güzel bir yazı yazmışsınız ama benim gibi bişey bilmeyenlere bi faydası yok al bunu koy sayfaya şık dursun :D

        1. Muzaffer,

          Ben burada WordPress eklenti yazma kısmını en inceliğine kadar anlattım, jQuery eklenti anlatımını tam tabiriyle Bilal’e anlatır gibi anlattım. 4 Eylül 2012 yılında yazmışım bu yazıyı, kim bilir o ara neyle uğraşırken farkettim de okuyanlarım bilsinler diye yazdım.

          Herşeyi kopyala yapıştır yaptıktan sonra herkes geliştirici oluyor…. 14 yılımı verdim bu web işine, az da siz çabalayın

Comments are closed.