ショートコードの意匠を入力画面にも表示させる

ショートコードを入力画面の本文に入力しても、その本文にはその意匠は表示されません。これは、ショートコードの宿命で、いたしかたのないことのようです。

が、単純な意匠に限ってとなりますが、ひとつ工夫してみました。

現在、editor-style.cssに見出しの意匠を入力していますので・・・

たとえば、h4　見出しは入力画面でもこのように表示される

それでは、「編集者の覚書を本文に入力、その領域だけを非公開（プライベートメモ）にして、管理画面にログインすれば、出力画面でも編集者だけは閲覧できる」ようにしてみます。

次のSUショートコードを使います。
実際のショートコードの【】は[半カッコ]になります。

【su_private 】プライベートメモ【/su_private】

• 以下のCSSを作成してeditor-style.cssに入力
• 以下のHTMLを作成して本文に入力

★関係がややこしいです・・・反映するのに若干時間がかかりますが、うまくいきました。

編集者の便宜を図るために、一般閲覧画面でも「プライベートメモ」があるというサインも付けてみます。サインはFont AwesomeのLockで