Swup.js + Oxygen (wp) -没有加载正确的站点？

Question

我正在尝试将Swup.js实现到用于Wordpress的Oxygen站点中。由于某些原因，当我使用Swup时，无法加载站点的正确版本。

由于某些原因，当我点击链接时，网站的正确版本并未加载。它似乎加载了一个响应式版本的网站。以下是该页面的链接：https://testswup.kastanjeskolan.nu/如果您访问我们的服务，您将获得该页面的一个版本。但是如果你更新/重新加载，你会得到正确的版本。Here is a video来说明我的意思。

有人知道为什么会发生这种事吗？

谢谢你的帮助。

Answer 1

Swup JS只加载Swup元素/Swup主体中的内容。它为所有页面保留相同的页眉或页眉。

Oxygen builder为创建的每个页面生成CSS文件。如果你在你的网站上查看Proucts页面的页面源代码，你会看到由Oxygen生成的产品页面的CSS文件。(如下图所示)。

​

现在，当您从Products页面移动到Services页面时，此CSS文件保持不变，因为它位于site的部分。服务页面的CSS文件也是not loaded，因为没有刷新，因为这就是Swup的工作方式。

解决方案

1. 的解决方案是使用一个CSS文件，其中包含所有页面的所有CSS。但不确定这是否会由氧气生成器输出。

1. 使用Swup提供的Head Plugin。虽然不确定它是否能与氧气生成器正常工作。