[WordPress] 外掛分享: CDN Error Mockups

首頁外掛目錄 › CDN Error Mockups
WordPress 外掛 CDN Error Mockups 的封面圖片
全新外掛
安裝啟用
尚無評分
18 天前
最後更新
問題解決
WordPress 6.9+ PHP 8.0+ v1.1.1 上架:2026-01-26

內容簡介

總結:這個 WordPress 外掛提供了一個模擬 Cloudflare 停機錯誤畫面的區塊,可以用來建立與 Cloudflare 官方錯誤頁面相似的錯誤頁面。

問題與答案:
1. 這個 WordPress 外掛提供了什麼功能?
- 提供了一個區塊,模仿 Cloudflare 停機錯誤畫面,可以用來建立與 Cloudflare 官方錯誤頁面相似的錯誤頁面。

2. 這個外掛基於什麼專案進行開發?
- 這個外掛基於 cloudflare-error-page 專案進行開發,並適應為 WordPress Gutenberg 編輯器的區塊。

3. 使用這個外掛前需要注意什麼重要事項?
- 這個外掛與 Cloudflare 公司無關聯,也未獲得他們的認可,僅為一個獨立的專案,目的是用於教育和娛樂。

4. 這個外掛使用了哪些外部服務?
- 這個外掛使用了 ipify API 來取得訪客的 IP 地址,當他們在區塊中點選「點擊顯示」時。僅進行 GET 請求,不會傳送其他任何資料。

5. 如何能夠貢獻這個外掛的開發?
- 貢獻者可以在 GitHub 上開啟問題、建議功能,或者提交拉取請求進行修正。

6. 這個外掛的原始碼在哪裡?
- 這個外掛的 JavaScript 和 CSS 是從源代碼構建而來,可在 GitHub 的 src/ 目錄中看到易讀的源代碼。

7. 這個外掛的基礎專案是採用什麼授權?
- 這個外掛基於 donlon 的 cloudflare-error-page 專案進行開發,並在 MIT 授權下進行授權。詳細資訊可參考 THIRD_PARTY_LICENSES.md。

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.1.1) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「CDN Error Mockups」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

Adds a block that mimics the Cloudflare downtime error screen. Use it to create error pages that look like the official Cloudflare error pages.
This plugin provides a Gutenberg block that displays a realistic Cloudflare error page mockup, perfect for:
– Creating custom 404 error pages
– Building error page templates
– Adding humorous error messages to your site
– Testing error page designs
Features

Customizable Error Codes: Change the error code (e.g., 404, 500, 502) via block settings
Customizable Messages: Edit the error message text to match your needs
IP Address Display: Shows visitor IP address when they click “Click to reveal” (uses WordPress REST API, no external services)
Authentic Design: Faithfully recreates the Cloudflare error page appearance
Easy to Use: Simple block interface in the Gutenberg editor

This plugin is based on the cloudflare-error-page project, adapted as a WordPress block for the Gutenberg editor.
Important Notice: This plugin is not affiliated with, endorsed by, or connected to Cloudflare, Inc. This plugin is an independent project created for educational and entertainment purposes.
Usage

After installing and activating the plugin, go to any page or post editor in WordPress.
Click the + button to add a new block.
Search for “CDN Error Mockups” or “Cloudflare” and select the block.
The block will appear with default settings. You can customize:

Error Code: Change the error code (e.g., 404, 500, 502, 503)
Error Message: Edit the error message text

Save or publish your page to see the error mockup on the frontend.

Example Use Cases

Add to your site’s 404 page template
Create a maintenance mode page
Use in page templates for error handling
Add to custom page templates

Source Code
The plugin’s JavaScript and CSS are built from source. The human-readable source is in the src/ directory on GitHub.
Contributing
Contributions are welcome! Here are ways you can contribute:

Report Bugs: Open an issue on GitHub
Suggest Features: Share your ideas via GitHub issues
Submit Pull Requests: Send pull requests with improvements or bug fixes
Improve Documentation: Help improve the documentation

For more information, visit the GitHub repository.
Credits
This plugin is based on the idea and some code from cloudflare-error-page by donlon (MIT License). See THIRD_PARTY_LICENSES.md for details.

延伸相關外掛

文章
Filter
Apply Filters
Mastodon