需要帮助添加adobe edge animate到wordpress而不插件

时间:2015-05-28 11:04:36

标签: wordpress adobe adobe-edge

我之前已经实际做过这件事,但我不记得如何做到这一点。有没有人知道正确的设置或教程解释如何在没有插件的情况下进行设置?

1 个答案:

答案 0 :(得分:1)

让Adobe Edge动画在WordPress(或任何其他CMS)中运行

我自己就这样做了,并在Codepen上发布了一篇关于它的文章; http://codepen.io/write/getting-adobe-edge-animations-to-work-in-wordpress

  

我也在Github上开了一个问题; https://github.com/wittnl/Edge-Animate-Runtime/issues/3

问题

当EA(Edge Animate)正在寻找资产时,他们会使用相对路径。 当我们使用WordPress时,这就成了一个问题,我们需要引用我们的主题文件夹,一个绝对的URL。

错误1

主文件edge.x.x.x.js无法为合成加载正确的javascript文件。导致404,找不到文件。

错误2

由edge.x.x.x.js加载的特定于组合的javascript文件具有图像的相对路径等。导致没有加载图像。

我们想要什么

  1. 将所有资源存储在我们的主题文件夹
  2. 正确加载所有文件并欣赏我们的动画
  3. 解决方案

    1)修改主要的javascript文件

    1. 制作您自己的主要javascript文件版本,例如; edge.5.0.1-edited.js
    2. 检查comp.load并进行更改,以便正确加载我们的主题文件夹。

      comp.load('/wp-content/themes/my-awesome-theme/assets/edge/' + projectPrefix + "/" + projectPrefix + "_edge.js");

    3. 2)修改"组合" - 特定的javascript文件

      1. 更改images内需要更改的变量(例如tools_edge.js),使其指向您的主题文件夹。

        var im='/wp-content/themes/my-awesome-theme/assets/edge/tools/images/'