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入門| 

  関連記事

メール設定サポートでよくある質問と答え

webの森ではたくさんのクライアント様のサーバー保守もしていますので、「メールが読めなくなったんです… ≫続きを読む

アマゾン チャットサービス どこ?

たどり着くまでにぐるぐると同じところへ戻り迷路をさまよってしまうので、自分への備忘録です。 ちなみに… ≫続きを読む

Canvaを使ってみました。「イラレやフォトショがなくても、簡単な画像くらいなら自分で作成したい」方のための….

私はEC実践会の自主勉強会や、お客様の指導で、HPの作り方をレッスンすることもあるのですが、そんなと… ≫続きを読む

今更聞けない、インボイスについてのあれこれ

この10月からインボイス制度が本格的に開始されましたね。 多くの企業がインボイスに伴う経理処理の変更… ≫続きを読む

【Q】キーワードの選び方を教えてください。

キーワードについて理解することで、SEO対策の効果がぐんとあがります。遠回りに見えるかもしれないけど… ≫続きを読む

【Q】SEO対策しませんか?という電話がありました。どこで調べたのか私の個人情報も結構知っていて不安です。

●●グループから電話がかかってきましたか? しつこい営業でけっこう悪名高いところなので無視していただ… ≫続きを読む

エックスサーバーをおすすめします

今回、つくづくエックスサーバーにしていてよかったという事件に出くわしたので紹介します。 エックスサー… ≫続きを読む

売れるECサイトを制作、運営するためのノウハウまとめに取り上げていただきました

webの森の記事が、「売れるECサイトを制作、運営するためのノウハウまとめ」に取り上げていただきまし… ≫続きを読む

パラコードアクセサリー製作入門! in 駒ヶ根高原・ヴァンドール

突然ですが、パラコードって知ってますか。 パラシュートを結ぶ紐なんですが、弾力があって柔らかいのに、… ≫続きを読む

ネットショップ経営者のための売上向上セミナー(松本)

8月に開かれた長野県主催のネットショップ店長さん向けセミナーですが、9月は松本市で開かれます。興味の… ≫続きを読む

▲ページ先頭へ