TinyMCEにスタイルを追加する

   web入門, WordPress入門| 

自分への備忘録なので丁寧な記事ではなくてすみません。

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)に独自タグ挿入用のスタイル選択ボックスを追加するカスタマイズ

   web入門, WordPress入門| 

  関連記事

フォトショップでバウンディングボックスを自動表示

これ・・・意外と便利なのに、初期設定ではそうなってないので知らずに使っている人が多いかもしれません。… ≫続きを読む

DaVinci Resolve(ダビンチリゾルブ)web埋め込み用書き出し設定

こんにちは、モモンガです。今回初めてweb用に動画を埋め込むために制作をしまして、いつもはYoutu… ≫続きを読む

不労所得って悪いことなの?資産の運用なら全然OKだし勉強するべき

ビットコインって何?危ないんじゃない?そんなことに手を出したら・・・・ ビットコインとか暗号資産の話… ≫続きを読む

WordPress PHP7から8へ更新する方法(非エンジニアの方でもChatGPTがいれば安全に更新することができます)

WordPressを古くから使っている皆さん、 PHPってわかりますか? PHPというのは PHPは… ≫続きを読む

WordPressの2段階認証が失敗する場合

WordPressのセキュリティを上げるために、2段階認証を導入しましたが、 よくご質問を受ける失敗… ≫続きを読む

フィッシング詐欺の事例です

こんにちは、モモンガです。 お客様から「こんな見たことがないメールが来たんですが・・・」 とスクショ… ≫続きを読む

長野ADC主催のデザイン会議

昨日は長野ADC主催のデザイン会議に出てきました。会場が素敵で、古い酒蔵をくつろぎスペースに改造・再… ≫続きを読む

Q:ハッシュタグとカテゴリーの違いとは?

ハッシュタグ #SEO対策 とか #SNS入門 とか #サポート備忘録 とか。 ハッシュタグ流行って… ≫続きを読む

【ホームページの作り方】WordPressの勉強をしたいのですが・・・

Q:WordPressのサイトを土台まで友人に作ってもらったのですが、そこから先どうしたら良いかわか… ≫続きを読む

【Q】ホームページが大きくなるにつれてナビゲーションの管理(?)に困っています。ページを増やすたびにたくさんのファイルを変更しなくてはいけません・・

ナビゲーションは、ホームページによっては、サイトのヘッダーにあったり、サイドナビにあったりして、目次… ≫続きを読む

▲ページ先頭へ