內容簡介
新增固定置底選單。
連結
可以設置五個連結目的地。
為每個連結提供圖示、URL 和文字的過濾器。
選項
可以指定從 3 到 5 列。
可以指定字體大小。
可以指定選單高度。
可以指定行高。
可以指定填充頂部。
可以指定文字、按鈕和滑鼠懸停的顏色。
可以指定顯示寬度的上限。
可以指定 CSS 元素的堆疊順序。
以上選項提供過濾器。
其他過濾器
提供一個過濾器以刪除選單。
示範
Fixed Bottom Menu 線上示範
圖示
可以指定Dashicons。
外掛標籤
開發者團隊
📦 歷史版本下載
原文外掛簡介
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
);
