TinyMCEにスタイルを追加する
自分への備忘録なので丁寧な記事ではなくてすみません。
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）に独自タグ挿入用のスタイル選択ボックスを追加するカスタマイズ
関連記事
-
-
万歩計から、お小遣いがもらえるアプリに変えよう。日本製で初心者にもやさしいステラウォーク
健康のために万歩計！使ってる方に朗報😂 これからは、「歩くだけで少しでもお小遣い稼ぎ… ≫続きを読む
-
-
WordPressのメリットを再確認しませんか？
今更ですが、「Wordpressってすごいメリットがあるんですよ！」 というネタで動画を作りましたの… ≫続きを読む
-
-
【Q】ホームページをCMSにするとSEO対策に不利と聞きましたが・・・・。普通のHTMLで作って置いた方がいいんでしょうか？
「アドレスがhtmlじゃなくなると検索に不利なのでは・・？」「CMSで作った動的ページはSEOで不利… ≫続きを読む
-
-
質問：迷惑メールが多くて困っています
私がお客様からいただく相談メールでかなり多いのがこの質問です。 ドメインで作った大事なメール、お客様… ≫続きを読む
-
-
Q：インスタやってるからブログは不要？
SNSがとても手軽な時代なので、インスタやLINE、ツイッター（エックス）など、SNSをしていれば、… ≫続きを読む
-
-
長野ADC主催のデザイン会議
昨日は長野ADC主催のデザイン会議に出てきました。会場が素敵で、古い酒蔵をくつろぎスペースに改造・再… ≫続きを読む
-
-
HTMLコードの編集がよくわからない…不安という方に
こんにちはモンガです。今日はHTML コードが簡単に編集できる便利なツールの 紹介をします。 ネット… ≫続きを読む
-
-
阿智村商工会主催 ホームページ勉強会と相談会
＜小さなネットショップでも大きく成功できる通販サイト＞ セミナー開催のお知らせです。講師はwebの森… ≫続きを読む
-
-
Microsoft Designerとは？始め方、使い方。AIがデザインを提案してくれるデザインアプリ
↓動画で視聴することができます。 AIにデザイン提案してもらうってすごい時代になってしまった！ 新し… ≫続きを読む
-
-
スマホでfacebookしてるときにいきなり音がならないように
スマホでFBをチェックしてると、動画が表示されたとたんに音が鳴りはじめて焦ったことありませんか？ 音… ≫続きを読む