【WP】ログインユーザーの画面にだけ表示させる

WordPress

変更した部分を一般公開前にサイト上でプレビューしたいという時に使っています。
小規模なコンテンツ追加をしたいけど、テストサーバー使うほどでもないな~という時など。
ログインユーザーにだけ表示されるので、運営を数人でしている場合のチェックにも使えます。

WordPressでログインをすると、サイト上のbodyにlogged-inというクラスが追加するのでそれを利用しています。
(テンプレートのbodyタグにbody_class();が含まれていることが前提)

HTML

<div class="display-none">
<!-- 一般ユーザーには非表示にしたい内容 -->
</div>

CSS

.display-switch{
display: none;
}
.logged-in .display-switch{
display: block;
}

一旦非表示にしてログインユーザーにのみ表示しているだけですが便利!
ソースには表示されてしまうので、あくまでも一時的な利用にどうぞ。