Jon Brown

joeguilmette

<p>Through constants defined in wp-config, you can disable plugins, disable the  loading of external files, set search engine visibility, display or hide the admin bar, display the server name and change the color of the admin bar, or literally anything else you can think of. All without touching the database, so you can push and pull without worrying.</p>
<p>For support, pull requests, and discussion: https://github.com/joeguilmette/wp-local-toolbox</p>
<h4>Admin Bar</h4>
<p>Change the color of your admin bar and display the name of the current server environment. Green for local, orange for staging, and of course, red for production. You can also force the front end admin bar to hide, to display, and can even set it to display when logged out.</p>
<ul>
<li>
<p><strong>WPLT_SERVER</strong>: The name of your server environment. It will be displayed in the admin bar at browser widths greater than 1030px. If left undefined, the plugin will make no changes to the admin bar.</p>
<p>If not defined as <code>PRODUCTION</code> or <code>LIVE</code>, the plugin will enable ‘Discourage search engines from indexing this site’ to prevent your development and staging servers from being indexed. This option is not stored in the database, so your production server will still look to the actual setting on the Reading page.</p>
</li>
<li>
<p><strong>WPLT_COLOR</strong>: Determines the color of the admin bar. You can set this to any CSS color. If left undefined, will use the following defaults:</p>
<ul>
<li>PRODUCTION / LIVE: red</li>
<li>STAGING / TESTING: orange</li>
<li>LOCAL / DEV: green</li>
</ul>
</li>
<li>
<p><strong>WPLT_ADMINBAR</strong>: Show or hide the admin bar on the frontend. <code>FALSE</code> will force it to be hidden, <code>TRUE</code> will force it to display, <code>ALWAYS</code> will display the admin bar even when logged out. These settings will override the ‘Show toolbar’ setting in the ‘Users > Your Profile’ options panel and <code>add_filter('show_admin_bar', '__return_false');</code> in functions.php, but doesn’t attempt to overcome any CSS based hiding of the admin bar.</p>
</li>
</ul>
<p><strong>In wp-config.php:</strong></p>
<pre><code>// set server environment to 'LOCAL'
define('WPLT_SERVER', 'local');

// set admin bar color to #800080
define('WPLT_COLOR', 'purple');

// show the admin bar even when logged out
define('WPLT_ADMINBAR', 'always');
</code></pre>
<h4>Disable Plugins</h4>
<p>Pass a serialized array in this constant to disable plugins. This does not store any data in the database, so plugins that are manually deactivated or activated through the admin panel will stay so.</p>
<p>In order for this feature to function properly, WP Local Toolbox must be installed as an mu-plugin. You can read more about mu-plugins here: https://codex.wordpress.org/Must_Use_Plugins. We’re investigating ways to avoid this requirement; if you have any ideas we’d love to hear it!</p>
<ul>
<li><strong>WPLT_DISABLED_PLUGINS</strong>: A serialized array of plugins to disable.</li>
</ul>
<p><strong>In wp-config.php</strong>:</p>
<pre><code>// deactivate a set of plugins
define('WPLT_DISABLED_PLUGINS', serialize(
    array(
        'hello-dolly.php',
        'w3-total-cache/w3-total-cache.php',
        'updraftplus/updraftplus.php',
        'wordpress-https/wordpress-https.php'
    )
));
</code></pre>
<h4>Post Update Notifications</h4>
<p>Receive notifications when any page, post, or attachment is added or updated. Notifications can be received via email, or can be sent to a Slack channel via their Incoming WebHook API.</p>
<p>This is helpful in production to see if a client has submitted a new post, or in development to see if data is being added to the staging environment so you don’t accidentally overwrite new posts when pushing databases around.</p>
<ul>
<li>
<p><strong>WPLT_NOTIFY</strong>: Define this constant as the email address where you’d like to be notified of post updates. You can specify either an email address or a Slack Incoming WebHook URL. You can set up a Slack Incoming WebHook URL here: https://my.slack.com/services/new/incoming-webhook/</p>
</li>
<li>
<p><strong>WPLT_NOTIFY_CHANNEL</strong>: If WPLT_NOTIFY is set to a Slack Incoming WebHook URL, you can specify the channel that the notification will be posted to. If left unset, it will post to the default channel specified in Slack’s Incoming WebHooks settings page.</p>
</li>
<li>
<p><strong>WPLT_DISABLE_ATTACHMENT_NOTIFY</strong>: If set, this will disable notifications for attachments.</p>
</li>
</ul>
<p><strong>In wp-config.php</strong>:</p>
<pre><code>// send an email to someone@somewhere.com 
// whenever any post or page is updated
define('WPLT_NOTIFY','someone@somewhere.com')

