Follow for free plugins, new theme releases and theme news
Plugin Description
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
