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）に独自タグ挿入用のスタイル選択ボックスを追加するカスタマイズ
関連記事
-
-
同じ部屋の別のWindows10とフォルダを共有したい場合
今回ものすごく苦労して、パソコンの先生に教わりながら設定したのですが、いろいろ備忘録しておきます。（… ≫続きを読む
-
-
HTMLコードの編集がよくわからない…不安という方に
こんにちはモンガです。今日はHTML コードが簡単に編集できる便利なツールの 紹介をします。 ネット… ≫続きを読む
-
-
【Q】最近はdivというのを使ってホームページを作ると聞きました。何故以前のようなテーブルデザインではいけないんですか？
web標準でつくるホームページ テーブルデザインではなく、スタイルシートを使って制作する方法は、時に… ≫続きを読む
-
-
Midjourney（AI画像生成ツール）の命令のコツ
Midjourneyのコツがだんだんわかってきたので、参考コマンドを紹介します。 まずコツを覚えて、… ≫続きを読む
-
-
NFTについての素朴な疑問と答えをまとめました
こんにちは、モモンガです。わたしのYoutubeチャンネルで、NFTについての完全ガイドの動画を作っ… ≫続きを読む
-
-
調整レイヤーの使い方
フォトレタッチの極意１：紅葉の色彩をアップする | Adobe Creative Station 部… ≫続きを読む
-
-
Q：GA4で、特定のドメインを除外設定する方法を教えてください
GoogleアナリティクスがGA4に変わってから、ガラッと使い方が変わってしまったので、時々お問合せ… ≫続きを読む
-
-
WordPressのページ更新をするときに便利なツールあれこれ
まず、GoogleChromeはPCに入れておいてください HTMLを編集するのにとて… ≫続きを読む
-
-
【ホームページの作り方】スクールサイト・教室・教育機関のホームページ作成
学校のホームページを作る時、何を目的につくるか、誰が対象か、更新は誰がどんな方法で行うか、この点が大… ≫続きを読む
-
-
質問：迷惑メールが多くて困っています
私がお客様からいただく相談メールでかなり多いのがこの質問です。 ドメインで作った大事なメール、お客様… ≫続きを読む