Title: CDN Error Mockups
Author: Hiroshi Sato
Published: <strong>2026년 1월 27일</strong>
Last modified: 2026년 5월 27일

---

플러그인 검색

![](https://ps.w.org/cdn-error-mockups/assets/banner-772×250.png?rev=3550691)

![](https://ps.w.org/cdn-error-mockups/assets/icon.svg?rev=3448002)

# CDN Error Mockups

 작성자: [Hiroshi Sato](https://profiles.wordpress.org/hiroshisato/)

[다운로드](https://downloads.wordpress.org/plugin/cdn-error-mockups.1.1.1.zip)

 * [세부사항](https://ko.wordpress.org/plugins/cdn-error-mockups/#description)
 * [평가](https://ko.wordpress.org/plugins/cdn-error-mockups/#reviews)
 *  [설치](https://ko.wordpress.org/plugins/cdn-error-mockups/#installation)
 * [개발](https://ko.wordpress.org/plugins/cdn-error-mockups/#developers)

 [지원](https://wordpress.org/support/plugin/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](https://github.com/donlon/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

 1. After installing and activating the plugin, go to any page or post editor in WordPress.
 2. Click the **+** button to add a new block.
 3. Search for **“CDN Error Mockups”** or **“Cloudflare”** and select the block.
 4. The block will appear with default settings. You can customize:
 5.  * **Error Code**: Change the error code (e.g., 404, 500, 502, 503)
     * **Error Message**: Edit the error message text
 6. 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](https://github.com/sato-jp/cdn-error-mockups).

### Contributing

Contributions are welcome! Here are ways you can contribute:

 * **Report Bugs**: Open an issue on [GitHub](https://github.com/sato-jp/cdn-error-mockups/issues)
 * **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](https://github.com/sato-jp/cdn-error-mockups).

### Credits

This plugin is based on the idea and some code from [cloudflare-error-page](https://github.com/donlon/cloudflare-error-page)
by donlon (MIT License). See [THIRD_PARTY_LICENSES.md](https://github.com/sato-jp/cdn-error-mockups/blob/main/THIRD_PARTY_LICENSES.md)
for details.

## 스크린샷

 * [[
 * Block placed in the “404 page” template
 * [[
 * Error code and message can be changed in the settings sidebar
 * [[
 * The “404 page” shown on the frontend

## 블록

이 플러그인은 1개의 블록을 제공합니다.

 *   CDN Error Mockup – Cloudflare Adds a block that mimics the Cloudflare downtime
   error screen.

## 설치

#### Method 1: Install from WordPress Plugin Directory

 1. Go to **Plugins** > **Add New** in your WordPress admin.
 2. Search for **“CDN Error Mockups”**.
 3. Click **Install Now**, then **Activate**.

#### Method 2: Manual Installation

 1. Download the plugin ZIP file from the [WordPress Plugin Directory](https://wordpress.org/plugins/cdn-error-mockups/).
 2. Go to **Plugins** > **Add Plugin** > **Upload Plugin** in your WordPress admin.
 3. Choose the downloaded ZIP file and click **Install Now**.
 4. Activate the plugin from the Plugins screen.

## FAQ

### Is this plugin officially supported by Cloudflare?

No. This plugin is not affiliated with, endorsed by, or connected to Cloudflare,
Inc. It is an independent project created for educational and entertainment purposes.

### Can I customize the error code and message?

Yes! You can customize both the error code and error message through the block settings
sidebar in the Gutenberg editor.

### Does this plugin collect user data?

The plugin displays visitor IP addresses when they click “Click to reveal” using
WordPress’s built-in REST API endpoint. No external services are used, and no data
is sent outside your WordPress installation. The IP address is determined from server
variables (Cloudflare headers, proxy headers, or standard remote address).

### What WordPress version is required?

This plugin requires WordPress 6.9 or higher and PHP 8.0 or higher.

### Can I use this on multiple pages?

Yes! You can add the block to any page, post, or template as many times as you need.

## 후기

이 플러그인에 대한 평가가 없습니다.

## 기여자 & 개발자

“CDN Error Mockups”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에
기여하였습니다.

기여자

 *   [ Hiroshi Sato ](https://profiles.wordpress.org/hiroshisato/)
 *   [ Pixelium, Inc. ](https://profiles.wordpress.org/pixelium/)

“CDN Error Mockups”(이)가 1 개 언어로 번역되었습니다. 기여해 주셔서 [번역자](https://translate.wordpress.org/projects/wp-plugins/cdn-error-mockups/contributors)
님께 감사드립니다.

[자국어로 “CDN Error Mockups”(을)를 번역하세요.](https://translate.wordpress.org/projects/wp-plugins/cdn-error-mockups)

### 개발에 관심이 있으십니까?

[코드 탐색하기](https://plugins.trac.wordpress.org/browser/cdn-error-mockups/)는,
[SVN 저장소](https://plugins.svn.wordpress.org/cdn-error-mockups/)를 확인하시거나,
[개발 기록](https://plugins.trac.wordpress.org/log/cdn-error-mockups/)을 [RSS](https://plugins.trac.wordpress.org/log/cdn-error-mockups/?limit=100&mode=stop_on_copy&format=rss)
로 구독하세요.

## 변경이력

#### 1.1.1

 * Add contextual translations for “Error code” in inspector and block mockup

#### 1.1.0

 * Current stable version

#### 1.0.0

 * Initial release

## 기초

 *  버전 **1.1.1**
 *  최근 업데이트: **7일 전**
 *  활성화된 설치 **10보다 적음**
 *  워드프레스 버전 ** 6.9 또는 그 이상 **
 *  다음까지 시험됨: **6.9.4**
 *  PHP 버전 ** 8.0 또는 그 이상 **
 *  언어
 * [English (US)](https://wordpress.org/plugins/cdn-error-mockups/) 및 [Japanese](https://ja.wordpress.org/plugins/cdn-error-mockups/).
 *  [자국어로 번역하기](https://translate.wordpress.org/projects/wp-plugins/cdn-error-mockups)
 * 태그:
 * [404](https://ko.wordpress.org/plugins/tags/404/)[block](https://ko.wordpress.org/plugins/tags/block/)
   [cloudflare](https://ko.wordpress.org/plugins/tags/cloudflare/)[joke](https://ko.wordpress.org/plugins/tags/joke/)
 *  [고급 보기](https://ko.wordpress.org/plugins/cdn-error-mockups/advanced/)

## 평점

아직 제출된 리뷰가 없습니다.

[Your review](https://wordpress.org/support/plugin/cdn-error-mockups/reviews/#new-post)

[모든  리뷰 보기](https://wordpress.org/support/plugin/cdn-error-mockups/reviews/)

## 기여자

 *   [ Hiroshi Sato ](https://profiles.wordpress.org/hiroshisato/)
 *   [ Pixelium, Inc. ](https://profiles.wordpress.org/pixelium/)

## 지원

할 말 있으신가요? 도움이 필요하신가요?

 [지원 포럼 보기](https://wordpress.org/support/plugin/cdn-error-mockups/)

## 기부

이 플러그인이 발전하도록 도우시겠습니까?

 [ 이 플러그인에 기부하기 ](https://github.com/sponsors/sato-jp)