// or, send a notification to a Slack channel
define('WPLT_NOTIFY', 'https://hooks.slack.com/services/etc');
define('WPLT_NOTIFY_CHANNEL','#channel');
</code></pre>
<h4>Airplane Mode</h4>
<p>Control loading of external files when developing locally. WP loads certain external files (fonts, gravatar, etc) and makes external HTTP calls. This isn’t usually an issue, unless you’re working in an evironment without a web connection. This plugin removes / unhooks those actions to reduce load time and avoid errors due to missing files.</p>
<p>On and Off: Can be toggled from the admin bar by clicking ‘Airplane Mode’. In the admin bar a ✗ or ✓ will indicate if Airplane Mode is enabled or disabled.</p>
<ul>
<li><strong>WPLT_AIRPLANE</strong>: Set this to anything to enable the Airpane Mode toggle.</li>
</ul>
<p><strong>In wp-config.php</strong>:</p>
<pre><code>// enable the Airplane Mode toggle
define('WPLT_AIRPLANE', 'true');
</code></pre>
<h4>Modification</h4>
<p>You can add code that will be executed depending on server name by modifying the following in wp-local-toolbox.php.</p>
<p>I’d love a pull request if you come up with something useful.</p>
<pre><code>if (strtoupper(WPLT_SERVER) != 'LIVE' && strtoupper(WPLT_SERVER) != 'PRODUCTION') {
    // Everything except PRODUCTION/LIVE SERVER

    // Hide from robots
    add_filter( 'pre_option_blog_public', '__return_zero' );

} else {
    // PRODUCTION/LIVE SERVER

}
</code></pre>
<h4>Notes</h4>
<p>As a special thank you, this plugin will remove the ridiculous <code>Howdy,</code> that is prepended to the username in the admin bar.</p>
<p>You’re welcome.</p>
<h4>Credit</h4>
<ul>
<li>
<p>Plugin disabling from <a href="https://twitter.com/markjaquith" rel="nofollow ugc">Mark Jaquith</a>: https://gist.github.com/markjaquith/1044546</p>
<ul>
<li>Using this fork from <a href="https://twitter.com/rarst" rel="nofollow ugc">Andrey Savchenko</a>: https://gist.github.com/Rarst/4402927</li>
</ul>
</li>
<li>
<p>Airplane Mode from <a href="https://twitter.com/norcross" rel="nofollow ugc">Andrew Norcross</a>: https://github.com/norcross/airplane-mode</p>
</li>
<li>
<p>Always showing the admin bar from <a href="https://twitter.com/perishable" rel="nofollow ugc">Jeff Star</a>: http://digwp.com/2011/04/admin-bar-tricks/</p>
</li>
<li>
<p>A healthy refactoring from <a href="https://twitter.com/jb510" rel="nofollow ugc">Jon Brown</a> of <a href="http://9seeds.com/" rel="nofollow ugc">9seeds</a></p>
</li>
</ul>


WP Local Toolbox

A simple plugin to help manage development over local, staging and production servers.

Clayton Collie

