Upbinger Blog lets you seamlessly embed your blog content — published through Upbinger — into your WordPress site. The plugin uses Shadow DOM for complete CSS isolation, so your blog styles never clash with your theme.
Key Features
- Customizable Styles — Configure grid title, colors, fonts, spacing, and more from the Upbinger dashboard (Publish → Style tab). Changes apply on next publish.\n* Back to Blog Navigation — Configurable “← Back to Blog” link on every post for easy grid return.\n* Shadow DOM Isolation — Blog CSS lives inside a shadow root and cannot interfere with your theme or vice versa.
- rem → em Conversion — Automatically converts CSS
rem units to em so blog typography renders correctly regardless of your theme’s root font-size.
- SEO Meta Injection — Open Graph, Twitter Card, canonical link, and JSON-LD structured data are injected into the page
<head> for search engines and social media.
- SPA Navigation — Internal blog links navigate without a full page reload. Back/forward buttons work as expected.
- Google Fonts in Light DOM — Font stylesheets are hoisted into the page
<head> so they load correctly across all browsers.
- Anonymous Analytics — Visit counts are sent via
sendBeacon with session deduplication. No cookies, no PII.
- Automatic Container Detection — Finds the best content area in your theme automatically, or you can specify a CSS selector.
How It Works
- Your blog HTML is published to the Upbinger CDN.
- The plugin fetches the correct page from the CDN when a visitor loads your blog route.
- The HTML is cleaned, adapted for Shadow DOM (CSS scoping, rem→em, SEO extraction), and injected into an isolated shadow root.
- Visitors see your blog styled exactly as designed, with zero CSS side-effects.
Requirements
- An active Upbinger account with a published blog.
- WordPress 5.0 or higher.
- PHP 7.4 or higher.
External services
This plugin relies on two third-party services provided by Upbinger.
Upbinger CDN (cdn.upbinger.com)
Blog HTML, CSS, images, and font references are fetched from the Upbinger content-delivery network every time a visitor loads a blog page on your site.
- What is sent: an HTTPS GET request containing only the URL path of the blog page being loaded (e.g.
/blogs/example.com/index.html). No cookies or personal data are transmitted.
- When: on every front-end page load of the blog route.
- Service provider: Upbinger — Terms of Service | Privacy Policy
Upbinger Analytics API
Anonymous page-view events are sent so site owners can see which posts are popular. No cookies are set and no personally-identifiable information is collected.
- What is sent: the page path, a session-scoped deduplication flag (stored in
sessionStorage), and the site domain. The request is made via navigator.sendBeacon.
- When: once per unique page view per browser session (deduplicated). Can be disabled entirely from Settings → Upbinger Blog → Disable Analytics.
- Endpoint:
https://m745tnh6jg.execute-api.us-east-1.amazonaws.com/api/trackVisit
- Service provider: Upbinger — Terms of Service | Privacy Policy