joomla - コードサンプルのスタイルを変更する

概要

・TinyMCEの「コードサンプルの挿入・編集」について

エディタ画面では背景色が変化するが実際のサイトでは背景色が変化していない。
暫定対処としてスタイルシートを直接変更して対処する。

修正方法

1. 管理画面にログインする
2. [ システム ] メニューをクリックする
3. [ テンプレート ] の [ サイトのテンプレートスタイル ] をクリックする
4. [ テンプレート ]列のテンプレート名をクリックする
5. [ /css/template.min.css ] を以下のスタイルを追加する
   

   .language-markup {
       background:#F5F2F0;
       margin:8px 0px;
       padding:16px;
   }

6. 保存ボタンをクリックして編集内容を保存する