Title: SU Blocks – Blogcard
Author: Takashi Fujisaki
Published: <strong>23 April 2023</strong>
Last modified: 30 September 2026

---

Cari plugin

![](https://ps.w.org/blogcard-for-wp/assets/banner-772x250.png?rev=3598003)

![](https://ps.w.org/blogcard-for-wp/assets/icon-256x256.png?rev=3598003)

# SU Blocks – Blogcard

 Oleh [Takashi Fujisaki](https://profiles.wordpress.org/ejointjp/)

[Unduh](https://downloads.wordpress.org/plugin/blogcard-for-wp.2.5.1.zip)

 * [Detail](https://id.wordpress.org/plugins/blogcard-for-wp/#description)
 * [Ulasan](https://id.wordpress.org/plugins/blogcard-for-wp/#reviews)
 *  [Instalasi](https://id.wordpress.org/plugins/blogcard-for-wp/#installation)
 * [Pengembangan](https://id.wordpress.org/plugins/blogcard-for-wp/#developers)

 [Bantuan](https://wordpress.org/support/plugin/blogcard-for-wp/)

## Deskripsi

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.

### External services

This plugin relies on the following third-party service.

**Google Favicon Service** (https://www.google.com/s2/favicons)

When a blog card has no favicon of its own, the card falls back to a favicon supplied
by Google. The image is requested by the visitor’s browser while the page is being
displayed, so the visitor’s IP address, user agent, and the domain name of the linked
site are sent to Google.

This happens only on pages that contain a blog card whose favicon could not be determined
when the card was created.

 * Terms of service: https://policies.google.com/terms
 * Privacy policy: https://policies.google.com/privacy

Separately, when you create or refresh a blog card, your server fetches the page
at the URL you entered in order to read its title, description, thumbnail and favicon.
That request is made by your site, not by your visitors, and it sends no information
about them.

### 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, noreferrer, 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**: Switches to a dark palette while the page has a data-theme
   =”dark” attribute
 * **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 support forum: https://
wordpress.org/support/plugin/blogcard-for-wp/

### Developer Information

This plugin is developed using the following technologies:

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

### 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. Feature requests and bug reports
are welcome on the support forum.

## Tangkapan Layar

[⌊Instantly create beautiful blog cards.⌉⌊Instantly create beautiful blog cards.⌉[

Instantly create beautiful blog cards.

## Blok

Plugin ini menyediakan 1 blok.

 *   Blog Card A block plugin that automatically generates a beautiful blog card
   just by pasting a URL.

## Instalasi

 1. Upload plugin files to `/wp-content/plugins/blogcard-for-wp/` directory
 2. Activate the plugin from the ‘Plugins’ menu in WordPress admin
 3. Add the ‘Blog Card’ block in post/page editor
 4. Enter a URL and press Enter to automatically generate a blog card

## Tanya Jawab

### 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.
The cache can be cleared manually from the “Cache Management” section of the block
settings sidebar, either for the selected card or for all blog cards. The cache 
lifetime is configured under Settings > SU Blogcard.

### 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.

## Ulasan

![](https://secure.gravatar.com/avatar/4aa36282a6417e98a0f31e5b6773146e5f0e61e565878c9a577c1ee3332d1814?
s=60&d=retro&r=g)

### 󠀁[Fantastic!](https://wordpress.org/support/topic/fantastic-3329/)󠁿

 [edwinmasripan](https://profiles.wordpress.org/edwinmasripan/) 13 Mei 2024

I've been looking for this plug for a long time. I wish you added support to change
language Use internal query to find in page post.

![](https://secure.gravatar.com/avatar/d7d073a7879f520d0e7b20399a7c54b5022475c633787058a8314a68d38675f3?
s=60&d=retro&r=g)

### 󠀁[i love it👍](https://wordpress.org/support/topic/i-love-it%f0%9f%91%8d/)󠁿

 [](https://profiles.wordpress.org/zoghal/) 27 Juli 2023

This is exactly the plugin I needed.It's great, I just wish it was translated into
English

 [ Baca semua 2 ulasan ](https://wordpress.org/support/plugin/blogcard-for-wp/reviews/)

## Kontributor & Pengembang

“SU Blocks – Blogcard” adalah perangkat lunak open source. Berikut ini mereka yang
sudah berkontribusi pada plugin ini.

Kontributor

 *   [ Takashi Fujisaki ](https://profiles.wordpress.org/ejointjp/)

“SU Blocks – Blogcard” telah diterjemahkan dalam 1 bahasa. Terima kasih kepada [para penerjemah](https://translate.wordpress.org/projects/wp-plugins/blogcard-for-wp/contributors)
untuk kontribusi-nya.

[Terjemahkan “SU Blocks – Blogcard” dalam bahasa Anda.](https://translate.wordpress.org/projects/wp-plugins/blogcard-for-wp)

### Tertarik mengembangkan?

[Lihat kode](https://plugins.trac.wordpress.org/browser/blogcard-for-wp/), periksa
[repositori SVN ](https://plugins.svn.wordpress.org/blogcard-for-wp/), atau mendaftar
ke [log pengembangan](https://plugins.trac.wordpress.org/log/blogcard-for-wp/) melalui
[RSS](https://plugins.trac.wordpress.org/log/blogcard-for-wp/?limit=100&mode=stop_on_copy&format=rss).

## Log Perubahan

#### 2.5.1

 * “External Link Target” in Settings > SU Blogcard now offers a “None” option as
   well, just like “Internal Link Target”. The default for external links is still“
   _blank”.

#### 2.5.0

 * Blog cards linking to your own site now open in the same tab by default, without
   a target attribute. “Internal Link Target” in Settings > SU Blogcard gains a “
   None” option, which is the new default. If you have saved this setting before,
   your saved value is kept.
 * Cards without a saved link target now follow the defaults in Settings > SU Blogcard
   instead of always opening in a new tab. This covers cards created before the 
   settings page existed and cards created manually. Because “_blank” used to be
   the built-in default, it was never saved, so internal cards you set to “_blank”
   on purpose now open in the same tab too. Set them to “_blank” again if needed.
 * rel=”noopener” is now added by default only when a card opens in a new tab or
   window, since it has no effect on links that open in the same tab. Cards where
   noopener was saved keep it.
 * Japanese translation: spacing and punctuation now follow the WordPress Japanese
   translation style guide, and the plugin description is translated.

#### 2.4.4

 * The plugin can now be translated into any language through translate.wordpress.
   org. Until now only Japanese and English were available, and other locales fell
   back to Japanese.
 * Japanese UI: the refresh button under the preview now uses the same wording as
   the one on the card.
 * The support section now points to the WordPress.org support forum.

#### 2.4.3

 * Minor bug fixes.
 * Reworked the dark mode palette.

#### 2.4.2

 * Fixed the destination URL and domain shown for a card not updating when the linked
   page redirected elsewhere; this also fixes thumbnails and favicons on such pages
   when written as relative paths.
 * Fixed a PHP warning on pages containing a card whose link has no host, such as
   a mailto: link.
 * The shared favicon and site icon shown in blog cards now come from your Site 
   Icon setting first, avoiding an extra request to your own site when one is set.
 * Fixed “Clear all blog cards’ cache” silently failing to clear anything on hosting
   whose object cache cannot clear a single group at once; it now explains why and
   clearing an individual card’s cache still works.
 * Fixed the block editor crashing on Safari versions older than 17.
 * Fixed missing styling on the “Clear this blogcard’s cache” button, and silenced
   deprecation warnings this block’s settings triggered on older WordPress versions.

#### 2.4.1

 * Security: the “Check Link” button now opens the linked page with noopener, so
   the opened page can no longer navigate your editor tab.
 * Fixed pasting a link to a large file (such as a video or a ZIP archive) exhausting
   the server’s memory. Only the first 2MB of a page is read now, which is plenty
   for its metadata.
 * Fixed a card for your site’s front page still showing the title and description
   of a former static front page after switching the homepage back to “Your latest
   posts”.
 * Fixed broken thumbnails for pages whose og:image is written as a relative path.
 * Fixed the site search dropdown never showing post excerpts.
 * Updated “Tested up to” to WordPress 7.1.

#### 2.4.0

 * New: Added a “Refresh” button to existing blog cards. It fetches the linked page
   again without using the cache, lists what changed, and lets you undo the update
   in one click. Cards you created manually can be refreshed too, after a confirmation.
 * Fixed a favicon lookup that merely timed out being saved as “no favicon”, which
   dropped the icon from a card that previously had one.
 * Fixed favicons written as protocol-relative URLs (//example.com/favicon.ico) 
   never being found.
 * Fixed links whose host is a bare top-level domain being treated as pages on your
   own site, which produced a “post not found” error instead of a card.
 * Fixed settings and cached data being left behind after uninstalling with “delete
   all data” enabled.
 * Fixed the editor preview ignoring the target and rel settings, so it now matches
   the published card.

#### 2.3.9

 * Fixed a bug in cache clearing. “Clear this blogcard’s cache” now clears only 
   that one card.
 * Fixed garbled titles and descriptions on pages published in Shift_JIS or EUC-
   JP. This also stops deprecation notices on PHP 8.2 and later.
 * Fixed the interface not being translated.
 * Fixed an endless chain of internal requests when a card pointing at the front
   page was placed on that same page.
 * Fixed a failed favicon or OG image lookup for your own site being cached for 
   a long time.
 * Made site search and favicon checks lighter.
 * Unified outgoing requests on WordPress’s safe HTTP functions, and added validation
   of settings values.

#### 2.3.8

 * Fixed the plugin writing diagnostic messages to the server error log during normal
   operation. These are now written only when WP_DEBUG is enabled.
 * Internal code cleanup to follow the WordPress Coding Standards. The appearance
   and behavior of blog cards are unchanged.

#### 2.3.7

 * Simplified the block’s dark mode color handling to work reliably regardless of
   the active theme.

#### 2.3.6

 * Fixed the plugin icon to display correctly in the plugin directory.
 * Added a banner image for the plugin directory.

#### 2.3.5

 * Updated the plugin icon.
 * Updated “Tested up to” to WordPress 7.0.

#### 2.3.4

 * Improved: Added `aria-label` to the blogcard link for better screen reader accessibility.
 * Improved: Refactored CSS to align with design token conventions.

#### 2.3.3

 * Fixed: Resolved an issue where titles and descriptions containing HTML entities(
   like `&` or `<`) were double-escaped and displayed incorrectly (e.g., `&amp;amp;`).

#### 2.3.2

 * CSS Fixed.

#### 2.3.1

 * Improved: Added spinner and loading message during site search.
 * Fixed: Favicon not showing correctly during site search.
 * Fixed: Error occurring when entering the site’s Home URL.
 * Improvement: Enhanced visibility of the loading indicator in the editor.

#### 2.2.1

 * Bug fixes and minor adjustments.

#### 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

## Meta

 *  Versi **2.5.1**
 *  Diperbarui **6 hari yang lalu**
 *  Instalasi Aktif **100+**
 *  Versi WordPress ** 6.4 atau yang terbaru **
 *  Diuji hingga **7.1.2**
 *  Versi PHP ** 7.4 atau yang terbaru **
 *  Bahasa
 * [English (US)](https://wordpress.org/plugins/blogcard-for-wp/) dan [Japanese](https://ja.wordpress.org/plugins/blogcard-for-wp/).
 *  [Terjemahkan dalam bahasa Anda](https://translate.wordpress.org/projects/wp-plugins/blogcard-for-wp)
 * Tag
 * [blog](https://id.wordpress.org/plugins/tags/blog/)[blogcard](https://id.wordpress.org/plugins/tags/blogcard/)
   [card](https://id.wordpress.org/plugins/tags/card/)[link](https://id.wordpress.org/plugins/tags/link/)
   [url](https://id.wordpress.org/plugins/tags/url/)
 *  [Tampilan lanjut](https://id.wordpress.org/plugins/blogcard-for-wp/advanced/)

## Rating

 5 dari 5 bintang.

 *  [  2 ulasan 5-bintang     ](https://wordpress.org/support/plugin/blogcard-for-wp/reviews/?filter=5)
 *  [  0 ulasan 4-bintang     ](https://wordpress.org/support/plugin/blogcard-for-wp/reviews/?filter=4)
 *  [  0 ulasan 3-bintang     ](https://wordpress.org/support/plugin/blogcard-for-wp/reviews/?filter=3)
 *  [  0 ulasan 2-bintang     ](https://wordpress.org/support/plugin/blogcard-for-wp/reviews/?filter=2)
 *  [  0 ulasan 1-bintang     ](https://wordpress.org/support/plugin/blogcard-for-wp/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/blogcard-for-wp/reviews/#new-post)

[Lihat semua ulasan](https://wordpress.org/support/plugin/blogcard-for-wp/reviews/)

## Kontributor

 *   [ Takashi Fujisaki ](https://profiles.wordpress.org/ejointjp/)

## Bantuan

Ada yang ingin dikatakan? Butuh bantuan?

 [Lihat forum bantuan](https://wordpress.org/support/plugin/blogcard-for-wp/)