ビジュアルエディタをカスタマイズする方法 [WordPress/TinyMCE]

ビジュアルエディタ

公式サイト：

Using the Visual Editor | Make WordPress Support [Official]

使い方

参考：

ビジュアルエディタをカスタマイズする際の備忘録 | NxWorld

TinyMCE の基本スペックとカスタマイズ | ホームネットワーク研究所ホームネットワーク研究所

ボタンを追加する

参考：

カスタムボタンの追加とショートコード／HTML の相互変換 | WebTecNote

ビジュアルエディタにオリジナル機能のボタンを付ける｜memocarilog

投稿画面のボタンをエディタの上に追加する | わーどしゅーぷれす

プラグインを使わずにビジュアルエディタへボタンを追加／削除したり、オリジナルの並びにしたりする方法 | memocarilog

ヴィジュアルエディターにボタンを追加する方法 | ITTI

投稿を分割する「改ページ」ボタンをビジュアルエディタに追加する | The WordPress Press

mce_buttons – フィルターフック | ホーム NW 研究所

ボタンの追加やエディターのアレンジ方法を紹介 | WP ワークス

TinyMCE4 のツールボタンについて | freo カスタマイズ集

Guide to Creating Your Own WordPress Editor Buttons | Envato Tuts+

How to Add Custom Buttons, Styles, Dropdowns & Pop-ups | GavickPro

Customizing the TinyMCE Editor to Add Buttons in WordPress | Axosoft Dev Blog

Adding Custom Buttons in TinyMCE Editor in WordPress | Made by Denis

TinyMCE Custom Buttons | WordPress Codex [Official]

mce_buttons – Hook | WordPress Developer Resources [Official]

Create a Custom Toolbar Button | TinyMCE 4.x Docs [Official]

How do I add multiple buttons to my WordPress post editor with a single plugin? – Stack Overflow

How to create a custom button for the visual editor that adds 4 non-breaking spaces? – WordPress Development Stack Exchange

How can i add custom button to my tinyMCE in wordpress – Stack Overflow

Add Custom Button to TinyMCE in WordPress – Stack Overflow

tinymce.PluginManager.add no longer working in wordpress 4.7.2 – Stack Overflow

ボタンを削除する

参考：

WordPress のビジュアルエディタのボタンを編集 – Qiita

WordPress の 投稿エディタから不要なボタンを削除する方法 | TechMemo

エディタから不要なボタンを削除する方法 | NxWorld

カスタムスタイルを追加する (style_formats)

参考：

プルダウンメニューのカスタマイズ | BLOG AND DESTROY

ビジュアルエディタでプラグインを使わず H タグにクラスを追加したりリンクを作成したりする方法 | 何もないけどヨロシク。

TinyMCE のスタイルメニューの項目追加 | onocom.code

WordPress のビジュアルエディタにスタイル挿入用のボックスを作る | 使える無料ソフト & 無料サービス

TinyMCE Custom Styles | WordPress Codex [Official]

adding CSS to format dropdown – WordPress Development Stack Exchange

ショートコードを挿入する

参考：

エディタにショートコードを挿入するボタンを追加する方法 | NxWorld

ダイアログを表示する

参考：

ビジュアルエディタカスタマイズの例 – Qiita

カスタムボタンの追加とショートコード／HTML の相互変換 | WebTecNote

WordPress の TinyMCE 投稿エディタでダイアログを出すボタンを追加する | Technote

ドロップダウンメニューを追加する

参考：

TinyMCE に自作ボタンを追加して定型文を git 管理したい！ | 株式会社クイック

インデント幅を変更する

tiny_mce_before_init フィルターに処理を追加し、indentation の設定を変更する。

add_filter( 'tiny_mce_before_init', function( $settings ) {
    $settings['indentation'] = '30px';
});

参考：

ビジュアルエディタでインデントが利用できる様にする | ホームNW研究所

Change padding to text indent in “Increase Indent” – WordPress Development Stack Exchange

TinyMCE 用のプラグインを追加する

参考：

ビジュアルエディタカスタマイズの例 – Qiita

mce_external_plugins – フィルターフック | ホーム NW 研究所

WordPress に TinyMCE のプラグインを追加するためのクラス (miya0001) – GitHub Gist

How to Create a WordPress TinyMCE Plugin | WPBeginner

mce_external_plugins – Hook | WordPress Developer Resources [Official]

How to add TinyMCE’s plugin in wordpress? – WordPress Development Stack Exchange

整形ルール

参考：

ビジュアルエディタで編集したいけど TinyMCE の自動整形をどうにかしたい | バシャログ。

tiny_mce_before_init – WordPress のエディタを切り替えると起こる自動整形を最低限制御したい | YAMATO ENGINEER BLOG

TinyMCE の整形ルールを変更する | WordPress インストール Tips

翻訳

参考：

TinyMCE の翻訳をカスタマイズする | WordPress Snippet (tenman.info)

tiny_mce_before_init

参考：

tiny_mce_before_init – フィルターフック | ホーム NW 研究所

tiny_mce_before_init – Hook | WordPress Developer Resources [Official]

コンテンツを操作する

参考：

Getting WP Tinymce’s Content – Stack Overflow

TinyMCE

参考：

TinyMCE | WordPress Codex 日本語版

プラグイン

参考：

TinyMCE 4 のプラグイン一覧 | freo カスタマイズ集

ドキュメント

TinyMCE | Documentation [Official]

Tips／まとめ

エディタカスタマイズ – Qiita

ビジュアルエディタをカスタマイズする際の備忘録 | NxWorld

TinyMCE に関するメモ | Web Design Leaves

TinyMCE をプラグイン無しでカスタマイズする | Takuro Hishikawa

Visual Editor Custom Buttons

入手：

Visual Editor Custom Buttons | WordPress Plugin [Official]

リポジトリ：

darthvader666uk/visual-editor-custom-buttons: Current Updates for Abandoned Plugin – Visual Editor Custom Buttons – GitHub

kugaevsky/visual-editor-custom-buttons: Unoficial Repository – GitHub

参考：

Visual Editor Custom Buttons – ビジュアルエディタにボタンを追加する | for men

Visual Editor Custom Buttons – ビジュアルエディタにボタンを登録可能なプラグイン | アマモ場

TinyMCE Templates

入手：

TinyMCE Templates | WordPress Plugin [Official]

参考：

TinyMCE Templates の使い方！テンプレートを作成して記事投稿を効率化 | ブロガーの森

TinyMCE Templates – WP 記事テンプレート作成プラグイン | 髪飾り情報局

TinyMCE Templates の使い方と設定方法 | メルプラ

TinyMCE Templates の使い方／投稿テンプレートを作成！ | 株式会社LIG