從 Wordpress 站點導出已編譯的 CSS 和 JS

Question

所以你有了：

站點A：Wordpress站點

SiteB：全面的應用程序（Rails，無論哪種方式）

我的目標是將 SiteA 中的內容嵌入到 SiteB 中。 我所說的內容是指發布內容以及所有已編譯的 CSS 和 JS。

對於帖子內容，我發現了一個很棒的 Wordpress 插件 WP-API，它返回與每個帖子關聯的所有 JSON 數據。 好的開始。 現在剩下的......我想知道是否：

1）已經有一個插件可以實現這一點，或者

2）我得寫點東西。 我還不是 Wordpress 的專家，但我想會有一種方法可以劫持引導加載程序並輸出 all.css 和 all.js，然后編寫一個腳本每次將這些文件從 SiteA 發送到 SiteB他們更新了。 最好創建一個只返回所有 CSS 和 JS 的端點，並經常檢查它與 SiteB 上的內容之間的差異。

由於 SEO 的缺點，我想避免使用 iframe 導入內容，但至少在使用 AJAX 加載時有一些解決方法。

編輯：：：：：：：

我想我找到了（部分）我正在尋找的東西......

/wp-admin/theme-editor.php ：第 79 - 94 行這是將主題樣式的更新寫入主題目錄中的 style.css 的地方。 我基本上將它復制到一個單獨的文件中，現在就在我的服務器上——盡管它可以很容易地連接到 CDN 並在那里寫入——並讓 SiteB 引用該文件。 取得進展！

Answer 1

這是我會推薦的。

‣ 在共享主機中建立一個全局文件夾或在雲 CDN 中創建一個。

1.)將兩個網絡資產放在同一台服務器/主機上。 你提到你有這個選項。

進入 Wordpress 並更改.css和.js文件的所有文件路徑引用； 以及您想要成為“ 全局”的任何其他文件 - 而不僅僅是特定於 WP 安裝。

例如。 像這樣： /wp/css/styles.css --> ../../css/styles.css

（更改參考以到達公共共享全局文件夾）

將這些 css 和 js 文件夾/文件從 Wordpress CMS 安裝目錄中刪除到您的主機的基本目錄，在那里兩個 Web 屬性都可以輕松共享。

www.coolwebsite.com/wp/

www.coolwebsite.com/

或者

2.)將雲中的所有“共享/全局文件夾和文件”放在像AWS這樣的 CDN 上。 從托管中刪除。 這可能更易於管理，您可以為要與之共享這些公共文件的任何和所有網絡資產使用相同的絕對路徑。

例如。 類似於 google CDN 托管所有這些 jQuery 版本、庫和插件的方式。

Answer 2

設置內容分發網絡 (CDN) 不是更安全嗎？ 因此，您的站點都可以加載它們。 並將減少您兩個網站的加載時間。
您還可以使用以下方式使用 dns 預取：

<link rel="dns-prefetch" href="url_to_external_cdn_domain" />