SU Blocks Blogcard

WordPress’s standard URL embedding feature only works with WordPress sites.

This plugin was created to display any link destination as a stylish card with thumbnails.

Just paste the URL into the block editor. Blog cards are displayed in an instant.

New features from version 2.0.0 include the ability to create blog cards from site search.
This allows you to search for articles within your own site and convert them into blog cards.

Important Notice:
Starting from version 2.1.0, the block is rendered dynamically on the server side to improve stability.
Note: Manual edits made via “Edit as HTML” will be reset to the standard design.
If you see “Attempt Block Recovery” after updating, please click the button to recover the block.

Key Features

• Easy Operation: Simply enter a URL and press Enter to instantly generate a blog card
• Universal Compatibility: Works with non-WordPress sites (note, Zenn, Qiita, GitHub, etc.)
• Automatic Metadata Fetching: Automatically retrieves title, description, and thumbnail images
• Customizable: Retrieved information can be edited later
• SEO Friendly: Set rel attributes like nofollow, nofollow, sponsored, ugc
• Responsive Design: Beautiful display on mobile devices
• Caching: Caches retrieved metadata for fast display
• Site Search: Search and convert internal posts into blog cards
• Dark Mode Support: Supports dark mode with .dark class
• Advanced Management: Configure default link targets, cache duration, and manual favicon support

Usage

Basic Usage

1. Click the ‘+’ button in the post/page editor
2. Search for and select ‘Blog Card’
3. Enter the destination URL in the URL input field
4. Press Enter to automatically fetch metadata and generate a blog card

Advanced Settings

When the block is selected, the following settings appear in the right sidebar:

• URL: Destination URL
• TARGET Attribute: How to open the link (_blank, _self, etc.)
• Rel Attributes: noopener, nofollow, noreferrer, sponsored, ugc
• Thumbnail: Show/hide thumbnail image
• Title: Manual title editing
• Description: Manual description editing
• Thumbnail Image: Manual thumbnail image setting

Support

For questions about the plugin or bug reports, please use the following methods:

• GitHub Issues: [Plugin repository URL]
• Email: [Support email address]

Developer Information

This plugin is developed using the following technologies:

• WordPress Block Editor (Gutenberg)
• React
• WordPress REST API
• PHP 7.4 or higher

If you would like to customize or add features, please send a pull request to the GitHub repository.

License

This plugin is released under the GPLv2 or later license.

Acknowledgments

In developing this plugin, we referenced the following open source projects:

• WordPress
• React
• Other open source libraries

Development

This plugin is actively maintained and developed. Contributions are welcome!

For development setup and contribution guidelines, please refer to the GitHub repository.