Thong Truong

<p><strong>NOTE: This block plugin is only compatible with hybrid and block themes.</strong></p>
<p>The card block can be used as a content container with custom controls for padding, margin, background color/gradient and, hence the name of the block – box shadow.</p>


Card Block with Box Shadow

Add a custom card block to WordPress block editor with box shadow setting.

Takashi Fujisaki

<p>WordPress’s standard URL embedding feature only works with WordPress sites.</p>
<p>This plugin was created to display any link destination as a stylish card with thumbnails.</p>
<p>Just paste the URL into the block editor. Blog cards are displayed in an instant.</p>
<p>New features from version 2.0.0 include the ability to create blog cards from site search.<br />
This allows you to search for articles within your own site and convert them into blog cards.</p>
<h3>Key Features</h3>
<ul>
<li><strong>Easy Operation</strong>: Simply enter a URL and press Enter to instantly generate a blog card</li>
<li><strong>Universal Compatibility</strong>: Works with non-WordPress sites (note, Zenn, Qiita, GitHub, etc.)</li>
<li><strong>Automatic Metadata Fetching</strong>: Automatically retrieves title, description, and thumbnail images</li>
<li><strong>Customizable</strong>: Retrieved information can be edited later</li>
<li><strong>SEO Friendly</strong>: Set rel attributes like nofollow, nofollow, sponsored, ugc</li>
<li><strong>Responsive Design</strong>: Beautiful display on mobile devices</li>
<li><strong>Caching</strong>: Caches retrieved metadata for fast display</li>
<li><strong>Site Search</strong>: Search and convert internal posts into blog cards</li>
<li><strong>Dark Mode Support</strong>: Supports dark mode with .dark class</li>
</ul>
<h3>Usage</h3>
<h3>Basic Usage</h3>
<ol>
<li>Click the ‘+’ button in the post/page editor</li>
<li>Search for and select ‘Blog Card’</li>
<li>Enter the destination URL in the URL input field</li>
<li>Press Enter to automatically fetch metadata and generate a blog card</li>
</ol>
<h3>Advanced Settings</h3>
<p>When the block is selected, the following settings appear in the right sidebar:</p>
<ul>
<li><strong>URL</strong>: Destination URL</li>
<li><strong>TARGET Attribute</strong>: How to open the link (_blank, _self, etc.)</li>
<li><strong>Rel Attributes</strong>: noopener, nofollow, noreferrer, sponsored, ugc</li>
<li><strong>Thumbnail</strong>: Show/hide thumbnail image</li>
<li><strong>Title</strong>: Manual title editing</li>
<li><strong>Description</strong>: Manual description editing</li>
<li><strong>Thumbnail Image</strong>: Manual thumbnail image setting</li>
</ul>
<h3>Support</h3>
<p>For questions about the plugin or bug reports, please use the following methods:</p>
<ul>
<li>GitHub Issues: [Plugin repository URL]</li>
<li>Email: [Support email address]</li>
</ul>
<h3>Developer Information</h3>
<p>This plugin is developed using the following technologies:</p>
<ul>
<li>WordPress Block Editor (Gutenberg)</li>
<li>React</li>
<li>WordPress REST API</li>
<li>PHP 7.4 or higher</li>
</ul>
<p>If you would like to customize or add features, please send a pull request to the GitHub repository.</p>
<h3>License</h3>
<p>This plugin is released under the GPLv2 or later license.</p>
<h3>Acknowledgments</h3>
<p>In developing this plugin, we referenced the following open source projects:</p>
<ul>
<li>WordPress</li>
<li>React</li>
<li>Other open source libraries</li>
</ul>
<h3>Development</h3>
<p>This plugin is actively maintained and developed. Contributions are welcome!</p>
<p>For development setup and contribution guidelines, please refer to the GitHub repository.</p>


Blogcard for WP

A WordPress plugin that makes it easy to create blog cards. Simply enter a URL and automatically fetch metadata to display beautiful cards.

Card Block with Box Shadow vs Blogcard for WP