【WordPress】ビジュアルエディタでプラグインを使わずHタグにクラスを追加したりリンクを作成したりする方法 | 何もないけどヨロシク。
functions.phpにTinyMCEをカスタマイズしたスタイルセレクトボタンを追加する functons.phpをカスタマイズする。こんな感じ。 functions.php //スタイルセレクトボタンを追加 function tinymce_add_buttons( $array ) { array_unshift( $array, 'styleselect' ); return $array; } add_filter( 'mce_buttons', 'tinymce_add_buttons' ); //スタイルセレクトの初期設定を変更 function customize_tinymce_settings($mceInit) { $style_formats = array( array( 'title' => 'div(段落)', 'block' => 'div', 'clas
【WordPress】ビジュアルエディタで編集したいけどTinyMCEの自動整形をどうにかしたい | バシャログ。
ご無沙汰しております。yamashitaです。 どの職業でも"瀬戸際"ってやつが想像以上に続くことってありますよね。 その辺見極める力は是非付けたいところです。 それはそれとしてWordPressで使用されているエディタ、TinyMCEの仕様に振り回されました。 日々コードを見て慣れている開発者としてはテキストエディタ側でHTMLを編集したい、 実際に運用する普段コードに慣れていない人は（あとからプレビューするとしても）ビジュアルエディタで実際の見た目に近い状態で編集したい という当然の要望がありますよね。 しかし、ビジュアルエディタで編集すると意図して組んだHTMLが崩れてしまうということが多々あり、苦労しました。 検索すると多くの方が困っているようで、プラグイン（主にTinyMCE Advanced）を使ったり、使わなかったりと様々な方法で解決されているようでした。 それらを総合的に取
WordPress：ヴィジュアルエディターにボタンを追加する方法
WordPressのヴィジュアルエディターに新しいボタンを追加する方法です。 今回は、ヴィジュアルエディターに下図のようなボタンを追加します。 テキストを選択してボタンをクリックすると、下記のようなタグが仕込まれる仕様です。 HTML 仕込まれるタグは変更できるので、好きなタグをボタン一つで挿入することができます。 プラグイン「Advanced Editor Tools (旧 TinyMCE Advanced)」をインストールしていても使えます。 ボタンの追加方法 早速ボタンを追加していきましょう。 必要なファイル ボタンを追加するには下記のファイルが必要となります。 ボタンアイコン用のpngファイル（サイズは20X20） tinymce_quotebutton.js swpbtn-shortcode.php エディターに表示させるボタンアイコンは事前に作成しておきましょう。 JavaSc
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
