ワードプレス、ビジュアルエディタに隠されている?ボタンと初期ボタンとテーブルの追加方法。

ワードプレス
スポンサーリンク

こんばんゎー。
東京辺りでは桜が咲こうとしていることろでしょうか?
札幌は雪が降っています。
窓にパチパチと音を立て降っているという事は、ちょっと大きめのアラレか雨になっているのかな?
寒くて見たくないです。

ワードプレスのビジュアルエディタで初めからあるボタンと追加出来るボタンがあるらしいんですが、特に気にしないで検索しているときは「ほぉーこんなんあるんだー」と見ることがあるんですが、いざ探すと前になんのキーワードで探していたのか全然見つからないんです。
なので自分用メモ書きしておこうかなと思います。

スポンサーリンク

ビジュアルエディタ初期ボタン

ビジュアルエディタのボタンは wp-includes/class-wp-editor.php にあります。
そこで mce_buttons で検索すると(現在は)612行目に、

php
$mce_buttons = array( 'formatselect', 'bold', 'italic', 'bullist', 'numlist', 'blockquote', 'alignleft', 'aligncenter', 'alignright', 'link', 'unlink', 'wp_more', 'spellchecker' );

これが上のボタンたち。
(現在は)634行目に、

php
$mce_buttons_2 = array( 'strikethrough', 'hr', 'forecolor', 'pastetext', 'removeformat', 'charmap', 'outdent', 'indent', 'undo', 'redo' );

下のボタンたち。
初期は2段なのでカスタマイズして最大4段に増やすことや配置を変えることも可能みたいです。

ビジュアルエディタ自分用メモ

functions.php
function myplugin_tinymce_buttons($buttons){
      unset($buttons);
      $buttons = array('styleselect','removeformat','forecolor','backcolor','bold','wp_adv');
      return $buttons;
 }
add_filter('mce_buttons','myplugin_tinymce_buttons');

functions.php に追加する。これで探すのに苦労しなくて済むかな?

スポンサーリンク

テーブル機能の追加

もう一つ、ここ何日も検索しまくって滞っていたのは、プラグインなしでビジュアルエディタにテーブル作成する方法とスタイル要素を簡単にする方法を探してました。
中々ヒットしないという事は検索文字が変なのか?やる人がいないのか?
今日は前者のビジュアルエディタにテーブル作成のことが出来たので覚え書きです。

かっちょいいです。

functions.php
// テーブル機能を追加
function mce_external_plugins_table($plugins) {
    $plugins['table'] = '//cdn.tinymce.com/4/plugins/table/plugin.min.js';
    return $plugins;
}
add_filter( 'mce_external_plugins', 'mce_external_plugins_table' );

// テーブル用ボタンの追加
function mce_buttons_table($buttons) {
    $buttons[] = 'table';
    return $buttons;
}
add_filter( 'mce_buttons_3', 'mce_buttons_table' );

これを functions.php に追加するだけでした。
でした。と言っても中々検索結果に表示されず検索の仕方が悪かったようです。

更に表の上で右クリックしたら編集用メニューを出したい!と思ったら、

functions.php
// テーブル機能を追加
function mce_external_plugins_table($plugins) {
    $plugins['table'] = '//cdn.tinymce.com/4/plugins/table/plugin.min.js';
    $plugins['contextmenu'] = '//cdn.tinymce.com/4/plugins/contextmenu/plugin.min.js';
    return $plugins;
}
add_filter( 'mce_external_plugins', 'mce_external_plugins_table' );

// テーブル用ボタンの追加
function mce_buttons_table($buttons) {
    $buttons[] = 'table';
    return $buttons;
}
add_filter( 'mce_buttons_3', 'mce_buttons_table' );

諦めず探してみるもんだ。

次は Simplicity2 の基本的な文章装飾スタイルを使う方法まとめを見てもらうと分かると思いますが、初めから装飾タグがあるんですよね。
これを自分風にしてみたいと思っているんですけど、自分風って持っていない気もするんです・・(汗。
いやいや、使うであろうタグを編集して自分風を作成したいと思います!

スポンサーリンク

関連記事一覧

  1. この記事へのコメントはありません。

CAPTCHA


日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)