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.

PResponsive

<p>Plugin “Joke of the Day” displays categorized jokes on your blog. There are over 40,000 jokes in 40 categories. Jokes are saved on our database, so you don’t need to have space for all that information.</p>


Joke of the Day

Plugin "Joke of the Day" displays jokes on your blog. There are over 40,000 jokes in 40 categories.

CDN Error Mockups vs Joke of the Day