wordpress管理画面関連

TinyMCE Advanced

WordPressでTinyMCEのテーブルの幅と高さをカスタマイズする(style属性のwidthとheight)

TinyMCEのTableタグ自動付与パラメータを書き換えた
https://www.ns-lab.org/digiloog/2018/08/article_5109/

WordPressのエディタ(TinyMCE)をプラグイン無しでカスタマイズする
http://notnil-creative.com/blog/archives/2240

TinyMCE Advanceに独自要素追加
https://qiita.com/m_t_of/items/22d5227000a9b2602729


管理画面ビジュアルエディタにCSSを適用

functions.phpに、

add_editor_style();

を追加。

wordpress公式関数リファレンス

引数のデフォルトは、「editor-style.css」なので必要に応じて変更させる。

例:add_editor_style(‘style.css’);

サイト全体の共有CSSを反映させたければこんな感じ。

$url = home_url( '/' );
add_editor_style($url.'common/css/styles.css');

tinyMCEの「スタイル」プルダウンで独自スタイルの追加設定が全然できず。

未検証だけど、

  1. functions.phpをごちゃごちゃいじってアップロード
  2.  tinyMCE Advanceの設定画面で「 CSS クラスメニューの作成」にチェック

この順番じゃないと反映されないみたいっぽい。
最後の仕上げに「 CSS クラスメニューの作成」にチェックを入れる感じ?

こちらのページ↓の情報がヒントになるかも知れない。

【SANGO】TinyMCE Advancedでスタイルが使えなくなった時の対処法+公式α

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください