A WordPress block plugin that generates beautiful blog cards from URLs using OGP information.
| Author: | whywaita (profile at wordpress.org) |
| WordPress version required: | 6.0 |
| WordPress version tested: | 6.9.1 |
| Plugin version: | 1.0.11 |
| Added to WordPress repository: | 08-01-2026 |
| Last updated: | 23-02-2026 |
| Rating, %: | 0 |
| Rated by: | 0 |
| Plugin URI: | https://github.com/whywaita/wwi-blogcard |
| Total downloads: | 242 |
 Click to start download |
|
WWI Blogcard is a Gutenberg block plugin that creates visually appealing blog cards from any URL. Simply paste a URL, and the plugin automatically fetches OGP (Open Graph Protocol) information to generate a rich preview card.
Features
- Easy to use: Just paste a URL and the blog card is automatically generated
- OGP support: Fetches title, description, and images from OGP meta tags
- Responsive design: Cards look great on any device
- Dark mode support: Automatic dark mode based on system preferences
- Caching: OGP data is cached for improved performance
- Security: SSRF protection blocks requests to private IP addresses
Usage
- Add a new “Blogcard” block in the Gutenberg editor
- Paste the URL you want to create a card for
- Click “Fetch” to retrieve OGP information
- The blog card is automatically generated
Source Code
The source code for this plugin, including uncompiled JavaScript and CSS files, is available on GitHub:
https://github.com/whywaita/wwi-blogcard
Building from Source
To build the plugin from source, you need Node.js and npm installed. Then run the following commands:
- Clone the repository:
git clone https://github.com/whywaita/wwi-blogcard.git - Navigate to the plugin directory:
cd wwi-blogcard - Install dependencies:
npm install - Build the plugin:
npm run build
The build process uses @wordpress/scripts to compile and minify the JavaScript and CSS files from the src/ directory to the build/ directory.
FAQ
ChangeLog