OST Layout Blocks

Description

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

Technical details