Title: Fixed HTML Toolbar Author: Yiannis Christodoulou Published: 2019 年 4 月 23 日 Last modified: 2026 年 5 月 26 日 --- 搜索插件 ![](https://ps.w.org/fixed-html-toolbar/assets/banner-772x250.jpg?rev=3548586) ![](https://ps.w.org/fixed-html-toolbar/assets/icon-256x256.png?rev=3548586) # Fixed HTML Toolbar 作者：[Yiannis Christodoulou](https://profiles.wordpress.org/yiannistaos/) [下载](https://downloads.wordpress.org/plugin/fixed-html-toolbar.1.1.0.zip) * [详情](https://cn.wordpress.org/plugins/fixed-html-toolbar/#description) * [评价](https://cn.wordpress.org/plugins/fixed-html-toolbar/#reviews) * [安装](https://cn.wordpress.org/plugins/fixed-html-toolbar/#installation) * [开发进展](https://cn.wordpress.org/plugins/fixed-html-toolbar/#developers) [支持](https://wordpress.org/support/plugin/fixed-html-toolbar/) ## 描述 The **[Fixed HTML Toolbar](https://www.web357.com/fixed-html-toolbar-wordpress-plugin?utm_source=wp_plugin_repo_fixedhtmltoolbar&utm_medium=wp_listing_fixedhtmltoolbar&utm_campaign=wp_repo_link_fixedhtmltoolbar&utm_content=wp_repo_link_to_fixedhtmltoolbar_page)** plugin provides a sleek and customizable toolbar that can be displayed either at the top or bottom of your WordPress site. Ideal for showcasing **social media icons**,** important notifications**, or **custom HTML content**, this plugin ensures your key messages stay visible to users as they scroll through your site. ### Key Features * **Flexible Positioning**: Display the toolbar at the top or bottom of the page based on your preference. * **Customizable Design**: - Choose background and border colors to match your site’s branding. - Adjust the toolbar’s border thickness and vertical padding for a polished look. - Define margins between icons for precise spacing. * **Rich Content Options**: - Add up to 5 linked icons with custom images for social media or other platforms. - Include custom HTML content directly in the toolbar using an intuitive editor. * **Advanced Targeting**: - Display the toolbar only on specific sections of your site (e.g., homepage, posts, pages, categories, or search results). * **User-Friendly**: - Easy-to-use settings panel for seamless configuration. - Add custom CSS for advanced styling flexibility. ### Use Cases * **Social Media Links**: Keep your social profiles accessible to boost engagement. * **Notifications**: Highlight promotional offers, updates, or other important information. * **Custom HTML Content**: Add forms, banners, or any other HTML-based elements. ## 屏幕截图 * [[ * Base Settings with HTML code on the toolbar * [[ * Base Settings with custom icons on the toolbar * [[ * The display of toolbar at the bottom of page * [[ * The display of toolbar at the top of page * [[ * Styling options ## 安装 The plugin is simple to install: 1. Download the file `fixed-html-toolbar.zip`. 2. Unzip it. 3. Upload `fixed-html-toolbar` directory to your `/wp-content/plugins` directory. 4. Go to the plugin management page and enable the plugin. 5. Configure the options from the `Settings > Fixed HTML Toolbar` page. ## 常见问题 ### What is the Fixed HTML Toolbar plugin used for? The Fixed HTML Toolbar lets you add a sticky bar at the top or bottom of your WordPress site to display social media icons, important notifications, contact info, promotional banners, or any custom HTML content that should stay visible while visitors scroll. ### Will the toolbar stay visible while users scroll the page? Yes. The toolbar is sticky (CSS `position: fixed`), so it remains visible at either the top or the bottom of the screen at all times, regardless of how far the visitor scrolls. ### How many icons or links can I add to the toolbar? You can add up to 5 linked icons — perfect for social profiles such as Facebook, Instagram, X/Twitter, LinkedIn, YouTube, and TikTok — or replace them with fully custom HTML content using the built-in editor. ### Can I show the toolbar only on specific pages or post types? Yes. Under “Locations”, you can choose to display the toolbar only on selected sections of your site: homepage, posts, pages, categories, archives, or search results. ### Can I match the toolbar style to my site’s branding? Absolutely. You can customize the background color, border color, border thickness, vertical padding, and the spacing between icons. For advanced styling, you can also add your own custom CSS directly from the settings panel. ### Is the Fixed HTML Toolbar mobile-friendly? Yes. The toolbar is fully responsive and adapts to mobile screens. It is also automatically hidden when the visitor prints a web page, so it does not appear in printed copies. ### Does it work with any WordPress theme? Yes. The Fixed HTML Toolbar is theme-independent and works with virtually any modern WordPress theme (block themes, classic themes, page builders such as Elementor, Divi, Beaver Builder, Bricks, and more) without modification. ### Will the toolbar affect my page speed or Core Web Vitals? No. The plugin is lightweight and only loads its small CSS/JS assets when the toolbar is actually displayed, keeping your PageSpeed and Core Web Vitals scores intact. ### Why choose Fixed HTML Toolbar? With its powerful customization options, easy setup, and granular display rules, the Fixed HTML Toolbar plugin keeps your most important content — social links, promotions, or alerts — in the spotlight without disrupting the user experience. ## 评价 ![](https://secure.gravatar.com/avatar/a39c88f45e860606c79031536a73447e6d3df766c5554d68763b91cb3fb7eaf8? s=60&d=retro&r=g) ### 󠀁[perfect](https://wordpress.org/support/topic/perfect-10755/)󠁿 [ofihsdfoi](https://profiles.wordpress.org/ofihsdfoi/) 2025 年 6 月 16 日 this is a great fix ![](https://secure.gravatar.com/avatar/4fa2df0ea791bee80ebf661fbb69810ff7a1cd09afa93ca52360bb9f5d7a1a08? s=60&d=retro&r=g) ### 󠀁[Great Plug-in would highly recommend!](https://wordpress.org/support/topic/great-plug-in-would-highly-recommend/)󠁿 [stuartlynn](https://profiles.wordpress.org/stuartlynn/) 2023 年 6 月 20 日 Very easy to install configure and use … In my case I used it to display and launch the top 5 sponsors websites [redacted by moderator – no links or references, please]. Great support also … would highly recommend. ![](https://secure.gravatar.com/avatar/5bf050b82d0bfe3e1ebe43967d374d9e09031e4b9b91f9ff51fecabd875dcb78? s=60&d=retro&r=g) ### 󠀁[Excellent support – Nice toolbar](https://wordpress.org/support/topic/excellent-support-nice-toolbar/)󠁿 [rpnegro](https://profiles.wordpress.org/rpnegro/) 2021 年 7 月 2 日 I needed help with the customization of the HTML content inside the toolbar. The support was quick and excellent. The toolbar allows customization. ![](https://secure.gravatar.com/avatar/262a626427e26082e4d7cefb2da2711dd732b716946323d8f5a36106744f65e7? s=60&d=retro&r=g) ### 󠀁[The things you need](https://wordpress.org/support/topic/the-things-you-need/)󠁿 [iliaskpr](https://profiles.wordpress.org/iliaskpr/) 2019 年 4 月 27 日 This plugin offers a simple interface with all the necessary features for a functional HTML toolbar. ![](https://secure.gravatar.com/avatar/3206ecdec93e45cf35597aafcba0bab8f2e416ad737e3352f942cdb44158d4f0? s=60&d=retro&r=g) ### 󠀁[Simple and completely functional](https://wordpress.org/support/topic/simple-and-completely-functional/)󠁿 [Nikos Kavvadas](https://profiles.wordpress.org/nikoslefkas/) 2019 年 4 月 23 日 Thanks for this amazing plugin. It helped me to create just what I needed quickly and easily. [ 阅读所有5条评价 ](https://wordpress.org/support/plugin/fixed-html-toolbar/reviews/) ## 贡献者及开发者 「Fixed HTML Toolbar」是开源软件。 以下人员对此插件做出了贡献。 贡献者 * [ Yiannis Christodoulou ](https://profiles.wordpress.org/yiannistaos/) * [ web357 ](https://profiles.wordpress.org/web357/) [帮助将「Fixed HTML Toolbar」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/fixed-html-toolbar) ### 对开发感兴趣吗? 您可以[浏览代码](https://plugins.trac.wordpress.org/browser/fixed-html-toolbar/)， 查看[SVN仓库](https://plugins.svn.wordpress.org/fixed-html-toolbar/)，或通过[RSS](https://plugins.trac.wordpress.org/log/fixed-html-toolbar/?limit=100&mode=stop_on_copy&format=rss) 订阅[开发日志](https://plugins.trac.wordpress.org/log/fixed-html-toolbar/)。 ## 更新日志 #### 25-May-2026 : v1.1.0 * Full compatibility with WordPress 7.x. * Minor fixes and improvements. #### 30-Jan-2025 : v1.0.9 * Fully compatible with WordPress v6.7.x * Minor fixes and improvements #### 18-Apr-2024 : v1.0.8 * Fully compatible with WordPress version 6.5.x. * Resolved a Cross-Site Scripting (XSS) vulnerability. * Removed the unnecessary file /fixed-html-toolbar/public/css/public.scss. * Deleted the ‘license_key’ field due to the absence of a premium version. * Implemented minor fixes and enhancements. #### 23-Oct-2023 : v1.0.7 * Fully compatible with WordPress v6.3.x * Minor fixes and improvements #### 07-Jun-2023 : v1.0.6 * [Compatibility] Fully compatible with WordPress v6.2 * Minor fixes and improvements #### 14-Jun-2022 : v1.0.5 * [Compatibility] Fully compatible with WordPress v6.0 * Minor fixes and improvements #### 11-Feb-2022 : v1.0.4 * [Compatibility] Fully compatible with WordPress v5.9 * Minor fixes and improvements #### 28-Jul-2021 : v1.0.3 * [Compatibility] Fully compatible with WordPress v5.8 * Minor fixes and improvements #### 09-Apr-2021 : v1.0.2 * [Compatibility] Fully compatible with WordPress v5.7 * Minor fixes and improvements #### 17-Jul-2019 : v1.0.1 * [New parameter] Add new setting “Locations”. You can display the Fixed HTML Toolbar only in specific locations like posts, pages, search, archives, categories, homepage. * Hide the Fixed HTML Toolbar when printing a web page. * Minor bug fixes #### 18-Apr-2019 : v1.0.0 * First beta release ## 额外信息 * 版本 **1.1.0** * 最后更新：**2 周前** * 活跃安装数量 **60+** * WordPress 版本 ** 5.3 或更高版本 ** * 已测试的最高版本为 **7.0** * PHP 版本 ** 7.3 或更高版本 ** * 语言 * [English (US)](https://wordpress.org/plugins/fixed-html-toolbar/) * 标签 * [static](https://cn.wordpress.org/plugins/tags/static/)[sticky](https://cn.wordpress.org/plugins/tags/sticky/) [toolbar](https://cn.wordpress.org/plugins/tags/toolbar/)[web357](https://cn.wordpress.org/plugins/tags/web357/) * [高级视图](https://cn.wordpress.org/plugins/fixed-html-toolbar/advanced/) ## 评级 5 星（最高 5 星）。 * [ 5 条 5 星评价 ](https://wordpress.org/support/plugin/fixed-html-toolbar/reviews/?filter=5) * [ 0 条 4 星评价 ](https://wordpress.org/support/plugin/fixed-html-toolbar/reviews/?filter=4) * [ 0 条 3 星评价 ](https://wordpress.org/support/plugin/fixed-html-toolbar/reviews/?filter=3) * [ 0 条 2 星评价 ](https://wordpress.org/support/plugin/fixed-html-toolbar/reviews/?filter=2) * [ 0 条 1 星评价 ](https://wordpress.org/support/plugin/fixed-html-toolbar/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/fixed-html-toolbar/reviews/#new-post) [查看全部评论](https://wordpress.org/support/plugin/fixed-html-toolbar/reviews/) ## 贡献者 * [ Yiannis Christodoulou ](https://profiles.wordpress.org/yiannistaos/) * [ web357 ](https://profiles.wordpress.org/web357/) ## 支持 有话要说吗？是否需要帮助？ [查看支持论坛](https://wordpress.org/support/plugin/fixed-html-toolbar/) ## 捐助 您愿意支持这个插件的发展吗? [ 捐助此插件 ](https://www.paypal.me/web357)