Title: Fixed Bottom Menu
Author: Katsushi Kawamori
Published: <strong>2019 年 11 月 17 日</strong>
Last modified: 2026 年 3 月 29 日

---

搜索插件

![](https://ps.w.org/fixed-bottom-menu/assets/icon-256x256.png?rev=2195074)

# Fixed Bottom Menu

 作者：[Katsushi Kawamori](https://profiles.wordpress.org/katsushi-kawamori/)

[下载](https://downloads.wordpress.org/plugin/fixed-bottom-menu.2.15.zip)

[实时预览](https://cn.wordpress.org/plugins/fixed-bottom-menu/?preview=1)

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

 [支持](https://wordpress.org/support/plugin/fixed-bottom-menu/)

## 描述

Add a fixed menu. The basic menu is at the bottom, but it can also be displayed 
on the top, left, and right.

#### Links

 * Five link destinations can be specified.
 * Provides filters for icons, URLs, and text for each link.

#### Options

 * Can specify the number of columns from 1 to 5.
 * Can specify the font size with px, rem and em.
 * Can specify the menu height with px, rem and em.
 * Can specify the line height with px, rem and em.
 * Can specify the padding with px, rem and em.
 * Can specify their class to remove the overlap for headers and footers overlap.
 * Can specify the color of text, buttons, and overlay.
 * Can specify the upper limit of the display width.
 * Can specify the stack order of css elemental.
 * The above options filters are provided.

#### Other filters

 * Provide a filter to erase the menu.

#### How it works

#### Live Demo

 * [Fixed Bottom Menu Live](https://fbm.riverforest-wp.info/)

#### Icons

 * [Dashicons](https://developer.wordpress.org/resource/dashicons/) can be specified.

#### Customize

 * Template files allow for flexible [customization](https://github.com/katsushi-kawamori/Fixed-Bottom-Menu-Templates).
 * The default template file is `template/fixedbottommenu-template-html.php` and`
   template/fixedbottommenu-template-css.php`. Using this as a reference, you can
   specify a separate template file using the filters below.

    ```
    /** ==================================================
     * Filter for template file of html.
     *
     */
    add_filter(
        'fixed_bottom_menu_generate_template_html_file',
        function () {
            $wp_uploads = wp_upload_dir();
            $upload_dir = wp_normalize_path( $wp_uploads['basedir'] );
            $upload_dir = untrailingslashit( $upload_dir );
            return $upload_dir . '/tmp/fixedbottommenu-template-html.php';
        },
        10,
        1
    );
    ```

    ```
    /** ==================================================
     * Filter for template file of css.
     *
     */
    add_filter(
        'fixed_bottom_menu_generate_template_css_file',
        function () {
            $wp_uploads = wp_upload_dir();
            $upload_dir = wp_normalize_path( $wp_uploads['basedir'] );
            $upload_dir = untrailingslashit( $upload_dir );
            return $upload_dir . '/tmp/fixedbottommenu-template-css.php';
        },
        10,
        1
    );
    ```

 * CSS files can be set separately. Please see the filters below.

    ```
    /** ==================================================
     * Filter for CSS file.
     *
     */
    add_filter(
        'fixed_bottom_menu_css_url',
        function () {
            $wp_uploads = wp_upload_dir();
            $upload_url = $wp_uploads['baseurl'];
            if ( is_ssl() ) {
                $upload_url = str_replace( 'http:', 'https:', $upload_url );
            }
            $upload_url = untrailingslashit( $upload_url );
            return $upload_url . '/tmp/fixedbottommenu.css';
        },
        10,
        1
    );
    ```

## 屏幕截图

 * [[
 * View
 * [[
 * Settings
 * [[
 * Edit settings

## 安装

 1. Upload `fixed-bottom-menu` directory to the `/wp-content/plugins/` directory
 2. Activate the plugin through the ‘Plugins’ menu in WordPress

## 常见问题

none

## 评价

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

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

 [supplypartners](https://profiles.wordpress.org/supplypartners/) 2023 年 11 月 
9 日

The menu works very well for mobile and desktop website.

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

### 󠀁[Lightweight and Flawless](https://wordpress.org/support/topic/lightweight-and-flawless/)󠁿

 [Diamond Digtial Marketing (HK) Ltd](https://profiles.wordpress.org/diamonddmext/)
2023 年 9 月 29 日

Work very well, lightweight and fully customizable. Highly recommend!

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

### 󠀁[Awesome Plugin](https://wordpress.org/support/topic/awesome-plugin-6097/)󠁿

 [sitejugaad](https://profiles.wordpress.org/sitejugaad/) 2021 年 8 月 22 日

Good plugin for adding app like footer menu in the website

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

### 󠀁[great plugin, 5 stars](https://wordpress.org/support/topic/great-plugin-5-stars-5/)󠁿

 [djapa89](https://profiles.wordpress.org/djapa89/) 2021 年 3 月 28 日

keep good work

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

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

 [alpha2](https://profiles.wordpress.org/neoseeyou/) 2020 年 11 月 19 日

Good plugin, do what it said, simple and effective Thanks

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

### 󠀁[Luar Biasa](https://wordpress.org/support/topic/luar-biasa-9/)󠁿

 [Deddy Manze](https://profiles.wordpress.org/manze/) 2020 年 10 月 15 日

Plugin dengan tampilan sederhana namun sangat luar biasa. Wajar diberi bintang 5.
Salam dari Indonesia

 [ 阅读所有11条评价 ](https://wordpress.org/support/plugin/fixed-bottom-menu/reviews/)

## 贡献者及开发者

「Fixed Bottom Menu」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ Katsushi Kawamori ](https://profiles.wordpress.org/katsushi-kawamori/)

「Fixed Bottom Menu」插件已被翻译至 3 种本地化语言。 感谢[所有译者](https://translate.wordpress.org/projects/wp-plugins/fixed-bottom-menu/contributors)
为本插件所做的贡献。

[帮助将「Fixed Bottom Menu」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/fixed-bottom-menu)

### 对开发感兴趣吗?

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

## 更新日志

#### [2.15] 2025/04/01

 * Fix – Rebuilt javascript.

#### [2.14] 2025/03/16

 * Fix – Fixed problems with `fbm_hide` filter.

#### [2.13] 2024/11/14

 * Fix – Management screen display issue.

#### [2.12] 2024/11/14

 * Fix – Management screen display issue.

#### [2.11] 2024/11/13

 * Fix – Management screen display issue.

#### [2.10] 2024/11/11

 * Fix – Management screen display issue.

#### [2.09] 2024/11/10

 * Fix – Rebuilt javascript.

#### [2.08] 2024/04/21

 * Fix – Translation.

#### [2.07] 2024/04/21

 * Fix – Translation.

#### [2.06] 2024/04/21

 * Tweak – About the template overview display.

#### [2.05] 2024/04/20

 * Added – “Bottom and Right” Template.

#### [2.04] 2024/04/19

 * Change – Changed the number of columns from 3 to 5 to 1 to 5.
 * Change – readme.txt.

#### [2.03] 2024/04/18

 * Added – Top,Right,Left Display Template.
 * Added – Numeric and unit variables for fonts.
 * Tweak – Addition of description on the admin page.

#### [2.02] 2024/04/17

 * Fix – Simplification of templates.

#### [2.01] 2024/04/17

 * Fix – Simplification of templates.

#### [2.00] 2024/04/16

 * Added – Customization by template files.
 * Change – The management screen was converted to React.

#### 1.30

Supported WordPress 6.4.
 PHP 8.0 is now required.

#### 1.29

Fixed problem with adding columns.

#### 1.28

Supported WordPress 5.7.

#### 1.27

Fixed uninstall.

#### 1.26

Supported WordPress 5.6.

#### 1.25

Updates related to add-ons.

#### 1.24

Updates related to add-ons.

#### 1.23

A link to the demo site has been posted.
 [Fixed Bottom Menu Live](https://fbm.riverforest-wp.info/)

#### 1.22

Added footer class option.
 Changed color picker.

#### 1.21

Fixed an error related to add-ons.

#### 1.20

Added filter for erase menu.
 Added filter for z-index.

#### 1.19

Added filter for values in columns.

#### 1.18

Removed unnecessary code.

#### 1.17

Added several options.
 Added several filter.

#### 1.16

Fixed a problem with the iOS home bar being covered.

#### 1.15

Can specify the number of columns from 3 to 5.

#### 1.14

Fixed translation.

#### 1.13

Fixed translation.

#### 1.12

Fixed url link problem.

#### 1.11

Old settings (ver1.01) can now be selected.

#### 1.10

The setting screen has been changed.

#### 1.04

Fixed problem of CSS.

#### 1.03

Fixed issue “Max Width”.

#### 1.02

Fixed problem of CSS.

#### 1.01

Fixed link to the setting page.

#### 1.00

Initial release.

## 额外信息

 *  版本 **2.15**
 *  最后更新：**2 月前**
 *  活跃安装数量 **5,000+**
 *  WordPress 版本 ** 6.6 或更高版本 **
 *  已测试的最高版本为 **7.0**
 *  PHP 版本 ** 8.0 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/fixed-bottom-menu/) 、 [French (France)](https://fr.wordpress.org/plugins/fixed-bottom-menu/)、
   [Japanese](https://ja.wordpress.org/plugins/fixed-bottom-menu/) 和 [Polish](https://pl.wordpress.org/plugins/fixed-bottom-menu/).
 *  [翻译成简体中文](https://translate.wordpress.org/projects/wp-plugins/fixed-bottom-menu)
 * 标签
 * [fixed](https://cn.wordpress.org/plugins/tags/fixed/)[menu](https://cn.wordpress.org/plugins/tags/menu/)
 *  [高级视图](https://cn.wordpress.org/plugins/fixed-bottom-menu/advanced/)

## 评级

 5 星（最高 5 星）。

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

[Your review](https://wordpress.org/support/plugin/fixed-bottom-menu/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/fixed-bottom-menu/reviews/)

## 贡献者

 *   [ Katsushi Kawamori ](https://profiles.wordpress.org/katsushi-kawamori/)

## 支持

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

 [查看支持论坛](https://wordpress.org/support/plugin/fixed-bottom-menu/)

## 捐助

您愿意支持这个插件的发展吗?

 [ 捐助此插件 ](https://shop.riverforest-wp.info/donate/)