內容簡介
Upbinger Blog 外掛讓您可以無縫地將透過 Upbinger 發布的部落格內容嵌入到您的 WordPress 網站中，並使用 Shadow DOM 確保 CSS 完全隔離，避免樣式衝突。
【主要功能】
• 可自訂樣式：從 Upbinger 控制台調整標題、顏色、字型等
• 返回部落格導航：每篇文章配置「← 返回部落格」連結
• Shadow DOM 隔離：部落格 CSS 在獨立的 shadow root 中運行
• rem 轉 em 轉換：自動轉換 CSS 單位以正確顯示字型
• SEO Meta 注入：自動注入 Open Graph 和 JSON-LD 數據
• SPA 導航：內部連結無需重新載入整頁
外掛標籤
開發者團隊
📦 歷史版本下載
原文外掛簡介
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
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 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