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.

Avi Bashari

galpeaceman

<h4>DEV Theme</h4>
<p>Develop your website on live server without crashing your site, then deploy all changes in 1 click.</p>
<p>With Dev Theme plugin, you can easily create a separate staging environment for your website where you can test and experiment with new themes and designs without affecting your live site. Our plugin allows you to make changes to your staging site, preview the changes and only when you’re ready, you can push them to your live site with just a click of a button.</p>
<p>Our plugin makes it easy for you to edit themes on your live site, without worrying about affecting your live site until you decides to. You can experiment with different themes, customize them to your liking, and see how they look and feel on your site, all without having to worry about damaging your live website.</p>
<p>While the plugin does not allow you to edit plugins on the site, it ensures that any changes made to your theme are isolated and do not affect your live site. This means that you can experiment with new designs, layouts, and features without the risk of damaging your website’s performance or functionality.</p>
<p>Overall, Dev Theme plugin is a powerful tool that allows you to create a safe and isolated environment to experiment with your website’s design and layout, making it easy for you to make changes and improvements without any risk to your live site.</p>
<h4>How it works?</h4>
<p>The staging feature of Dev Theme, allows you to create a safe and secure environment for you to experiment and develop your website without impacting your live site.</p>
<p>When you create a staging environment, the plugin will copy your active theme into a folder called “dev-theme”.<br />
This folder is where you can safely edit the code of your website without affecting the live version.<br />
Once you’ve made the desired changes, you can preview the new version of your website by either activating the dev-theme just for your user, to do that, just enter to your profile and look for the “Dev Theme” option.<br />
Another option, add a dev_theme cookie with the value “enabled” in your browser.</p>
<p>This way, you can test your changes thoroughly before making them live to ensure the best possible user experience.<br />
With Dev Theme plugin, you can confidently develop and experiment with your website knowing that your live site remains safe and untouched.</p>


Set the Stage vs Dev Theme