Pixelium, Inc.

Hiroshi Sato

<p>Adds a block that mimics the Cloudflare downtime error screen. Use it to create error pages that look like the official Cloudflare error pages.</p>
<p>This plugin provides a Gutenberg block that displays a realistic Cloudflare error page mockup, perfect for:<br />
– Creating custom 404 error pages<br />
– Building error page templates<br />
– Adding humorous error messages to your site<br />
– Testing error page designs</p>
<h4>Features</h4>
<ul>
<li><strong>Customizable Error Codes</strong>: Change the error code (e.g., 404, 500, 502) via block settings</li>
<li><strong>Customizable Messages</strong>: Edit the error message text to match your needs</li>
<li><strong>IP Address Display</strong>: Shows visitor IP address when they click “Click to reveal” (uses WordPress REST API, no external services)</li>
<li><strong>Authentic Design</strong>: Faithfully recreates the Cloudflare error page appearance</li>
<li><strong>Easy to Use</strong>: Simple block interface in the Gutenberg editor</li>
</ul>
<p>This plugin is based on the <a href="https://github.com/donlon/cloudflare-error-page" rel="nofollow ugc">cloudflare-error-page</a> project, adapted as a WordPress block for the Gutenberg editor.</p>
<p><strong>Important Notice:</strong> 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.</p>
<h3>Usage</h3>
<ol>
<li>After installing and activating the plugin, go to any page or post editor in WordPress.</li>
<li>Click the <strong>+</strong> button to add a new block.</li>
<li>Search for <strong>“CDN Error Mockups”</strong> or <strong>“Cloudflare”</strong> and select the block.</li>
<li>The block will appear with default settings. You can customize:
<ul>
<li><strong>Error Code</strong>: Change the error code (e.g., 404, 500, 502, 503)</li>
<li><strong>Error Message</strong>: Edit the error message text</li>
</ul>
</li>
<li>Save or publish your page to see the error mockup on the frontend.</li>
</ol>
<h4>Example Use Cases</h4>
<ul>
<li>Add to your site’s 404 page template</li>
<li>Create a maintenance mode page</li>
<li>Use in page templates for error handling</li>
<li>Add to custom page templates</li>
</ul>
<h3>Source Code</h3>
<p>The plugin’s JavaScript and CSS are built from source. The human-readable source is in the <code>src/</code> directory on <a href="https://github.com/sato-jp/cdn-error-mockups" rel="nofollow ugc">GitHub</a>.</p>
<h3>Contributing</h3>
<p>Contributions are welcome! Here are ways you can contribute:</p>
<ul>
<li><strong>Report Bugs</strong>: Open an issue on <a href="https://github.com/sato-jp/cdn-error-mockups/issues" rel="nofollow ugc">GitHub</a></li>
<li><strong>Suggest Features</strong>: Share your ideas via GitHub issues</li>
<li><strong>Submit Pull Requests</strong>: Send pull requests with improvements or bug fixes</li>
<li><strong>Improve Documentation</strong>: Help improve the documentation</li>
</ul>
<p>For more information, visit the <a href="https://github.com/sato-jp/cdn-error-mockups" rel="nofollow ugc">GitHub repository</a>.</p>
<h3>Credits</h3>
<p>This plugin is based on the idea and some code from <a href="https://github.com/donlon/cloudflare-error-page" rel="nofollow ugc">cloudflare-error-page</a> by donlon (MIT License). See <a href="https://github.com/sato-jp/cdn-error-mockups/blob/main/THIRD_PARTY_LICENSES.md" rel="nofollow ugc">THIRD_PARTY_LICENSES.md</a> for details.</p>


CDN Error Mockups

Adds a block that mimics the Cloudflare downtime error screen.

Toro_Unit (Hiroshi Urabe)

Takayuki Miyauchi

Okamoto Hidetaka

Mayo Moriyama

Hinaloe

spicagraph

marushu

plasticdreams

Junko Nukaga

yoshiii

show-ko

Mizue Imai (Mignon Style)

<p>This is not just a plugin. When activated you will randomly see a Quotations of legendry engineer Mr. M in the upper right of your admin screen on every page.</p>
<p><a href="https://github.com/torounit/hello-kushimoto/" rel="nofollow ugc">This Plugin published on GitHub.</a></p>


Hello Kushimoto

Great plugin, with his words.

This plug-in would definately teach you how to behave among WordPress community in Japan.
If you don't follow Mr. M's saying, you won't be able to survive in Japan.



Must have plug-ins for Japanese WordPress webmasters

I saw for the first time such a great plug-ins.



Amazing plugin!!

Oh I know him!!
He is most handsome guy I had ever met!



Awesome!

Mr. M's words are substantially correct. But, Oh no, he says "Using MAMP is waste of your power". I can't accept that.



Great Plugin, but

Very,Very Nice plugin

This is not just a plugin. When activated you will randomly see a Quotations of legendary engineer Mr. M in the upper right of your admin screen on ev …

CDN Error Mockups vs Hello Kushimoto