Remove Admin Bar from Previews vs Show Environment in Admin Bar

If you find yourself previewing a post, clicking the “edit” link at the top, previewing that post, and eventually realizing you have 3 or 4 tabs open with different versions of the same post? Then you’ve felt the pain of editing in WordPress. But now there’s hope! Simply remove the entire admin bar from your post previews and remove the temptation to edit a preview! Still need a reminder that you’re on a preview and you need to go back and save your changes? No problem, we’ve thrown that feature in for free! Don’t like it? No worries, simply check a box and preview your posts in all their life-like glory! Features Remove the admin bar from post and page previews. Optionally add a reminder notification at the top of a previewed post. Roadmap These features are planned for future releases: [x] Customizable notification bar (styles and text). [ ] Multisite-enabled. [ ] Translation-capable.

If you’re like me, you often have multiple versions of the same WordPress site open in different browser windows, e.g., production in one window and development in another window. And if you’re like me, you have also unwittingly edited content in the production environment thinking you were doing so in the development environment or vice versa. If so, then this plugin is for you! It adds an indication of the current environment to the Admin Bar that is easier to see than examining the URL in your browser’s address bar. Out-of-the-box behavior Out-of-the-box, 2 different environments are recognized: Production The node added to the Admin Bar has a red background (i.e., Stop/be careful with any changes you make). If neither a staging, QA, nor development environment is detected, then Prod is displayed in the Admin Bar. Development The node added to the Admin Bar has a green background (i.e., Go ahead, it is safe to make changes). If WP is running on localhost (either a loopback IP address or LAN IP address), then Local displays in the Admin Bar. If WP_DEBUG is defined & true, then Dev displays in the Admin Bar. Customizing the out-of-the-box behavior Two additional environments are supported, but cannot be automatically detected: Staging The node added to the Admin Bar has a yellow-ish background (i.e., Slow down, changes might make it into the production site). For information on how to enable this environment, see the documentation. QA The node added to the Admin Bar has a blue background (i.e., “It’s cool”, changes you make won’t affect the production site). For information on how to enable this environment, see the documentation.