Anywhere Blocks by Shortcode

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

1. Create Block Templates: Navigate to “Block Templates” in your WordPress admin and create new templates using the Gutenberg editor
2. Get Your Shortcode: Copy the generated shortcode from the admin list or the editor sidebar panel
3. 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

1. Go to Block Templates in your WordPress admin menu
2. Click Add New to create a new block template
3. Use the Gutenberg editor to design your content with any blocks
4. Publish the template
5. 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: codersaiful@gmail.com

Special thanks to the WordPress community and Gutenberg development team.