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

  関連記事

【Q】わたしのネットショップ、写真が良くないと言われたのですが・・・。

よく言われることですが、「ネットショップは写真が命」 買う人は手にとって見ることができない、匂いを嗅… ≫続きを読む

【ホームページの作り方】スクールサイト・教室・教育機関のホームページ作成

学校のホームページを作る時、何を目的につくるか、誰が対象か、更新は誰がどんな方法で行うか、この点が大… ≫続きを読む

覚えてもらえるお店になること・・・

webの森は信州EC実践会という、ウェブマーケティングの勉強会を主催していまして、たくさんのネット店… ≫続きを読む

【Q】最近はdivというのを使ってホームページを作ると聞きました。何故以前のようなテーブルデザインではいけないんですか?

web標準でつくるホームページ テーブルデザインではなく、スタイルシートを使って制作する方法は、時に… ≫続きを読む

【ホームページの作り方】観光農園・直販通販サイトの制作

農業とインターネット。一見、あまり関係ないと思われがちですが、田舎で営業する農家さんにとって、インタ… ≫続きを読む

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

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

飯田でのセミナーご参加ありがとうございました

飯田のセミナー、大好評のうちに終了しました。アンケート結果、皆さんとても勉強になった、また参加したい… ≫続きを読む

時間の計算をしたい時に・・・

ちょっとしたメモです。 数字が弱いわたしは、13時35分から1時間半で・・・と言われてもすぐに 何時… ≫続きを読む

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

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

Photoshopの色相・彩度のチュートリアル

(1)色相・彩度を選 (2)左下の手のひらマークをクリックし、スポイトで変更したい色を選択する (3… ≫続きを読む

▲ページ先頭へ