[WordPress] 外掛分享: OST Layout Blocks

首頁 › 外掛目錄 › OST Layout Blocks
全新外掛
安裝啟用
—
尚無評分
17 天前
最後更新
—
問題解決
WordPress 6.5+ PHP 8.0+ v1.0.0 上架:2026-09-27

內容簡介

OST Layout Blocks 為 WordPress 區塊編輯器新增多種常用佈局區塊,讓使用者能輕鬆創建各式內容。每個區塊都透過獨立的渲染回呼來呈現,確保文章內容中不會儲存多餘的標記。

【主要功能】
• 提供多種佈局區塊,如 Section、Main visual slider 等
• 可隱藏不需要的區塊,簡化使用介面
• 設定頁面可自訂 CTA 按鈕的圖片與連結
• 與其他 Orienst 外掛共享設定
• 不連接外部服務,確保資料安全

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.0.0) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「OST Layout Blocks」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

OST Layout Blocks adds the layout blocks that come up again and again in production work to the WordPress block editor. Every block renders on the front end from its own render callback, so no markup is stored in post content beyond the block attributes.
Blocks included:

Section — a container for heading, sub-heading, text, image, button, media & text and columns child blocks
Main visual slider
Banner slider
Post slider
Post index
Image and text
CTA
Important notice
Side by side
General purpose block

Any block you do not need can be hidden from the inserter on the settings page.
Settings page
The plugin adds a settings page under Settings > OST with a “Blocks” tab, where you can hide unused blocks, pick the fallback “no image” picture, and set the URL and label for the CTA form button.
Shared settings with other Orienst plugins
The Settings > OST page is designed to be shared between Orienst plugins. Each plugin adds its own tab through the orienst_options_tabs filter, and whichever plugin loads first registers the page itself, so no plugin depends on any other being installed.
Options belonging to this plugin are prefixed with ostsb_. Options prefixed with orienst_ hold data shared between Orienst plugins (company and office details). This plugin reads one shared value, orienst_org_telephone, for the phone number shown by the CTA block; the tab that lets you edit company details is provided by a sister plugin such as OST AIO Smart Schema. With only OST Layout Blocks installed, the CTA block’s phone option has no number to display and the button is simply omitted.
Uninstalling removes only the ostsb_ options. The shared orienst_ options are deliberately left in place, because other Orienst plugins read and write the same data and deleting them would take settings away from a plugin that is still active.
External services
This plugin does not connect to any external service. It makes no HTTP requests to third-party servers and sends no data off the site. Every script, stylesheet and font it needs — including the bundled Swiper library — is served from the plugin directory, never from a CDN. The only network requests its admin script makes are to this site’s own REST API (/wp/v2/search and /wp/v2/types), used to look up posts and pages when you pick a link for the CTA form button.
Third-party libraries

Swiper 11 (MIT License) — used by the slider blocks. Bundled in assets/vendor/swiper/ and never loaded from a CDN or any other external source. The full license text is in assets/vendor/swiper/LICENSE. https://swiperjs.com/

Build instructions
The JavaScript and CSS under build/ are compiled and minified with webpack via @wordpress/scripts. The unminified sources and every file needed to rebuild them are included in this package. No code is obfuscated.
Included sources:

src/ — block sources (JS, SCSS, block.json, render.php)
assets/js/, assets/css/ — admin script and stylesheet (not minified)
package.json, package-lock.json — dependencies
webpack.config.js, postcss.config.js — build configuration
scripts/copy-vendor.js — copies the Swiper distribution files into assets/vendor/ (run automatically by prebuild)
scripts/build-zip.js — builds the distribution zip

Requirements: Node.js 20 or later, and npm.
Steps:

npm install
npm run build

This regenerates build/ from src/. The build tool is the official @wordpress/scripts package (GPL-2.0-or-later): https://www.npmjs.com/package/@wordpress/scripts

延伸相關外掛

文章
Filter
Mastodon