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

  関連記事

初めてのWordPressにおすすめ twentytwelve

かわいいネイルサロンのホームページを作成させていただきましたので紹介します。 長野県駒ヶ根市のネイル… ≫続きを読む

Lightboxが動かない場合はこれを試して

久々にLightboxを使おうとしたら、何故か動かなくてはまってしまったので、メモしておきます。 1… ≫続きを読む

facebookページにお問い合せ先を入れる方法

webの森のfacebookページを見て気が付いたのですが、ヘッダーにお問い合せ先を追加できる機能が… ≫続きを読む

仕事爆速化した、Aqua Voiceに1ヶ月無料になるリンクがあった

「音声入力って誤字だらけになるし、結局手で打った方が早くない?」 ……そう、私もその派でした。が、A… ≫続きを読む

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

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

古いバージョンのWordPressサイトを、新しいバージョンに上げ、データベースを移転する方法のメモ

サーバーの引っ越し。こまごまといろいろやらなければ行けないことがあって、よく手順を間違えたりしてロス… ≫続きを読む

長野県中小企業振興センター主催、ネットショップ経営者のための売上向上セミナー

8月5日(金)13:30~ ホテルメトロポリタン長野で、このようなセミナーがあります。主催は(公財)… ≫続きを読む

同じ部屋の別のWindows10とフォルダを共有したい場合

今回ものすごく苦労して、パソコンの先生に教わりながら設定したのですが、いろいろ備忘録しておきます。(… ≫続きを読む

【フィッシング詐欺】メールアドレスを確認してください 現在のパスワードを保持

今朝、ベッドの中でぼーっとスマホをいじっていて、このメールを開いたとたん、「何だっけ、Googleが… ≫続きを読む

Labカラーモードと調整レイヤーの使い方

Adobe Stockのチュートリアルに載っていたので、Photoshopでやってみたらほぼ同じだっ… ≫続きを読む

▲ページ先頭へ