Justin Peacock

<p>Env Bar is a great way to keep track of your server environment. On the Env Bar Settings page you can select Development, Staging, or Production to then output a colored bar in the bottom of your site.</p>
<h3>Credits</h3>
<p>Icon: Created by Aneeque Ahmed from the Noun Project</p>


Env Bar

Display a colored bar to help distinguish between different environments.

Ivaylo Draganov

<p>Adds a menu to the admin bar to quickly identify different environments for a site (e.g. production and development) and easily switch to the same URL on other environments. Multi-site compatible for both sub-domain and sub-directory installations.</p>
<h3>Configuration</h3>
<p>The plugin has a convenient settings page but can also be configured programatically via a filter hook.</p>
<h4>Setting environments via the WordPress admin interface</h4>
<p>Navigate to “Settings > Set the Stage” in the WordPress admin to review and edit the configuration.</p>
<h4>Setting environments via a WordPress filter hook</h4>
<p>Hook to <code>drgnff_wp_stage_switcher__environments</code> and return an array with environments. Here’s an example filter function:</p>
<pre><code>add_filter( 'drgnff_wp_stage_switcher__environments', function ($envs) {
    return [
        [
            'url' => 'https://example.com', // home url
            'title' => 'LIVE', // display name
            'color' => '#ffffff', // hex color (optional)
            'background_color' => '#ff0000', // hex color (optional)
        ],
        [
            'url' => 'https://example.com',
            'title' => 'DEVELOPMENT',
            'color' => '#ffffff',
            'background_color' => '#228b22',
        ],
    ];
});
</code></pre>
<h4>Controlling visibility of the switcher</h4>
<p>By default the switcher menu is displayed to all logged in users. By hooking to <code>drgnff_wp_stage_switcher__should_display_switcher</code> and returning a boolean you can control whether the switcher should be displayed.</p>
<h4>Overriding the default environment</h4>
<p>The default environment is used for the current site if it’s not in the list of environments. By hooking to <code>drgnff_wp_stage_switcher__default_environment</code> you can control the title and colors for the default environment.</p>
<h4>A few notes on configuration</h4>
<ul>
<li>Filters have a precedence over manual configuration made in the settings page. If filters are used then relevant sections on the settings page are rendered as read-only.</li>
<li>For multi-site installations use the URLs of the main site.</li>
<li>The plugin initiates its logic on the <code>plugins_loaded</code> hook with priority <code>11</code>. Thus filter hooks that affect the plugin must be added before that.</li>
</ul>


Set the Stage

Quickly switch between environments (live, test, dev) from the admin bar.

Env Bar vs Set the Stage