這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

Sticky Header by ThematoSoup

外掛說明

For support requests please use our dedicated support forums.

The Sticky Header WordPress plugin makes your header visible at all times. It’s a great feature that allows people to browse faster and consume more of your content.

Sticky Header by ThematoSoup is part of your brand building, improves user experience by saving people time and makes your WordPress website more aesthetically pleasing.

Your branding (logo) is something you want visitors to subconsciously keep in mind while browsing your website and navigation is one of the most important aspects of every website. Make them visible at all times.

Settings

Sticky Header by ThematoSoup has just few options, which you can find in your Theme Customizer. This makes it incredibly easy to configure and use.

  • Menu – You need to create at least one navigation menu before you can add it to Sticky Header. The menu in Sticky Header shows only first level items, so no submenu items will be shown.
  • Logo – You can upload your sticky header logo by clicking on “Upload new” > “Select a file”. Ideally, this logo should be 30px tall or it will be resized. If a logo image is not uploaded, site title will be used.
  • Background color – You can choose your custom sticky header background color.
  • Text color – Choose your sticky header text color so it provides enough contrast with regards to the background color.
  • Sticky Header max width – This option allows you to match interior Sticky Header width to your content area width.
  • Make visible when scrolled to – This is the distance from the top of the page at which sticky header will show, in pixels.
  • Hide if screen is narrower than – Sticky header will not be shown on screens narrower than this value, in pixels. When people use mobile devices, they’re used to vertical scrolling so it’s not necessary to have sticky headers.

螢幕擷圖

  • Sticky header in action
  • Sticky Header Customizer options

安裝方式

  1. Download the plugin from this page and extract it
  2. Copy the sticky-header folder to the “/wp-content/plugins/” directory
  3. Activate the plugin through the “Plugins” menu in WordPress dashboard
  4. Setup your sticky header from Appearance > Customize

常見問題集

Installation Instructions
  1. Download the plugin from this page and extract it
  2. Copy the sticky-header folder to the “/wp-content/plugins/” directory
  3. Activate the plugin through the “Plugins” menu in WordPress dashboard
  4. Setup your sticky header from Appearance > Customize
Where’s the plugin’s settings page

It’s located in Appearance > Customize > Sticky Header by ThematoSoup.

使用者評論

2019 年 6 月 16 日
Sticky Header is the one that worked for me. It is wonderful. Love it.
2018 年 5 月 11 日
It's one of the best and very easy to use. I used it whith Wordpress 4.9.5 on local host and live website, it works fine. Two thumbs up. Thanks
2016 年 9 月 3 日
It save my life. ha ha ha... I eagerly needed a sticky menu that I can control as I want at avada theme.
閱讀全部 31 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Sticky Header by ThematoSoup〉的開發相關工作。

參與者

將〈Sticky Header by ThematoSoup〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

1.2.2

  • Uses wp_parse_args to ensure array keys are set. Props github.com/Shelob9.

1.2.1

  • Adds compressed JS and CSS files.

1.2

  • Fixes a PHP notice.

1.1

  • Added Sticky Header max interior width.

1.0.1

  • Fixed header’s z-index.

1.0

  • First version.