Kuvaus
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
- Click the ’+’ button in the post/page editor
- Search for and select ’Blog Card’
- Enter the destination URL in the URL input field
- 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.
Kuvankaappaukset
Instantly create beautiful blog cards.
Very easy to use – just enter a URL and press Enter.
New feature from v2.0.0 – Create blog cards from site search.
Detailed settings are available in the right sidebar.
Detailed settings are available in the right sidebar.
Blocks
This plugin provides 1 block.
- ブログカード URLを入力してブログカードを生成するブロックです。
Asennus
- Upload plugin files to
/wp-content/plugins/blogcard-for-wp/directory - Activate the plugin from the ’Plugins’ menu in WordPress admin
- Add the ’Blog Card’ block in post/page editor
- Enter a URL and press Enter to automatically generate a blog card
UKK
-
Can any site URL be converted to a blog card?
-
Yes, basically any site URL can be converted to a blog card. However, some sites may not allow metadata retrieval.
-
Can retrieved metadata be edited?
-
Yes, title, description, and thumbnail images can be edited later. Link attributes (target, rel, etc.) can also be changed freely.
-
How is caching managed?
-
Retrieved metadata is automatically cached and displayed quickly for the same URL. Cache can be manually cleared from the admin screen.
-
Does it display correctly on mobile?
-
Yes, it supports responsive design and displays beautifully on mobile devices.
-
Does it affect SEO?
-
By setting appropriate rel attributes (nofollow, etc.), you can create SEO-friendly links.
Arvostelut
Avustajat & Kehittäjät
“SU Blocks Blogcard” perustuu avoimeen lähdekoodiin. Seuraavat henkilöt ovat osallistuneet tämän lisäosan kehittämiseen.
Avustajat
Käännä “SU Blocks Blogcard” omalle kielellesi.
Oletko kiinnostunut kehitystyöstä?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Muutosloki
2.2.0
- New Feature: Added settings page for default link target attributes and cache configuration.
- New Feature: Added ability to manually set Favicon URL.
- Improvement: Updated block editor UI layout.
- Improvement: Added option to delete plugin data on uninstallation.
- Update: Refactored internal code structure.
2.1.2
- Update CSS.
2.1.1
- Bug fixes.
- Update CSS.
2.1.0
- Major Update: Switched to Server Side Rendering (Dynamic Block) to improve stability and prevent block validation errors.
- Performance: Improved rendering performance by utilizing server-side processing.
- Note: Manual HTML edits via ”Edit as HTML” will be overridden by the dynamic renderer.
2.0.8
- Update version.
2.0.7
- Update CSS variables.
2.0.4
- Update CSS.
2.0.0
- Significantly improved block editor UI
- Added site search functionality
- Enhanced error handling
- Optimized performance
- Improved responsive design
- Enhanced accessibility
1.0.7
- Bug fixes
- Improved metadata retrieval stability
1.0.0
- Initial release
- Basic blog card functionality
- Automatic metadata fetching
- Customization features