內容簡介
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
Icons
Dashicons can be specified.
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
);
