TinyMCEにスタイルを追加する

   web入門, WordPress入門| 

自分への備忘録なので丁寧な記事ではなくてすみません。

function.phpに下記を追加

/**
 * TinyMCEの初期化配列を作成する
 * @param array $initArray
 * @return array
 */
function _my_tinymce($initArray) {
 //選択できるブロック要素を変更
 $initArray['theme_advanced_blockformats'] = 'p,h2,h3,h4,h5,dt,dd,div,pre';
 return $initArray;
//スタイリング用クラス
$style_formats = array(
 array(
 'title' => 'リード文',
 'block' => 'p',
 'classes' => 'lead'
 ),

);

editor-style.cssに、スタイルを記述

同じように、オモテに出るcssにも追加

そのとき必ず、pなどのブロックの名前と一緒に追加すること

 

(参考)
WordPressのビジュアルエディター(TinyMCE)に独自タグ挿入用のスタイル選択ボックスを追加するカスタマイズ

   web入門, WordPress入門| 

  関連記事

【ホームページの作り方】ポータルサイト・情報サイト・コミュニティサイトの作成

ポータルサイト、情報サイトで大事なことは、情報やページ数がどんどん増えていくしくみです。情報が大量に… ≫続きを読む

Labカラーモードと調整レイヤーの使い方

Adobe Stockのチュートリアルに載っていたので、Photoshopでやってみたらほぼ同じだっ… ≫続きを読む

詐欺に合わないための注意

オモテのきっかけは「宮崎学の写真をNFTで販売してみたい」、裏のきっかけは「ゲームで課金するのはバカ… ≫続きを読む

DaVinci Resolve(ダビンチリゾルブ)web埋め込み用書き出し設定

こんにちは、モモンガです。今回初めてweb用に動画を埋め込むために制作をしまして、いつもはYoutu… ≫続きを読む

【Affinity裏技】Illustratorユーザー必見!Affinityの縦書きで「縦中横」を実現する方法を発見しました

私のYouTubeチャンネルで、Affinityの番組がめっちゃ人気です。 特に、今までAdobeか… ≫続きを読む

件名:Document2 というメールは開かないで削除 メールの受信がストップする場合もあるようです

「件名:Document2」というメールが送られてきた場合、メールを開かずに削除してください。このメ… ≫続きを読む

cssのpositionはあまり使いません

モモンガの森で、世界一わかりやすいポジションの使い方という記事を書いたところかなりたくさんの方から「… ≫続きを読む

Q:GA4で、特定のドメインを除外設定する方法を教えてください

GoogleアナリティクスがGA4に変わってから、ガラッと使い方が変わってしまったので、時々お問合せ… ≫続きを読む

おめでとうございます! Chrome ユーザー調査 というのが出たら詐欺

GoogleChromeをお使いの方、こんな画面が出たら詐欺なので注意してください。 ───────… ≫続きを読む

(WEB制作入門5)ショッピングカートって何?

WEB制作入門1から4までで、独自ドメインの大事さ、WordPressがどれだけすぐれているかを書い… ≫続きを読む

▲ページ先頭へ