前言介紹
- 這款 WordPress 外掛「Sticky Block for Gutenberg Editor」是 2020-01-28 上架。
- 目前有 6000 個安裝啟用數。
- 上一次更新是 2025-04-23，距離現在已有 11 天。
- 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
- 有 11 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
senff |
外掛標籤
sticky | gutenberg | sticky block |
內容簡介
概述
Gutenberg黏貼區塊可以添加到任何文章或頁面中，當滾動頁面時，當它到達頁面頂部時就會固定在那裡。可將任何其他的區塊（段落，圖像等）添加到黏貼區塊中，也可以在其他區塊中使用（例如列或表格）。
其主要原理與我的 Sticky Menu (Or Anything) 插件相同，該插件的基本代碼也已被用於此Sticky Block插件中。如果您想使任何內容區域以外的東西黏著（例如導航菜單、小工具），請改用 Sticky Menu (Or Anything) 插件，而不是 Sticky Block。
本週推薦塊（Sep 16，2021）。
功能
任何區塊都可以添加到黏貼區塊中：黏貼區塊作為一個“包裝”或“分組”區塊，可以容納每種其他類型的區塊。
粘性區塊可以添加到其他區塊中：任何作為“包裝”（例如列區塊或表區塊）工作的區塊也可以容納Sticky Block。
距頂部的定位（可選）：您可以添加任意量的空間，將黏貼區塊與頁面頂部分開，以便元素不總是黏在頁面的“天花板”上。
僅為特定屏幕尺寸啟用（可選）：您可以設置最小和/或最大屏幕尺寸，其中黏性應該適用。如果您有一個響應式站點，您可能不希望您的區塊在較小的屏幕上黏合。
向上推動元素（可選）：您可以選擇頁面上的任何其他較低的元素，將Sticky Block再次推上去（例如页脚，或甚至另一个黏性區塊）。
管理工具欄感知：檢查當前用户是否在頁面頂部有管理工具欄。如果有，黏性區塊將不會遮擋它（或被它遮擋）。
Z-index：如果頁面上有其他遮擋或窺視您的Sticky Block的元素，您可以輕鬆添加Z索引。這只在區塊黏性時應用。
原文外掛簡介
Summary
The Gutenberg Sticky Block can be added to any Post or Page and will be sticky as soon as it hits the top of the page after you scroll down. The Sticky Block can contain any other Blocks (Paragraphs, Images, etc.), and can also be used in other Blocks (e.g. Column or Table).
The main principle is the same as my Sticky Menu (Or Anything) plugin, and the basic code of that plugin has been used in this Sticky Block plugin as well. If you want to make anything sticky outside of the content area (e.g navigation menu, widgets), use the Sticky Menu (Or Anything) plugin instead of Sticky Block.
Featured BLOCK OF THE WEEK (Sep 16, 2021).
Features
Any Block can be added inside the Sticky Block: the Sticky Block works as a “wrapper” or “grouping” block, that can hold every other type of Block.
The Sticky Block can be added inside other Blocks: any block that works as a “wrapper” (such as the Columns Block or the Table Block) can also hold a Sticky Block.
Positioning from top (optional): you can add any amount of space between the Sticky Block and the top of the page, so that the element is not always stuck at the “ceiling” of the page.
Enable for certain screen sizes only (optional): you can set a minimum and/or maximum screen size where the stickiness should work. This can be handy if you have a responsive site and you don’t want your Block to be sticky on smaller screens, for example.
Push-up element (optional): you can pick any other element lower on the page that will push the Sticky Block up again (for example a footer, or even another Sticky Block).
Admin Bar aware: checks if the current user has an Admin Toolbar at the top of the page. If it has, the Sticky Block will not obscure it (or be obscured by it).
Z-index: in case there are other elements on the page that obscure or peek through your Sticky Block, you can add a Z-index easily. This will only be applied once the Block is sticky.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Sticky Block for Gutenberg Editor」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛（你可能也想知道）
WPWing Sticky Block 》WPWing Sticky Block 可以添加在任何地方，並且在滾動到頁面頂部時，可以成為浮動塊並保持在頂部，並提供可選的偏移像素。WPWing Sticky Block 是一個容器塊...。