Help! Cloudflare caches my WP admin bar

kurosaki4d said:

Hi,

I am using Cloudflare CDN with my WordPress site.

I noticed a huge mistake, i'm using as a Page rule "Cache everything" in Cloudflare, this makes my page a bit faster, but the problem is that it caches my black admin bar at the top.
When the visitor is inspecting the page, he gets to see the admin bar aswell.

How can i prevent and exclude caching for the admin bar? Is there any way?

Thank you

Click to expand...

bossofthebosses said:

first rule:
cache everything

second rule:
Bypass Cache
*example.com/wp-admin/*

third rule:
Bypass Cache
*example.com/wp-login.php*

Click to expand...

kurosaki4d said:

Thank you very much all for your help, i appreciate it i already had setup these two:

Click to expand...

Trolling4Dollars said:

Set the page rule for wp-admin/* to look like this
View attachment 140929

Click to expand...

kurosaki4d said:

Thank you so much mate I just applied the same things, should i do the same thing to wp-login.php, or was wp-admin alone enough to avoid the issue ?

Click to expand...

Trolling4Dollars said:

Personally, I've never applied a page rule to wp-login. Settings I posted above have always done the trick for me

Click to expand...

Trolling4Dollars said:

Set the page rule for wp-admin/* to look like this
View attachment 140929

Click to expand...

kurosaki4d said:

Ouch, i still have the same problem, i applied the exact rules deleted the CDN cache, and i still get the admin bar at the top in private navigation mode -_-

Click to expand...

#wpadminbar { display:none !important;}