Environment & Debug Bar

FAQ

What users see the toolbar?

By default, only Administrators see the bar. You can change who sees the bar with the following snippet. This example enables the bar for Editors as well:

add_filter( 'edt_capability_check', function ( $capability ) {
    return 'edit_pages';
});

What are environment types?

Instead of displaying the exact environment you’ve set, we show types. A type is a group of environments that roughly have the same purpose. Like local, dev, develop and development.

Can you support another environment?

If you’ve found a common environment that we do not yet recognize as part of a type, please let us know and we’ll gladly add it.

If you have a rare, custom, or localized environment name, we won’t be adding those. However, you can add support for them yourself, with these snippets:

add_filter( 'edt_env_development', function ( $environments ) {
    $environments[] = 'daring_development';
    return $environments;
});

add_filter( 'edt_env_staging', function ( $environments ) {
    $environments[] = 'strange_staging';
    return $environments;
});

add_filter( 'edt_env_production', function ( $environments ) {
    $environments[] = 'precious_production';
    return $environments;
});

Please make sure the environment names are lowercased.

Can you support more types?

Perhaps, if you can convince us. Please create a GitHub issue, so we can discuss your use-case.

Can I show the toolbar on the frontend as well?

You can, with the snippet below.

Keep in mind that if you have a site where the end users are logged in, and see the toolbar on the frontend, you probably don’t want to bother them by showing the environment info.

add_filter( 'edt_show_on_frontend', '__return_true' );

Can I set my own colors?

Yeah. Like with all CSS, you can override it:

#wp-admin-bar-edt-group .env-type-1 { background-color: #f09; }

Can I disable all styles?

Sure. You can disable our CSS with this snippet:

add_action( 'admin_enqueue_scripts', function () {
    wp_dequeue_style( 'edt-backend-css' );
});