<p><a href="https://bugherd.com/" rel="nofollow ugc">BugHerd</a> is the world’s simplest visual feedback tool for websites. BugHerd turns the tedious task of issue tracking into a streamlined process. Point and click to highlight issues and manage them through to completion using the BugHerd Kanban board. Loved by thousands of great teams worldwide to manage projects across the web, ensuring no website feedback falls through the cracks.</p>
<h3>How it works</h3>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/izG3vI9t_YE?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p>BugHerd’s simple website feedback and bug tracking tool sits on top of your website and lets you and your stakeholders log website feedback instantaneously.</p>
<p>The feedback and comments are pinned to the website element, letting your team access it directly from the webpage. Website bug and issue tracking has never been easier.</p>
<h3>BugHerd features</h3>
<h3>Easy website annotations</h3>
<p>Get clear, actionable feedback from your team and clients with website annotations, pinned directly on the webpage, without leaving the website.</p>
<h3>Feedback on designs & deliverables</h3>
<p>Discover the best way to get marketing asset feedback from your stakeholders.</p>
<h3>Actionable bug reports</h3>
<p>Automatically capture complete and contextual info from the feedback or bug submitted (including screenshots, video, browser, OS & CSS selector data)</p>
<h3>Integrated kanban board</h3>
<p>BugHerd’s task board makes it easy to triage the feedback from your team, clients and stakeholders. Remove duplicate tasks, assign them to your team for completion, and set severities. Comment on tasks to further clarify them with clients or with your team.</p>
<h3>Video feedback</h3>
<p>Create walkthroughs to give feedback and report bugs on your website with BugHerd’s video feedback tool.</p>
<h3>Public feedback widget</h3>
<p>Capture and manage website feedback from visitors or users, without requiring them to be invited into a BugHerd project. BugHerd’s public feedback tool lets you customize an always-on feedback experience, perfect for live websites.</p>
<h3>BugHerd WordPress plugin features</h3>
<p>BugHerd’s WordPress plugin removes the need to add code to your website, or to install the extension. Simply install the plugin once, then turn it on and off as required. You and your stakeholders can use BugHerd on both your websites and the WordPress Admin.</p>
<p>Find out how to install the <a href="https://support.bugherd.com/en/articles/84872-install-the-bugherd-wordpress-plugin" rel="nofollow ugc">BugHerd WordPress plugin here</a>.</p>
<h3>BugHerd integrates with your favorite tools</h3>
<p>Looking to integrate our website feedback and bug tracking tools into your workflow seamlessly? BugHerd is designed to be a complete all-in-one solution for managing website feedback, but some teams prefer to integrate with tools they previously used for resolving web bugs and issues.<br />
BugHerd has 2-way integration with your favorite tools And we’re always adding new integrations to meet our customers needs.</p>
<ul>
<li>Jira</li>
<li>Trello</li>
<li>Asana</li>
<li>Monday.com</li>
<li>ClickUp</li>
<li>Slack</li>
<li>GitHub</li>
<li>Basecamp</li>
<li>Drupal</li>
<li>Zapier</li>
<li>Make</li>
<li>Harvest</li>
<li>Linear</li>
<li>FullStory</li>
<li>LogRocket</li>
</ul>
<h3>Get Started with a free trial</h3>
<p>Try BugHerd free for 7 days. You can get started at <a href="https://bugherd.com/" rel="nofollow ugc">https://bugherd.com/ </a></p>
<h3>Q&A</h3>
<h3>What is BugHerd?</h3>
<p>BugHerd is the world’s simplest visual feedback tool for websites. You will never need to second guess what your client meant by the feedback they sent via email or on a spreadsheet.</p>
<h3>Do I need to sign up?</h3>
<p>Yes, in order to use BugHerd, you will need to sign up for an account at <a href="https://bugherd.com/" rel="nofollow ugc">https://bugherd.com/</a>. All BugHerd accounts come with a 7-day free trial, so that you have enough time to work out which plan you need for the work that you do. Our plans are available from $41/month.</p>
<h3>Do I need to install anything?</h3>
<p>Yes, you need to install the BugHerd WordPress plugin. It’s available on the <a href="https://wordpress.org/plugins/bugherd/#description" rel="ugc">WordPress plugin library</a> and you can install it directly from your WordPress Dashboard. Follow these <a href="https://support.bugherd.com/hc/en-us/articles/360002180976-Install-the-BugHerd-Wordpress-plugin" rel="nofollow ugc">installation instructions</a> for more information.</p>
<h3>Does BugHerd work on a local or staging environment?</h3>
<p>It works on both! Once you install the plugin, you can use it on staging links, production links or even admin pages you’re editing, making it easy to leave feedback on pages</p>
<h3>Can I contact BugHerd if I have an issue?</h3>
<p>Absolutely! Our support team would love to help you out. You can email us at support@bugherd.com.</p>
<h3>How to Install</h3>
<ol>
<li>Log in to your WordPress Admin.</li>
<li>Click on the Plugins tab in your WordPress Site. The Plugins window opens.</li>
<li>In the search box, type BugHerd to search for the BugHerd plugin.</li>
<li>Click on the BugHerd plugin to open it.</li>
<li>Click the Install and activate button next to BugHerd. BugHerd will install and open the Settings menu.</li>
<li>You’ll need to enter your Project Key from BugHerd to enable the Plugin. Use these instructions to find your Project Key in BugHerd.</li>
<li>If you want BugHerd on your WordPress Admin pages, select the Also show <em>BugHerd on WP Admin pages?</em> option.</li>
<li>Open your new site. The BugHerd sidebar appears on the right side of your site`, ready to capture feedback. You, your team and your clients you invite to your BugHerd project will be able to leave feedback or video clips with feedback about the site.</li>
<li>If you’ve chosen to show BugHerd on your WordPress Admin pages, you’ll also be able to see the sidebar and leave feedback on pages in the Admin regarding setup of the page, metadata, required tags, etc.</li>
</ol>
<p><a href="https://support.bugherd.com/en/articles/84872-Install-the-BugHerd-Wordpress-plugin" rel="nofollow ugc">View more information here</a>.</p>


BugHerd

BugHerd is the visual feedback tool for websites.

WP Local Toolbox vs BugHerd