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）に独自タグ挿入用のスタイル選択ボックスを追加するカスタマイズ
関連記事
-
-
Labカラーモードと調整レイヤーの使い方
Adobe Stockのチュートリアルに載っていたので、Photoshopでやってみたらほぼ同じだっ… ≫続きを読む
-
-
（WEB制作入門3）無料ブログはもったいないという話
前の投稿で、ブログサービスが便利ということを書きました。 でもわたしは、無料ブログの利用はできるだけ… ≫続きを読む
-
-
【Q】ブログとfacebookページ、両方更新するのがしんどいです。どちらに力を入れたら良いですか？
先日友人から「うちのホームページ、全然人が見に来ないみたいで問い合わせもないしどうすれば？」と相談を… ≫続きを読む
-
-
【Q】ホームページが大きくなるにつれてナビゲーションの管理（？）に困っています。ページを増やすたびにたくさんのファイルを変更しなくてはいけません・・
ナビゲーションは、ホームページによっては、サイトのヘッダーにあったり、サイドナビにあったりして、目次… ≫続きを読む
-
-
古いバージョンのWordPressサイトを、新しいバージョンに上げ、データベースを移転する方法のメモ
サーバーの引っ越し。こまごまといろいろやらなければ行けないことがあって、よく手順を間違えたりしてロス… ≫続きを読む
-
-
（WEB制作入門5）ショッピングカートって何？
WEB制作入門1から4までで、独自ドメインの大事さ、WordPressがどれだけすぐれているかを書い… ≫続きを読む
-
-
覚えてもらえるお店になること・・・
webの森は信州EC実践会という、ウェブマーケティングの勉強会を主催していまして、たくさんのネット店… ≫続きを読む
-
-
仕事爆速化した、Aqua Voiceに１ヶ月無料になるリンクがあった
「音声入力って誤字だらけになるし、結局手で打った方が早くない？」 ……そう、私もその派でした。が、A… ≫続きを読む