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におすすめ twentytwelve
かわいいネイルサロンのホームページを作成させていただきましたので紹介します。 長野県駒ヶ根市のネイル… ≫続きを読む
-
-
Q：GA4で、特定のドメインを除外設定する方法を教えてください
GoogleアナリティクスがGA4に変わってから、ガラッと使い方が変わってしまったので、時々お問合せ… ≫続きを読む
-
-
調整レイヤーの使い方
フォトレタッチの極意１：紅葉の色彩をアップする | Adobe Creative Station 部… ≫続きを読む
-
-
質問：わたしのホームページ検索で出てこないんです・・・その原因
先日、「うちのホームページ、検索しても出てこないんです」という相談をされ、見てみたところ、本当に、サ… ≫続きを読む
-
-
html.to.designの使い方。どんなHPでも一発でFigmaのデータに変換できます！
こんにちは、webの森のモモンガです。 最近youtubeチャンネルで、Figmaについての動画を作… ≫続きを読む
-
-
【Q】ネットショップには「ランディングページが大事」と聞きました。ランディングページって何ですか？
まずはランディングページ、見てみてください。こんなページのことです。ランディングページのリンク集 テ… ≫続きを読む
-
-
グーグルマイビジネスのオーナー申請のやり方
私の友人で、とあるお店を経営しているのですが、 グーグルマイビジネスを取引先である大手ポータルサイト… ≫続きを読む
-
-
信州EC実践会・飯田 水上浩一出版記念セミナー H31年1月28日
SEOに強い！ネットショップの教科書 信州EC実践会の水上浩一講師の新刊「SEOに強い！ネットショッ… ≫続きを読む
-
-
グーグルアナリティクスGA4への切り替え
来年７月１日からGoogle Analytics4への移行があるということで、まだ未設定の場合は下記… ≫続きを読む
-
-
一番簡単なスマホ対応ページの作り方
スマホに対応したホームページの作り方（手法）はたくさんありますので、一概には言えませんが、超初心者向… ≫続きを読む