Title: OST Layout Blocks Author: orienst Published: 2026 年 9 月 28 日 Last modified: 2026 年 9 月 28 日 --- 搜尋外掛 ![](https://s.w.org/plugins/geopattern-icon/ost-layout-blocks.svg) # OST Layout Blocks 由 [orienst](https://profiles.wordpress.org/orienst/) 開發 [下載](https://downloads.wordpress.org/plugin/ost-layout-blocks.1.0.0.zip) * [詳細資料](https://tw.wordpress.org/plugins/ost-layout-blocks/#description) * [使用者評論](https://tw.wordpress.org/plugins/ost-layout-blocks/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/ost-layout-blocks/#installation) * [開發資訊](https://tw.wordpress.org/plugins/ost-layout-blocks/#developers) [技術支援](https://wordpress.org/support/plugin/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: 1. `npm install` 2. `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 ## 適用於區塊編輯器 這個外掛提供 23 個可供區塊編輯器使用的區塊。 * メインビジュアル Swiper.jsを用いたメインビジュアルスライダーコンテナ * セクション 見出し・テキスト・画像・ボタンなどの子ブロックをまとめるセクション コンテナ * 画像とテキストアイテム 画像とテキストの各対スライド・行アイテム * サブ見出し セクション内のサブ見出しブロック * 画像 セクション内の画像ブロック * カラムアイテム カラム内の個別アイテム（画像・見出し・テキスト・ボタン） * CTA 電話・フォームボタン・背景画像・スタイルパターン切り替え付きのCTAブロック * 左右並びアイテム 左右並びの各アイテム（画像・見出し・テキスト・ボタン、画像 位置 left/right 切り替え対応） * 汎用ブロック 見出し・本文・画像・ボタン・背景・装飾を持つ汎用レイアウトブロック * 重要なお知らせ 重要なお知らせを1件表示するブロック（自動取得または手動入力） * ボタン セクション内のボタンブロック * テキスト セクション内のテキストブロック（太字・斜体・リンク対応） * 画像とテキスト 画像とテキストを交互に配置できるコンテナブロック * 画像とテキスト 見出し・サブ見出し・本文＋画像とテキストのアイテムを並べるブロック * 投稿一覧 投稿タイプ・カテゴリ・表示件数を指定して投稿一覧を表示するブロック * バナー バナー画像をスライダー形式で表示するブロック * カラム 見出し・サブ見出し・本文＋カラムアイテムを横並びに並べるブロック * 見出し セクション内の見出しブロック * 画像とテキスト アイテム 画像とテキストの1アイテム * バナーアイテム バナースライダーの各バナーアイテム（PC/SP画像・リンク対応） * メインビジュアルスライドアイテム スライドショーの各個別スライドアイテム（PC/ SP画像、テキスト、Wボタン対応） * 横並び 画像とテキストを左右に並べるセクションブロック * 投稿スライダー 投稿タイプ・カテゴリ・表示件数を指定して投稿カードをスライダー 形式で表示するブロック ## 安裝方式 1. Upload the plugin and activate it. 2. Go to Settings > OST > Blocks to configure the block settings. 3. In the post or page editor, add blocks from the “Single”, “Pattern” and “Original” categories in the inserter. ## 常見問題集 ### Can I hide blocks I do not use? Yes. On Settings > OST > Blocks, tick the blocks you do not want and save. They are then hidden from the editor. Hiding a parent block also hides its child blocks. ### Does this plugin work on its own? Yes. It registers the Settings > OST page itself when no other Orienst plugin has done so, and every block works without any other plugin installed. The one exception is the CTA block’s phone number, which comes from a shared option that a sister plugin provides the editing UI for. ### Will company details be duplicated if I also run a sister plugin? No. Company and office details are stored in shared options prefixed with `orienst_`, so editing them from either plugin reads and writes the same data, and only one settings page is registered. ### Why does uninstalling leave some options behind? Only options prefixed with `orienst_` are left behind. They hold company and office details shared with other Orienst plugins, which would lose their settings if this plugin deleted them. Everything this plugin owns (the `ostsb_` options) is removed on uninstall. ## 使用者評論 這個外掛目前沒有任何使用者評論。 ## 參與者及開發者 以下人員參與了開源軟體〈OST Layout Blocks〉的開發相關工作。 參與者 * [ orienst ](https://profiles.wordpress.org/orienst/) [將〈OST Layout Blocks〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/ost-layout-blocks) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/ost-layout-blocks/)、 查看 [SVN 存放庫](https://plugins.svn.wordpress.org/ost-layout-blocks/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/ost-layout-blocks/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/ost-layout-blocks/)。 ## 變更記錄 #### 1.0.0 * Initial release. ## 中繼資料 * 版本 **1.0.0** * 最後更新 **3 天前** * 啟用安裝數 **少於 10 次** * WordPress 版本需求 ** 6.5 或更新版本 ** * 已測試相容的 WordPress 版本 **7.1.2** * PHP 版本需求 ** 8.0 或更新版本 ** * 語言 * [English (US)](https://wordpress.org/plugins/ost-layout-blocks/) * 標籤: * [block-editor](https://tw.wordpress.org/plugins/tags/block-editor/)[blocks](https://tw.wordpress.org/plugins/tags/blocks/) [custom blocks](https://tw.wordpress.org/plugins/tags/custom-blocks/)[sections](https://tw.wordpress.org/plugins/tags/sections/) [slider](https://tw.wordpress.org/plugins/tags/slider/) * [進階檢視](https://tw.wordpress.org/plugins/ost-layout-blocks/advanced/) ## 評分 這個項目尚無任何評論記錄。 [撰寫評分](https://wordpress.org/support/plugin/ost-layout-blocks/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/ost-layout-blocks/reviews/) ## 參與者 * [ orienst ](https://profiles.wordpress.org/orienst/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/ost-layout-blocks/)