whywaita

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.
<h4>Features</h4>
<ul>
<li>Easy to use: Just paste a URL and the blog card is automatically generated</li>
<li>OGP support: Fetches title, description, and images from OGP meta tags</li>
<li>Responsive design: Cards look great on any device</li>
<li>Dark mode support: Automatic dark mode based on system preferences</li>
<li>Caching: OGP data is cached for improved performance</li>
<li>Security: SSRF protection blocks requests to private IP addresses</li>
</ul>
<h4>Usage</h4>
<ol>
<li>Add a new “Blogcard” block in the Gutenberg editor</li>
<li>Paste the URL you want to create a card for</li>
<li>Click “Fetch” to retrieve OGP information</li>
<li>The blog card is automatically generated</li>
</ol>
<h3>Source Code</h3>
The source code for this plugin, including uncompiled JavaScript and CSS files, is available on GitHub:
<a href="https://github.com/whywaita/wwi-blogcard" rel="nofollow ugc">https://github.com/whywaita/wwi-blogcard</a>
<h4>Building from Source</h4>
To build the plugin from source, you need Node.js and npm installed. Then run the following commands:
<ol>
<li>Clone the repository: <code>git clone https://github.com/whywaita/wwi-blogcard.git</code></li>
<li>Navigate to the plugin directory: <code>cd wwi-blogcard</code></li>
<li>Install dependencies: <code>npm install</code></li>
<li>Build the plugin: <code>npm run build</code></li>
</ol>
The build process uses <code>@wordpress/scripts</code> to compile and minify the JavaScript and CSS files from the <code>src/</code> directory to the <code>build/</code> directory.

WWI Blogcard

A WordPress block plugin that generates beautiful blog cards from URLs using OGP information.

ぽぽろん＠ぽぽづれ。

This plug-in to display a link in the article by using the “Hatena blog card”.
In the case of internal links to view the card that is similar to “Hatena blog card”.
Displays using the “Hatena :: Favicon” (http://favicon.hatena.ne.jp) to get the favicon.
Displays using the “bookmark number of Hatena blog API” (http://b.hatena.ne.jp/entry/image/) to get the bookmark number of hatena.
CSS file are stored in a custom folder under <code>/wp-content/Uploads</code>.
<ul>
<li>Released a plugin ” Pz-LinkCard ” that can external-links and internal-links also change the appearance. 
https://wordpress.org/plugins/pz-linkcard/</li>
</ul>
このプラグインは、ショートコード [blogcard] で指定したURLをカード形式で表示させるものです。
外部リンクの場合には「はてなブログカード」に置き換えて表示します。
内部リンクもしくはtitleパラメータを指定した場合、オリジナルのリンクカード形式で表示します。 
このとき、「Hatena::Favicon」を利用してファビコンを表示します。使用するWebAPIは設定画面にて変更できます。サムネイル画像を取得するWebAPIに設定することができます。「はてなブックマーク件数取得API」を利用してはてなブックマーク数を表示します。
また、書式を保持するために、/wp-content/Uploads フォルダ配下にスタイルシートを保存します。
後継として、「はてブカード」の置き換えでは無く、外部リンクも内部リンクもオリジナル形式で表示できる「Pz-LinkCard」を公開しました。
興味のある方は、そちらもお試しいただけると幸いです。
https://wordpress.org/plugins/pz-linkcard/

Pz-HatenaBlogCard

This plug-in to display a link in the article by using the "Hatena blog card".

WWI Blogcard vs Pz-HatenaBlogCard