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）に独自タグ挿入用のスタイル選択ボックスを追加するカスタマイズ
関連記事
-
-
【ホームページの作り方】観光農園・直販通販サイトの制作
農業とインターネット。一見、あまり関係ないと思われがちですが、田舎で営業する農家さんにとって、インタ… ≫続きを読む
-
-
信州EC実践会・飯田 水上浩一出版記念セミナー H31年1月28日
SEOに強い！ネットショップの教科書 信州EC実践会の水上浩一講師の新刊「SEOに強い！ネットショッ… ≫続きを読む
-
-
[リクルートID]定期ニュースの停止
[リクルートID]定期ニュースの停止ができずイライラマックス！ ポンパレで一度買い物しただけなの… ≫続きを読む
-
-
【ホームページの作り方】地域密着型のお店のホームページ作成
どの町にもある小さなお店、地域のお店…ふとん屋さん、本屋さん、ケーキ屋さん、中古車販売店。 ネットで… ≫続きを読む
-
-
Microsoft Designerとは？始め方、使い方。AIがデザインを提案してくれるデザインアプリ
↓動画で視聴することができます。 AIにデザイン提案してもらうってすごい時代になってしまった！ 新し… ≫続きを読む
-
-
エックスサーバーでWEBフォントの提供開始
私が愛用しているエックスサーバー http://www.xserver.ne.jp/ で、ウェブフォ… ≫続きを読む
-
-
Photoshopの色相・彩度のチュートリアル
（1）色相・彩度を選 （2）左下の手のひらマークをクリックし、スポイトで変更したい色を選択する （3… ≫続きを読む
-
-
長野県中小企業振興センター主催、ネットショップ経営者のための売上向上セミナー
８月５日（金）13:30～ ホテルメトロポリタン長野で、このようなセミナーがあります。主催は（公財）… ≫続きを読む
-
-
アマゾン チャットサービス どこ？
たどり着くまでにぐるぐると同じところへ戻り迷路をさまよってしまうので、自分への備忘録です。 ちなみに… ≫続きを読む
-
-
Canva vs Affinity 比較してみた。デザインするならどっち？
こんにちは、モモンガです。今日は、2024年7月11日。待っていました、Affinityの6ヶ月無料… ≫続きを読む