Title: WP Nanobar.js
Author: Wouter Postma
Published: <strong>2017 年 5 月 22 日</strong>
Last modified: 2017 年 5 月 22 日

---

搜索插件

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

![](https://ps.w.org/wp-nanobar-js/assets/icon-256x256.png?rev=1662659)

# WP Nanobar.js

 作者：[Wouter Postma](https://profiles.wordpress.org/wouterpostmanl/)

[下载](https://downloads.wordpress.org/plugin/wp-nanobar-js.1.0.zip)

 * [详情](https://cn.wordpress.org/plugins/wp-nanobar-js/#description)
 * [评价](https://cn.wordpress.org/plugins/wp-nanobar-js/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/wp-nanobar-js/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/wp-nanobar-js/#developers)

 [支持](https://wordpress.org/support/plugin/wp-nanobar-js/)

## 描述

### Nanobar.js

Adds a loading bar to the top of your website using the nanobar.js script. The plugin
also allows you to change the colour of the loading bar.

 * [Nanobar.js by Jacobo Tabernero](http://nanobar.jacoborus.codes/)
 * [View my other plugins](https://profiles.wordpress.org/wouterpostmanl#content-plugins)

## 安装

### Installation

 1. Upload ‘wp-nanobar’ folder to the ‘/wp-content/plugins/’ directory.
 2. Activate the plugin through the ‘Plugins’ menu in WordPress.
 3. OPTIONAL: To change the colour of the loading bar, please go to Appearance > WP
    Nanobar.js and enter your own colour code.

## 常见问题

  Installation Instructions

### Installation

 1. Upload ‘wp-nanobar’ folder to the ‘/wp-content/plugins/’ directory.
 2. Activate the plugin through the ‘Plugins’ menu in WordPress.
 3. OPTIONAL: To change the colour of the loading bar, please go to Appearance > WP
    Nanobar.js and enter your own colour code.

  I cannot see the loading bar?

If you are logged in to your WordPress-website, the nanobar will load behind your
WordPress admin bar. Therefore you cannot see the loading bar. Your visitors will
still see it, as will you when you log out or visit your website in a private browsing
window. Another option could be that the background colour of your website is the
same as the nanobar. You can change the colour of the nanobar via Appearance > WP
Nanobar.js.

  How can I change the colour of my loading bar?

You can change the colour via the WP Nanobar.js menu under the “Appearance” menu.
Make sure your colour code starts with “#”. Example: #fff

  Does WP Nanobar.js work on responsive websites?

Yes it does.

  Will WP Nanobar.js look sharp on retina devices?

Yes it will.

## 评价

![](https://secure.gravatar.com/avatar/37f1e0eb19a61eda15e3bd10b9791aed305186e71f8bf6bcd6c48fbbb15ac5ad?
s=60&d=retro&r=g)

### 󠀁[Great!](https://wordpress.org/support/topic/great-6557/)󠁿

 [bstraathof](https://profiles.wordpress.org/bstraathof/) 2017 年 5 月 30 日

What a fun addition to my WP website! Love the colours!

 [ 阅读所有1条评价 ](https://wordpress.org/support/plugin/wp-nanobar-js/reviews/)

## 贡献者及开发者

「WP Nanobar.js」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ Wouter Postma ](https://profiles.wordpress.org/wouterpostmanl/)

[帮助将「WP Nanobar.js」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/wp-nanobar-js)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/wp-nanobar-js/)，查看
[SVN仓库](https://plugins.svn.wordpress.org/wp-nanobar-js/)，或通过[RSS](https://plugins.trac.wordpress.org/log/wp-nanobar-js/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/wp-nanobar-js/)。

## 更新日志

#### 1.0

 * Version 1.0 is the first version of WP Nanobar.js.

## 额外信息

 *  版本 **1.0**
 *  最后更新：**9 年前**
 *  活跃安装数量 **10+**
 *  WordPress 版本 ** 3.0.0 或更高版本 **
 *  已测试的最高版本为 **4.8.28**
 *  语言
 * [English (US)](https://wordpress.org/plugins/wp-nanobar-js/)
 * 标签
 * [bar](https://cn.wordpress.org/plugins/tags/bar/)[javascript](https://cn.wordpress.org/plugins/tags/javascript/)
   [loader](https://cn.wordpress.org/plugins/tags/loader/)[loading](https://cn.wordpress.org/plugins/tags/loading/)
 *  [高级视图](https://cn.wordpress.org/plugins/wp-nanobar-js/advanced/)

## 评级

 5 星（最高 5 星）。

 *  [  1 条 5 星评价     ](https://wordpress.org/support/plugin/wp-nanobar-js/reviews/?filter=5)
 *  [  0 条 4 星评价     ](https://wordpress.org/support/plugin/wp-nanobar-js/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/wp-nanobar-js/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/wp-nanobar-js/reviews/?filter=2)
 *  [  0 条 1 星评价     ](https://wordpress.org/support/plugin/wp-nanobar-js/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/wp-nanobar-js/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/wp-nanobar-js/reviews/)

## 贡献者

 *   [ Wouter Postma ](https://profiles.wordpress.org/wouterpostmanl/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/wp-nanobar-js/)