前言介紹
- 這款 WordPress 外掛「Generate WpGraphql Image DataUrl」是 2022-01-31 上架。
- 目前有 50 個安裝啟用數。
- 上一次更新是 2022-02-01，距離現在已有 1187 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
- 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.1 以上。
- 尚未有人給過這款外掛評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
外掛標籤
GraphQL | jamstack | WpGraphQL | Headless WordPress | Decoupled WordPress |
內容簡介
此外掛在 WPGraphQL 中生成 MediaItem 的 DataUrl。
這是 awsome WPGraphQL 外掛 (https://github.com/wp-graphql/wp-graphql) 的擴充功能，可以生成 MediaItem 的 DataUrl。
如果你在使用 Headless WordPress 和 NextJS，你可能會發現 NextJS 預設並不像 GatsbyJS 那樣提供 BlurUp 圖像。你必須傳入一個 base64 的 dataUrl 才能讓它正常運作。
否則，直到圖像加載完畢之前，你將看到一個空白的空間。這個外掛添加了每個媒體項目的 dataUrl，這樣你就可以使用它作為預留位置，直到圖像完全加載，NextJS 也會創建像 GatsbyJS 一樣的淡入/淡出效果。
返回 DataUrl：
MediaItem
原文外掛簡介
This plugin Generates DataUrl of MediaItem in WPGraphQL.
This is an extension to the awsome WPGraphQL plugin (https://github.com/wp-graphql/wp-graphql) that Generate DataUrl of MediaItems.
If you are working with Headless WordPress and NextJS you can notice that NextJS don’t offer BlurUp image like GatsbyJS by default. You have to pass a base64 dataUrl in to make it work.
Or you will see a blank space until the image loads. This plugin adds a dataUrl on each media item so you can use it as a placeholder until the image fully loads and NextJS will also create the fade/BlurUp Effect like in GatsbyJS.
Returning DataUrl for:
MediaItem
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Generate WpGraphql Image DataUrl」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛（你可能也想知道）
Simply Static – The WordPress Static Site Generator 》Simply Static 是一個靜態網站生成器，可以將現有的 WordPress 網站轉換為靜態網站，並放置在您的伺服器、靜態主機提供者或 CDN 上。它可以大幅改善您網站的...。
WPGatsby 》, , , , , , WPGatsby 是一個免費的開源 WordPress 外掛，可將你的 WordPress 網站優化為 Gatsby 的資料來源。, 此外，此外掛必須與 gatsby-source-w...。
Headless Mode 》Headless 模式為所有嘗試訪問網站的用戶設置重定向。僅允許訪問 REST API、WP GraphQL API 或任何已登錄的用戶嘗試訪問無頭安裝以編輯或創建文章的請求。。
JAMstack Deployments 》請參考 Github 的存儲庫crgeary/wp-jamstack-deployments以獲取使用指南，以及技術支援。。
WP Gatsby Markdown Exporter 》這個外掛可以建立包含已轉換為 Markdown 格式的文章的 zip 檔案。此外，還可以使用 WP-CLI 命令進行網站的大量內容匯出。其他的功能包括：, , - 將 WordPress...。
Jamstack Preview and Deployments 》此外掛讓您可以從 WordPress 管理介面預覽 JAMstack 網站並從 WordPress 管理介面開始建置。, 注意：此外掛並不會自動使您的 Web 應用程式預覽功能運作。您仍...。
VueFront PWA & SPA 》VueFront 是一個現代化的前端框架，可使任何 WordPress 和 Woocommerce 網站成為快速的單頁應用程序 (SPA) 和漸進式 Web App (PWA)。, DEMO: VueFront Web Ap...。
Sitesauce 》這個外掛讓你能夠將 WordPress 站點與 Sitesauce 整合，每當你的內容更新時都會通知 Sitesauce 建立掛鉤。要使用這個外掛，你需要先擁有 Sitesauce 帳號。 。
QuantCDN 》QuantCDN 是專門為靜態網頁製作的 CDN。此外掛程式作為靜態網站產生器，讓您輕鬆地透過單一點擊來推送整個 WordPress 網站的靜態副本。任何進行中的內容更改...。
WP Spark Connector 》如果您喜歡這個外掛，那麼考慮檢查我們的其他項目：, , WidgetKit For Elementor – 最先進和功能強大的 Elementor 外掛套件，通過添加更多元素和佈局增...。
JAMStackPress 》JAMStackPress – 提升你的 WordPress 後端功能, 這個外掛程式透過擴展 WP-JSON API，在 WP-JSON API 回應中新增一組有用的欄位，讓你的前端開發更容易...。