変更した部分を一般公開前にサイト上でプレビューしたいという時に使っています。
小規模なコンテンツ追加をしたいけど、テストサーバー使うほどでもないな~という時など。
ログインユーザーにだけ表示されるので、運営を数人でしている場合のチェックにも使えます。
WordPressでログインをすると、サイト上のbodyにlogged-in
というクラスが追加するのでそれを利用しています。
(テンプレートのbodyタグにbody_class();
が含まれていることが前提)
HTML
<div class="display-none"> <!-- 一般ユーザーには非表示にしたい内容 --> </div>
CSS
.display-switch{ display: none; } .logged-in .display-switch{ display: block; }
一旦非表示にしてログインユーザーにのみ表示しているだけですが便利!
ソースには表示されてしまうので、あくまでも一時的な利用にどうぞ。