[WordPress] 外掛分享： Headroom.js

WordPress 外掛 Headroom.js 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Headroom.js」是 2014-05-29 上架。 目前已經下架不再更新，不建議安裝使用。
  • 目前有 100 個安裝啟用數。
  • 上一次更新是 2014-05-30，距離現在已有 3992 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
  • 外掛最低要求 WordPress 3.0.1 以上版本才可以安裝。
  • 有 2 人給過評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

mikevhoenselaar |

外掛標籤

ui | header | headroom |

內容簡介

Headroom.js 是一個輕量、高效能的 JS 小工具（不需要依賴其他外掛），它可以讓您對使用者的捲軸滾動做出反應。當向下滾動時，標頭會隨之滑出視野，當向上滾動時，標頭會重新出現。這可以改善擁有較長文章的網站的易用性。Headroom.js 小工具的程式碼由 Nick Williams（http://wicky.nillia.ms/headroom.js）編寫。

為什麼要使用它？

固定標頭是讓主要導覽接近使用者的流行方法，可以減少使用者快速瀏覽網站所需的工作量，但它們並非沒有問題...

大屏幕通常是橫向的，意味著垂直空間比水平空間少。因此，固定標頭可能佔用相當大的內容區域。小屏幕通常是豎向的。儘管這會產生更多的垂直空間，但由於屏幕的整體高度，一個有意義大小的標頭仍然可能非常厚重。

Headroom.js 可以讓您在適當的時候顯示元素，並在其餘時間專注於內容。

WordPress 外掛由線上保護區草仔發展而來

線上保護區草仔在本質上是一家荷蘭的線上營銷代理公司，具有許多開發知識。我們在許多 WordPress 網站上使用這些知識。請訪問http://onlineboswachters.nl，查看我們管理和開發的 WordPress 網站的作品集。

原文外掛簡介

Headroom.js is a lightweight, high-performance JS widget (with no dependencies!) that allows you to react to the user’s scroll. The header slides out of view when scrolling down and slides back in when scrolling up. This improves usability of websites that have longer articles. Headroom.js widget code is coded by Nick Williams (http://wicky.nillia.ms/headroom.js).
Why use it?
Fixed headers are a popular approach for keeping the primary navigation in close proximity to the user. This can reduce the effort required for a user to quickly navigate a site, but they are not without problems…
Large screens are usually landscape-oriented, meaning less vertical than horizontal space. A fixed header can therefore occupy a significant portion of the content area. Small screens are typically used in a portrait orientation. Whilst this results in more vertical space, because of the overall height of the screen a meaningfully-sized header can still be quite imposing.
Headroom.js allows you to bring elements into view when appropriate, and give focus to your content the rest of the time.
WordPress Plugin is developed by Online Boswachters
Online Boswachters is a Dutch online marketing agency at its core with a lot of development knowledge. We use that knowledge on a lot of WordPress sites as well. Visit http://onlineboswachters.nl to see our portfolio of WordPress sites we manage and developed as well.

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Headroom.js」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

最新版本

延伸相關外掛（你可能也想知道）

  • WPCode – Insert Headers and Footers + Custom Code Snippets – WordPress Code Manager 》插入標頭和頁腳 + 完整的 WordPress 代碼片段外掛, WPCode (前稱为 WPBeginner 的 "插入標頭和頁腳"）是使用率超过 100 万个网站的 WordPress 代码片段外掛中...。
  • Header Footer Code Manager 》Header Footer Code Manager by 99 Robots 是一個簡易的介面，可將片段添加到頁面的標頭或頁腳或內容上方或下方。, 優點, , 無需擔心因添加代碼而不小心使網...。
  • Sticky Header Effects for Elementor 》Sticky Header Effects for Elementor 是一個插件，為 Elementor Pro 2.0 中引入的「sticky」標題特性添加了實用選項。當訪客開始向下滾動頁面時，它為用戶提...。
  • Head, Footer and Post Injections 》關於 WordPress SEO 和 Facebook Open Graph：我對 Yoast 的邀請讓我刪除我的外掛非常不滿，但實際上並不需要。, 點擊此處了解更多。, 頁首和頁尾代碼, 為什...。
  • Insert Headers And Footers 》WP Headers and Footers 外掛程式可以協助您在 WordPress 網站的頁首和頁尾中插入程式碼，例如 Google Analytics 追蹤碼、Facebook 像素碼、Google Optimize ...。
  • Header and Footer Scripts 》如果您正在運行 WordPress 網站，早晚都需要將某種代碼插入到您的網站上。最有可能的是網頁分析代碼，例如 Google Analytics，或者是社交媒體腳本、某些 CSS ...。
  • Woody code snippets – Insert Header Footer Code, AdSense Ads 》需要專業的支援嗎？, 免費獲取支援, 開始獲得高級支援, , 停止反覆使用相同的內容！, 停止插入 function.php 中的 PHP 代碼！, 停止將 Google Analytics、Yan...。
  • Slim SEO – Fast & Automated WordPress SEO Plugin 》ne-click, Robots.txt Editor: edit your robots.txt file easily without any technical knowledge, Backlinks: monitor backlinks and broken links, Autom...。
  • Nimble Page Builder 》Nimble Page Builder 是什麼？, Nimble Page Builder 是一個針對 WordPress 的快速靈活的頁面建構外掛。Nimble Builder 使用 WordPress 原生、強大的介面以即...。
  • Unique Headers 》特點, Unique Headers Plugin 從文章/頁面編輯畫面中新增一個自訂標頭圖像框。你可以使用這個框來上傳該文章的獨特標頭圖像，或使用你的 WordPress 媒體庫中...。
  • SOGO Add Script to Individual Pages Header Footer 》已經在 Gutenberg 上進行測試, 創建一個簡單的方式，為個別頁面、文章或自訂文章類型的標題和頁腳添加 JavaScript 代碼，, 例如: 在感謝頁面上添加轉換代碼, ...。
  • Oceanwp sticky header 》簡單易用的固定標題安裝, 啟用外掛後，固定標題就會立即開始運作。, 如何停用固定標題？, 您可以從設置頁面中的管理員選單下方的「外掛」中停用外掛。, 是否...。
  • Head Meta Data 》一款外掛，可通過添加自定義的 標籤到網頁的 部分，提高網頁定義和語義質量。, 基本示例, 在您的網站上顯示任何自定義的 meta 標...。
  • Easy WP Meta Description 》這個外掛讓使用者為每篇文章、頁面、首頁或自訂文章類型的文章編寫獨立的描述，這些描述會作為 meta 描述加入到 HTML 的 head 中。, 每篇文章或頁面的獨立描...。
  • WP Display Header 》這個 WordPress 外掛可以讓你針對每個文章、頁面、自訂文章類型，以及封存頁面，選擇個別的標頭圖片，可以從預設的標頭照片和自訂標頭照片中做選擇。, , 外掛...。

文章
Filter
Mastodon