Title: Top-Bar CodeBulls
Author: Jose Miguel Vega
Published: <strong>2019 年 11 月 15 日</strong>
Last modified: 2022 年 7 月 16 日

---

搜索插件

![](https://ps.w.org/codebulls-top-bar/assets/banner-772x250.jpg?rev=2194464)

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

![](https://ps.w.org/codebulls-top-bar/assets/icon.svg?rev=2194464)

# Top-Bar CodeBulls

 作者：[Jose Miguel Vega](https://profiles.wordpress.org/codebulls/)

[下载](https://downloads.wordpress.org/plugin/codebulls-top-bar.zip)

 * [详情](https://cn.wordpress.org/plugins/codebulls-top-bar/#description)
 * [评价](https://cn.wordpress.org/plugins/codebulls-top-bar/#reviews)
 * [开发进展](https://cn.wordpress.org/plugins/codebulls-top-bar/#developers)

 [支持](https://wordpress.org/support/plugin/codebulls-top-bar/)

## 描述

The easiest way to add a top bar to your site.
 With this plugin you can: Modify
the number of the top bar segments (Columns) in 1, 2 or 3. Add custom HTML or WordPress
shortcodes to the top bar. Modify the color, text color and height of the top bar.
Have a sticky top bar (position fixed).

### Settings

You can access to your top bar`s configuration in the settings sidebar from your
backoffice site.
 You can modify the next features in the top bar:

#### General Section

 * Activate: User can activate or deactivate top bar.
 * User can close top bar: This option allows you to allow or not the user to close
   the top bar at any time.
 * Sticky top bar: This option makes the top bar sticky (fixed position).
 * Background Color: You can modify the color of the top bar by simply selecting
   it with the color picker in the configuration section
 * Text color: Same as the background color you can edit the color has you want 
   from the text inside the top bar.
 * Height: You can modify the height in pixels of the top bar to the size you want
 * Custom CSS: You have the possibility to add custom css to the site with the field
   provided in the general settings from this plugin
 * Columns number: You can edit the number of columns (1,2 or 3) to divide your 
   top bar content.

#### Content Section

In this section, you can modify all the content within each column for the top bar.

It has up to 3 sections of content, separated in left, center and right. You can
add HTML code or WordPress shortcodes.

## 屏幕截图

 * [[
 * [[
 * [[

## 评价

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

### 󠀁[Short codes do not work](https://wordpress.org/support/topic/short-codes-do-not-work/)󠁿

 [cerovy2](https://profiles.wordpress.org/cerovy2/) 2020 年 8 月 6 日 1 回复

wordpress shotcodes do not work. i am using a plugin ivory search and the shortcode
for the search to show do not work

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

### 󠀁[Great and easy to use](https://wordpress.org/support/topic/great-and-easy-to-use-137/)󠁿

 [arangoss](https://profiles.wordpress.org/arangoss/) 2020 年 7 月 11 日

Doesn’t affect page speed and i could create the top-bar that I needed without problems.
You need to improve the responsive settings, I had to code responsiveness by my 
own.

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

### 󠀁[Works great!](https://wordpress.org/support/topic/works-great-6528/)󠁿

 [raulgarciaherrera](https://profiles.wordpress.org/raulgarciaherrera/) 2020 年 
2 月 28 日

Just what I was looking for, working fine.

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

### 󠀁[Really nice plugin](https://wordpress.org/support/topic/really-nice-plugin-110/)󠁿

 [Juan Alzate](https://profiles.wordpress.org/juanalzate/) 2019 年 12 月 5 日

Thank you very much for your really nice Top Bar plugin! Very helpful tool! I hope
you keep updating and giving support.

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

### 󠀁[Just what I needed](https://wordpress.org/support/topic/just-what-i-nedded-2/)󠁿

 [jcortesjara](https://profiles.wordpress.org/jcortesjara/) 2019 年 12 月 5 日

Simple and easy tu use.

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

### 󠀁[Cool and lighweight](https://wordpress.org/support/topic/cool-and-lighweight/)󠁿

 [jmiguelv24](https://profiles.wordpress.org/jmiguelv24/) 2019 年 12 月 1 日

Nice and simple, looking for this a long ago

 [ 阅读所有7条评价 ](https://wordpress.org/support/plugin/codebulls-top-bar/reviews/)

## 贡献者及开发者

「Top-Bar CodeBulls」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ Jose Miguel Vega ](https://profiles.wordpress.org/codebulls/)
 *   [ arangoss ](https://profiles.wordpress.org/arangoss/)
 *   [ Juan Alzate ](https://profiles.wordpress.org/juanalzate/)
 *   [ jcortesjara ](https://profiles.wordpress.org/jcortesjara/)

「Top-Bar CodeBulls」插件已被翻译至 1 种本地化语言。 感谢[所有译者](https://translate.wordpress.org/projects/wp-plugins/codebulls-top-bar/contributors)
为本插件所做的贡献。

[帮助将「Top-Bar CodeBulls」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/codebulls-top-bar)

### 对开发感兴趣吗?

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

## 更新日志

#### 1.5.0

 * Added sticky option.

## 额外信息

 *  版本 **1.5.0**
 *  最后更新：**4 年前**
 *  活跃安装数量 **800+**
 *  WordPress 版本 ** 5.2 或更高版本 **
 *  已测试的最高版本为 **6.0.12**
 *  语言
 * [English (US)](https://wordpress.org/plugins/codebulls-top-bar/) 和 [Swedish](https://sv.wordpress.org/plugins/codebulls-top-bar/).
 *  [翻译成简体中文](https://translate.wordpress.org/projects/wp-plugins/codebulls-top-bar)
 * 标签
 * [bar](https://cn.wordpress.org/plugins/tags/bar/)[header](https://cn.wordpress.org/plugins/tags/header/)
   [top](https://cn.wordpress.org/plugins/tags/top/)[top bar](https://cn.wordpress.org/plugins/tags/top-bar/)
 *  [高级视图](https://cn.wordpress.org/plugins/codebulls-top-bar/advanced/)

## 评级

 5 星（最高 5 星）。

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

[Your review](https://wordpress.org/support/plugin/codebulls-top-bar/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/codebulls-top-bar/reviews/)

## 贡献者

 *   [ Jose Miguel Vega ](https://profiles.wordpress.org/codebulls/)
 *   [ arangoss ](https://profiles.wordpress.org/arangoss/)
 *   [ Juan Alzate ](https://profiles.wordpress.org/juanalzate/)
 *   [ jcortesjara ](https://profiles.wordpress.org/jcortesjara/)

## 支持

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

 [查看支持论坛](https://wordpress.org/support/plugin/codebulls-top-bar/)