WordPressの編集画面でのみアニメーションを切る方法は?

例えば、マウスオンで開閉するメニューを作った場合など、WordPressの編集画面ではアニメーションを切って編集したいことがあります。

良い方法にやっと気づきました。

CSSのセレクタで、アニメーションを設定したクラス名の前に「web上での直上div名+空白」をつける。

無料神テーマ「Cocoon」の場合は投稿も固定記事も「entry-content」というdivの中に入っているので、CSSのセレクタを「.entry-content .(クラス名){~}」とすれば、WordPressの編集画面ではアニメーションが効かなくなる。

タイトルとURLをコピーしました