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入門| 

  関連記事

【Q】サーバーとかドメインとか言われてもよくわからないのですが・・・

webの森では、サイト制作をご依頼したお客様に、毎回サーバーとドメインの管理を今後どうするかをお聞き… ≫続きを読む

(WEB制作入門3)無料ブログはもったいないという話

前の投稿で、ブログサービスが便利ということを書きました。 でもわたしは、無料ブログの利用はできるだけ… ≫続きを読む

アマゾン チャットサービス どこ?

たどり着くまでにぐるぐると同じところへ戻り迷路をさまよってしまうので、自分への備忘録です。 ちなみに… ≫続きを読む

グーグルマイビジネスのオーナー申請のやり方

私の友人で、とあるお店を経営しているのですが、 グーグルマイビジネスを取引先である大手ポータルサイト… ≫続きを読む

窓が見つからない (Windowsのプログラムがどこかに行ってしまった時)

ソフトを立ち上げて、タスクバーにはたしかにそのソフトがあるのに、デスクトップ上のどこにもない!ない!… ≫続きを読む

【ホームページの作り方】スクールサイト・教室・教育機関のホームページ作成

学校のホームページを作る時、何を目的につくるか、誰が対象か、更新は誰がどんな方法で行うか、この点が大… ≫続きを読む

パラコードアクセサリー製作入門! in 駒ヶ根高原・ヴァンドール

突然ですが、パラコードって知ってますか。 パラシュートを結ぶ紐なんですが、弾力があって柔らかいのに、… ≫続きを読む

【Q】SEO対策について。初心者すぎて何からどうしたらいいか皆目わかりません(+ +;)

SEO対策とは、簡単に言うと「ホームページを検索で上位に来させる対策」と言われています。 でも・・・… ≫続きを読む

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

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

仕事爆速化した、Aqua Voiceに1ヶ月無料になるリンクがあった

「音声入力って誤字だらけになるし、結局手で打った方が早くない?」 ……そう、私もその派でした。が、A… ≫続きを読む

▲ページ先頭へ