Hide WP Toolbar

描述

Easily hide or show the front-end WordPress Admin Toolbar with a click of a button. The plugin adds a special button to the right side of the WordPress Admin Toolbar that only displays when you are outside the admin area of WordPress on the front-end. Clicking it will make the admin bar slide off the page to the top left corner, leaving only the hide/show button visible. Clicking the button again will restore the Toolbar to its original position. The shown/hidden position is remembered between page visits so that it can be kept hidden away until you are ready to bring it back.

There are no options or configuration. Just install and activate the plugin. When you exit the admin area, you will see the button to the far right of the Toolbar. Modern browsers (not IE9 or below) will use a nice transition to show and hide the Toolbar.

I actually like the WordPress Toolbar. It’s a convenient way to go back and forth from the admin area to the public website. However, when I’m doing design modifications for a theme, the Toolbar can be visually distracting. I wanted a quick way to hide the WordPress Toolbar when needed, but otherwise keep it around. I tried several plugins but they didn’t work as I wanted or didn’t even work at all in some cases. So I decided to build my own.

Contributions Welcome

This plugin is on Github. Submit a pull request if you’d like to contribute.

螢幕截圖

  • The WordPress Toolbar shown with the hide/show button on the right.
  • The WordPress Toolbar hidden with only the hide/show button visible.

安裝

  1. Upload entire hide-wp-toolbar directory to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Navigate to the public area of the site and click the right side button to hide/show the WP Toolbar

常見問題

Are there any settings for this plugin?

Nope. No settings page is created. Just activate and start using. No configuration required.

I don’t see any of the nice transitions when the toolbar hides or shows. Why not?

You most likely have a very outdated browser, like Internet Explorer 9 or below. This plugin uses nice CSS3 transitions that are supported in all modern browsers, like Chrome, Firefox, Safari, and Microsoft Edge.

Why don’t you use jQuery UI for transitions instead? Then it would work on outdated browsers, right?

I could. But it would be wrong.

評價

2022年5月25日
WordPress transients are not working. I tested it with a clean install of Wordpress 6.0 and the toolbar state is not saved. I have to click the button every time I refresh the page.
2021年1月23日
I had tried several plugins that this was the one that has the toogle feature that I love
閱讀全部9個評價

貢獻者及開發者

“Hide WP Toolbar” 是一個開源的軟體。以下的人對這個外掛作出了貢獻。

貢獻者

Hide WP Toolbar 外掛目前已有 1 個本地化語言版本。 感謝所有譯者為這個外掛做出的貢獻。

將 Hide WP Toolbar 外掛本地化為台灣繁體中文版。

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

修改日誌

2.5.4

  • Stopped loading CSS/JS for non-logged in users that don’t have the toolbar (Github issue #6)

2.4.2

  • Modernized and added better comments to javascript code

2.4.1

  • Added proper text domain loading to support translations

2.4

  • Removed dependency on WP Session Manager. Code included library was outdated and had a security issue. Now using WordPress transients to store state of the toolbar.
  • Tested with WordPress 4.7.4

2.3

  • Internationalized plugin for proper text translation handling

2.2.1

  • Fixed: PHP Warning for creating default object from empty value (thanks benhuson!)
  • Tested with WordPress 4.4.2
  • Updated ReadMe regarding browser support and WP compatibility

2.2

  • Use pretty dashicon from WordPress 3.8+ for button arrow (plugin now requires WordPress 3.8+)

2.1

  • Modified placement of hide/show button for better compatibility with WordPress 3.8+

2.0

  • Added functionality to remember shown/hidden position of toolbar between page loads

1.3

  • Initial public release