Fixed Bottom Menu

Descripcion

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

Icons

Customize

  • Template files allow for flexible customization.
  • 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
);

Screenshots

  • View
  • Settings
  • Edit settings

Installacion

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

FAQ

none

Reviews

19 novembre 2020
Good plugin, do what it said, simple and effective Thanks
15 octobre 2020
Plugin dengan tampilan sederhana namun sangat luar biasa. Wajar diberi bintang 5. Salam dari Indonesia
Read all 11 reviews

Contributors & Developers

“Fixed Bottom Menu” is open source software. The following people have contributed to this plugin.

Contributors

“Fixed Bottom Menu” has been translated into 3 locales. Thank you to the translators for their contributions.

Translate “Fixed Bottom Menu” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

[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

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.