web-dev-qa-db-ja.com

テーマオプション WP 編集者

テーマオプションの私のテキストエディタはフォントカラーオプションを持っていません。どうすれば追加できますか？私はウェブ上を検索しましたが、運は悪かったです。通常のページや投稿ではフォントの色のオプションを見ることができます。

私はOptionsフレームワークを使っています。これがコードスニペットです。

$options[] = array(
        'name' => __('Main text block', 'options_check'),
        'id' => 'main_text_editor',
        'type' => 'editor',
        'settings' => $wp_editor_settings );
functionstheme-optionsoptionswp-editor
2
theo

テーマオプションでは、wp_editor_settingsを定義しなければなりませんでした。だから、ちょうどoptions.phpで、私は使用しました：

//WP_editor settigs
    $wp_editor_settings = array(
        'wpautop' => true, // Default
        'textarea_rows' => 15,
        'tinymce' => array( 
            'plugins' => 'fullscreen,wordpress,wplink, textcolor'
        ));

基本的に、私はtinymceプラグインを追加しています。

3
theo

私はあなたがTinyMCEエディタ内のフォントカラーを意味すると思います。 wp_editor()関数はsettingsパラメータを持っていて、そこでは ``のようなvarを参照しています。

このパラメータは配列を必要とし、この配列は多くのパラメータを使用できます。次の例はこれを示しており、 codex にもドキュメントがあります。

$settings = array(
    'wpautop' => true,
    'media_buttons' =>  false,
    'textarea_name' => 'test-editor',
    'textarea_rows' => get_option('default_post_edit_rows', 10),
    'tabindex' => '',
    'editor_css' => '',
    'editor_class' => '',
    'teeny' => true,
    'dfw' => true,
    'tinymce' => array(
          'theme_advanced_buttons1' => 'bold,italic,underline' 
    ),
    'quicktags' => false
);
wp_editor( 'Text in editor', 'test-editor', $settings );

配列tinymce内の引数は、エディタバーをカスタマイズするために異なるパラメータを持つ配列も受け付けます。

フォローボタンは、デフォルトではデフォルトのエディタとは異なり、 'teeny'ボタン、PressThisバーに対して定義されていました。

'teeny_mce_buttons',
array( 
    'bold', 'italic', 'underline', 'blockquote', 'strikethrough', 'bullist',   
    'numlist', 'alignleft', 'aligncenter', 'alignright', 'undo', 
    'redo', 'link', 'unlink', 'fullscreen'
)

2行目の可能性もあります。

'mce_buttons_2'
array( 
    'formatselect', 'underline', 'alignjustify', 'forecolor', 'pastetext',
    'removeformat', 'charmap', 'outdent', 'indent', 'undo', 'redo'
)

デフォルトWPエディタ設定

    $set = wp_parse_args( $settings, array(
        'wpautop'             => true,
        'media_buttons'       => true,
        'default_editor'      => '',
        'drag_drop_upload'    => false,
        'textarea_name'       => $editor_id,
        'textarea_rows'       => 20,
        'tabindex'            => '',
        'tabfocus_elements'   => ':prev,:next',
        'editor_css'          => '',
        'editor_class'        => '',
        'teeny'               => false,
        'dfw'                 => false,
        '_content_editor_dfw' => false,
        'tinymce'             => true,
        'quicktags'           => true
    ) );

TinyMCEエディタのカスタムプラグイン

次の例のように、この設定配列にTinyMCE用のカスタムプラグインを追加することもできます。

'tinymce' => array( 
    'plugins' => 'fullscreen, wordpress, wplink, textcolor'
)
2
bueltge