前言介紹
- 這款 WordPress 外掛「WWI Blogcard」是 2026-01-07 上架。
- 目前尚無安裝啟用數，是個很新的外掛。如有要安裝使用，建議多測試確保功能沒問題！
- 上一次更新是 2026-01-08，距離現在已有 2 天。
- 外掛最低要求 WordPress 6.0 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
- 尚未有人給過這款外掛評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
whywaita |
外掛標籤
ogp | card | link | embed | blogcard |
內容簡介
總結: WWI Blogcard 是一款 Gutenberg 區塊外掛程式，可以從任何 URL 創建視覺吸引人的部落格卡片。只需貼上 URL，外掛程式將自動擷取 OGP (Open Graph Protocol) 資訊，生成豐富的預覽卡片。
1. 這個功能可以從哪些元件中擷取資料來生成卡片？
- OGP meta tag
2. 若要生成部落格卡片，應該如何在 Gutenberg 編輯器中執行？
- 在 Gutenberg 編輯器中新增「Blogcard」區塊
3. 如何啟用暗色模式支援？
- 根據系統偏好設定，自動切換到暗色模式
4. 當需要改自源碼編譯外掛時，應該遵循哪些步驟？
- 克隆儲存庫，然後導航至外掛目錄，安裝相依性，進行外掛程式構建
原文外掛簡介
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.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「WWI Blogcard」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.0.5 | 1.0.6 | 1.0.7 | 1.0.8 | 1.0.9 | trunk | 1.0.10 |
延伸相關外掛（你可能也想知道）
Wikipedia Preview 》透過免費的維基百科知識，增強您的網站！, 安裝維基百科預覽，這款免費的外掛設計是為了更好地吸引您的訪客，改善您網站的使用體驗。, 維基百科預覽插件提供...。
Event Block 》讓每個人都知道正在進行的活動。不論您是主辦方還是參與者，活動區塊都會展示您的活動，包括時間和地點。, 來源和支援, 您可以在 Github 存儲庫中跟踪開發、...。
Business Card Block – Display Business or Personal Info in Card Format 》在網頁或文章中以多種不同風格顯示名片。, 示範, 功能, , 可完全自訂：所有需要排列展示的選項都可以在此設置。, , 使用方法, , 首先安裝 Business Card 外掛...。
Bookmark Card 》Bookmark Card 可以幫助您以豐富的格式顯示外部連結，就像在 Facebook 或 Twitter 上分享鏈接時一樣。。
WP Plugin Info Card 》, 製作及維護：由 Brice CAPOBIANCO 最初開發及維護。, , WPPIC 使用 WP Plugin & Theme APIs，在美麗的盒子中顯示外掛程式和佈景主題的資訊，並帶有平滑...。
GIFT4U – Gift Cards All in One for Woo 》重要通知：, , , 此外掛程式基於 WooCommerce 外掛。, , , 此外掛程式已在 WordPress.org 免費發布，您可將其用於製作可售賣的佈景主題。, , , 也許您有需要,...。
Flipping Cards 》使用翻轉卡片（圖片、文字和連結）創建美麗的網格。 這裡有一個示例, 還有一個專業版在我的商店中。 在這裡了解更多。
Stitch Express 》### 總結:, Stitch Express 是您的業務以最簡單、最容易的方式獲得安全在線支付並在每一步都提供優質客戶支持的方法。, , ### 問題與答案：, 1. 什麼是 Stitc...。
Blogcard for WP 》**總結：**, , - WordPress 的標準 URL 嵌入功能僅適用於 WordPress 網站。, - 此外掛程式可將任何連結目的地顯示為帶有縮略圖的時尚卡片。, - 只需將 URL 貼...。
Interactive Promo 》使用這個互動促銷 WordPress 外掛，您可以突出您的促銷優惠、最新消息或您想讓訪客注意到的任何內容。您可以輕鬆地在 WordPress 區塊編輯器中使用此外掛，增...。
Foloosi Payments 》Foloosi Payments 外掛可讓您輕鬆地在 WordPress 網站上透過 Foloosi 付款閘道接受信用卡和轉帳付款。, 此外掛會在 WooCommerce 結帳頁面上新增 Foloosi 付款...。
emerchantpay Gateway Module for WooCommerce 》需求:, , WordPress 4.x, 5.x, 6.x （已測試至6.1.1）, WooCommerce 3.x, 4.x, 5.x, 6.x, 7.x （已測試至7.1.1）, GenesisPHP 1.21.3, , 訂閱：, 為了處理訂...。
Profile Card Block 》這個外掛可以使用自訂區塊在你的 WordPress 網站上以卡片形式顯示個人檔案。。
WooPOS Gift Cards for WooCommerce 》WooPOS Gift Cards for WooCommerce 是一款外掛，讓您可以管理和銷售禮品卡。禮品卡將從您的網站自動創建和發送。您可以在線上銷售禮品卡或在實體店面中出售...。
Wikilookup 》Wikilookup 允許您輕鬆地添加來自維基百科（和其他維基）的彈出窗口和信息卡到您的文章中。, 功能, , 輕鬆標記帖子中的單詞和術語，以從維基百科文章中彈出信...。