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）に独自タグ挿入用のスタイル選択ボックスを追加するカスタマイズ
関連記事
-
-
質問：迷惑メールが多くて困っています
私がお客様からいただく相談メールでかなり多いのがこの質問です。 ドメインで作った大事なメール、お客様… ≫続きを読む
-
-
Q：ハッシュタグとカテゴリーの違いとは？
ハッシュタグ #SEO対策 とか #SNS入門 とか #サポート備忘録 とか。 ハッシュタグ流行って… ≫続きを読む
-
-
Lightboxが動かない場合はこれを試して
久々にLightboxを使おうとしたら、何故か動かなくてはまってしまったので、メモしておきます。 1… ≫続きを読む
-
-
Microsoft Designerとは？始め方、使い方。AIがデザインを提案してくれるデザインアプリ
↓動画で視聴することができます。 AIにデザイン提案してもらうってすごい時代になってしまった！ 新し… ≫続きを読む
-
-
【飯田開催】水上浩一ネットショップ売上げアップセミナー 令和元年11月18日
水上先生のセミナーを企画しましたので、ご案内します。 売上ゼロ円からのネットショップ、売れない原因と… ≫続きを読む
-
-
調整レイヤーの使い方
フォトレタッチの極意１：紅葉の色彩をアップする | Adobe Creative Station 部… ≫続きを読む
-
-
画像のファイルサイズ、小さくしていますか？
webの森からお客様にウェブサイトを納品した後、お客様ご自身で更新している場合、画像の容量のことを考… ≫続きを読む
-
-
（WEB制作入門2）HTMLの目的
HTMLは、世界共通のコンピューター言語で、タグというコードでできています。タグは、「こんな意味で使… ≫続きを読む
-
-
【Q】リニューアルしてページ名がindex.htmlからindex.phpに変わります。名前が変わると、過去にいろんな別サイトやブログからリンクしているので、リンク切れが起きてしまうんですが、どうすれば！？
リニューアルでindex.htmlをindex.phpに変更することって結構ありますね。静的HTML… ≫続きを読む
-
-
仕事爆速化した、Aqua Voiceに１ヶ月無料になるリンクがあった
「音声入力って誤字だらけになるし、結局手で打った方が早くない？」 ……そう、私もその派でした。が、A… ≫続きを読む