otaku-tokyo

 

MCE Button

参考サイト

https://nw.myds.me/wprdpress-ad/tinymce-add-buttons/

全体の流れ

STEP1 アイコンを作成する

STEP2 アイコン名を決める

STEP3 ボタン処理を行うjsファイルの場所を指定する

STEP4 jsファイルにボタン処理を記述する

STEP1 アイコンを作成する

背景色#f5f5f5でサイズが200*300pxくらいの画像を用意してください。

テーマフォルダ内に「mce」というフォルダを作成し、その中に画像ファイルを入れます。

STEP2 アイコン名を決める

functions.phpに下記プログラムを記述します。

ボタンを一段目に追加する場合は「mce_buttons」を利用します。

二段目に追加する場合は「mce_buttons_2」を利用します。

三段目に追加する場合は「mce_buttons_3」を利用します。

STEP3 ボタン処理を行うjsファイルの場所を指定する

functions.phpに下記プログラムを記述します。

STEP4 jsファイルにボタン処理を記述する