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制作入門6)ショッピングカートのいろいろ

ショッピングカート・・・いろいろあって迷いますよね?どれが良いのでしょうか。ここでは、ASPサービス… ≫続きを読む

【Affinity裏技】Illustratorユーザー必見!Affinityの縦書きで「縦中横」を実現する方法を発見しました

私のYouTubeチャンネルで、Affinityの番組がめっちゃ人気です。 特に、今までAdobeか… ≫続きを読む

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

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

【Q】リアル店舗もってるネットショップは、Googleマイビジネス(マップ)の登録が必須だと聞きました。どうすればいいのでしょう?

地域名 + サービス名で検索してみてください まずは試してみてください。Googleで「駒ヶ根市 税… ≫続きを読む

Q:メルマガを始めたいですが何からすれば良いですか?

こんにちは、webの森です。今回はサポートにいただいた質問と回答を掲載させていただきます。 質問され… ≫続きを読む

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

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

html.to.designの使い方。どんなHPでも一発でFigmaのデータに変換できます!

こんにちは、webの森のモモンガです。 最近youtubeチャンネルで、Figmaについての動画を作… ≫続きを読む

【Q】お店のfacebookページを作ったのですが、記事を投稿しても、反応があまりないし、誰が見てくれているかわからないんですが・・・?

《2016年2月補足》サイトリニューアルにあたり、旧記事を整理していますが、アクセスの多い記事は残し… ≫続きを読む

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

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

【Q】ネットショップが完成しました、これから何をしていけば良いでしょうか

たくさんの労力・時間をかけてやっとオープンしたネットショップ。 webの森にリニューアルをご依頼いた… ≫続きを読む

▲ページ先頭へ