[WordPress] 外掛分享： Anywhere Blocks by Shortcode

內容簡介

總結：Anywhere Blocks by Shortcode 是一款功能強大的 WordPress 外掛，讓您可以使用簡單的短代碼創建可重複使用的 Gutenberg 區塊範本，並在網站上的任何位置顯示。

問題與答案：
1. 透過 Anywhere Blocks by Shortcode 可以做什麼？
- 可以創建可重複使用的 Gutenberg 區塊範本。
2. 如何顯示創建的區塊範本？
- 使用簡單的短代碼 [anbsg_block id='123'] 將區塊範本顯示在網站的任何位置。
3. 如何在 WordPress 中創建新的區塊範本？
- 在 WordPress 管理員選單中進入「區塊範本」，點擊「新增」以使用 Gutenberg 編輯器創建新的範本。

外掛標籤

開發者團隊

原文外掛簡介

Anywhere Blocks by Shortcode is a powerful WordPress plugin that allows you to create reusable Gutenberg block templates and display them anywhere on your website using simple shortcodes.
Key Features

Block Template System: Create custom block templates using the full Gutenberg editor
Simple Shortcode Integration: Display your block templates anywhere with [anbsg_block id='123']
Gutenberg Editor Integration: Built-in shortcode panel in the block editor for easy copying
Custom Post Type: Dedicated “Block Templates” post type for organized management
Admin Interface: Clean admin interface with shortcode column for quick access
Developer Friendly: Clean, well-documented code with proper namespacing and autoloading

How It Works

Create Block Templates: Navigate to “Block Templates” in your WordPress admin and create new templates using the Gutenberg editor
Get Your Shortcode: Copy the generated shortcode from the admin list or the editor sidebar panel
Use Anywhere: Paste the shortcode in any post, page, widget, or template file

Shortcode Usage
Basic usage:
[anbsg_block id=’123′]
Alternative parameters:
[anbsg_block template_id=’123′]
[anbsg_block post_id=’123′]
Perfect For

Reusable Content Blocks: Create once, use everywhere
Marketing Sections: Call-to-action blocks, promotional banners
Product Showcases: Product grids, testimonials, feature lists
Footer Content: Complex footer layouts with blocks
Widget Areas: Advanced widget content using blocks
Template Parts: Reusable sections for themes and page builders

Developer Features

Clean Architecture: Namespaced classes with PSR-4 autoloading
Extensible: Action and filter hooks for customization
Performance Optimized: Efficient loading and minimal resource usage
WordPress Standards: Follows WordPress coding standards and best practices

Usage
Creating Block Templates

Go to Block Templates in your WordPress admin menu
Click Add New to create a new block template
Use the Gutenberg editor to design your content with any blocks
Publish the template
Copy the shortcode from the list view or editor sidebar

Using Shortcodes
In Posts/Pages:
Simply paste the shortcode in the content editor:
[anbsg_block id=’123′]
In Widgets:
Add a “Custom HTML” widget and insert the shortcode.
In Template Files:
Use the do_shortcode() function:

In Page Builders:
Most page builders support shortcodes in their text/HTML elements.
Editor Integration
When editing a block template, you’ll see a “Shortcode” panel in the document settings sidebar. This panel:
* Displays the current shortcode for the template
* Includes a “Copy Shortcode” button for quick copying
* Updates automatically with the post title
Technical Details
System Requirements

WordPress 6.2 or higher
PHP 8.0 or higher
Gutenberg editor (Block Editor)

File Structure
`

anywhere-blocks-shortcode/
├── anywhere-blocks-shortcode.php (Main plugin file)
├── autoloader.php (PSR-4 autoloader)
├── app/
│ ├── base.php (Base class)
│ └── functions.php (Utility functions)
├── view/
│ ├── loader.php (View loader)
│ ├── cpt.php (Custom post type)
│ └── shortcode.php (Shortcode handler)
├── src/
│ ├── index.js (Main JavaScript)
│ └── sidebar/ (Editor sidebar components)
└── build/ (Compiled assets)
`
Hooks and Filters
Actions:
* init – Registers custom post type
* plugins_loaded – Initializes plugin
* enqueue_block_editor_assets – Loads editor scripts
Filters:
* the_content – Processes block content
* manage_{post_type}_posts_columns – Adds shortcode column
* Template filters for custom rendering
Developer Notes
The plugin follows WordPress coding standards and uses:
* Namespaced classes (ANBS_Block_Shortcode)
* PSR-4 autoloading
* Clean separation of concerns
* Proper sanitization and validation
* WordPress REST API compatibility
Support
For support, feature requests, or bug reports, please visit:
* Plugin URI: https://wordpress.org/plugins/anywhere-blocks-shortcode/
* Author Profile: https://profiles.wordpress.org/codersaiful/
Credits
Developed by Saiful Islam (codersaiful)
* Profile: https://profiles.wordpress.org/codersaiful/
* Email: [email protected]
Special thanks to the WordPress community and Gutenberg development team.