Kevin-LeMasters-PixelParade

Master Breeze Cache Strategy (Auto-Detect + Custom Map)

The Problem

If you use Cloudways, the Breeze caching plugin, and Cloudflare Enterprise Edge Cache, you've likely run into this frustrating issue: When you update a Post or Custom Post Type (CPT), the parent listing pages, custom taxonomy archives, and Page Builder pages (like a Knowledge Base containing a post grid) do not update. By default, Breeze aggressively clears the cache for the single post ID you just edited, but it fails to recognize the complex relationships of modern WordPress sites built with custom post types or page builders.

The Solution

This snippet bridges the gap between Breeze and your site's architecture. It acts as a "Traffic Controller" for the Cloudflare/Varnish cache, doing two main things:

1. Auto-Detection: It programmatically hooks into WordPress to find the CPT Archive and any assigned Custom Taxonomy pages (e.g., Event Categories) and adds them to the purge queue.
2. Relationship Mapping: It include

Kevin-LeMasters-PixelParade

Add responsive screen size buttons in css/scss preview iframe and increase width of iframe

Kevin-LeMasters-PixelParade

Auto rotate beaver builder powerpack addons "advanced tabs" module

Inspired and copied from this jquery plugin code https://vdw.github.io/Tabslet/ Documentation can be found here https://github.com/vdw/Tabslet/wiki

Render both js files in footer defered

The code was modified to work with powerpacks advanced tabs modules

Kevin-LeMasters-PixelParade

Using a simple chrome extension like https://chromewebstore.google.com/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha?hl=en-US you can add styles to Cloudways dashboard.

Add the css for Cloudways.com to do the following

• Hides the uguru and client billing tabs (assuming you aren't using either)
• Expands the application dropdowns so you can view all applications on a server
• Keeps the left menu bar in the expanded state

Kevin-LeMasters-PixelParade

Add the JS snippet to your global js footer reveal effect (the "footer.fl-builder-content" target is specific to a beaver builder footer, but can be modified as needed).

Kevin-LeMasters-PixelParade

Header will need to be set to sticky and overlay by default.

Simply add this script to your global JS or enque as a seperate script file.

Kevin-LeMasters-PixelParade

How to Add Codebox Button to Admin Bar with wpcodebox,

• create a PHP snippet
• run snippet on page load
• insert at admin_head

The snippet checks if logged in and only runs if true

Kevin-LeMasters-PixelParade

Scss snippet added inline in admin footer to update WPcoedbox folder and snippet styles, and add a different color background to cloud snippets

Kevin-LeMasters-PixelParade

Hide WPCodebox menu item and page from other users.

Make it availble to all admins with email of @agencyemail or by username

Kevin-LeMasters-PixelParade

Easy Scrollspy setup for BB theme users running full Bootstrap 4 or anyone using Bootstrap 4 with BB.

For BB theme, enable full bootstrap 4 under customize > General > Layout (Or load it from CDN on a single page if not using it sitewide)

JS file add to BB page JS directly or load via external file in footer defered.

Currently using it with PowerPack's Table of Contents module, but this could be used for any list/menu of links, just change the data-target attribute.

I referred to this documentation when setting up