Javascript Edge Animate和WordPress的基本集成
我在Edge Animate中创建了一个非常基本的文件,其中我只是淡入淡出一些文本。它位于这里: Edge Animate导出一个HTML文件和一些JS文件。我的问题是是否有可能这样做,以便您可以在将来使用WordPress框架更新文本。我发现实际的文本是在我在下面发布的一个JS文件中声明的(有问题的文本是“这是一个测试”)。最后,我想创建一个WordPress小部件,进入这个JS文件并更改文本值 提前感谢您提供的任何帮助或指导Javascript Edge Animate和WordPress的基本集成,javascript,jquery,wordpress,Javascript,Jquery,Wordpress,我在Edge Animate中创建了一个非常基本的文件,其中我只是淡入淡出一些文本。它位于这里: Edge Animate导出一个HTML文件和一些JS文件。我的问题是是否有可能这样做,以便您可以在将来使用WordPress框架更新文本。我发现实际的文本是在我在下面发布的一个JS文件中声明的(有问题的文本是“这是一个测试”)。最后,我想创建一个WordPress小部件,进入这个JS文件并更改文本值 提前感谢您提供的任何帮助或指导 /** * Adobe Edge: symbol defini
/**
* Adobe Edge: symbol definitions
*/
(function($, Edge, compId){
//images folder
var im='images/';
var fonts = {};
var resources = [
];
var symbols = {
"stage": {
version: "2.0.1",
minimumCompatibleVersion: "2.0.0",
build: "2.0.1.268",
baseState: "Base State",
initialState: "Base State",
gpuAccelerate: false,
resizeInstances: false,
content: {
dom: [
{
id:'Text',
type:'text',
rect:['131','190','auto','auto','auto','auto'],
text:"THIS IS A TEST",
font:['Arial, Helvetica, sans-serif',24,"rgba(0,0,0,1)","normal","none",""]
}],
symbolInstances: [
]
},
states: {
"Base State": {
"${_Stage}": [
["color", "background-color", 'rgba(255,255,255,1)'],
["style", "overflow", 'hidden'],
["style", "height", '400px'],
["style", "width", '550px']
],
"${_Text}": [
["style", "top", '200px'],
["style", "opacity", '0'],
["style", "left", '197px']
]
}
},
timelines: {
"Default Timeline": {
fromState: "Base State",
toState: "",
duration: 1500,
autoPlay: true,
timeline: [
{ id: "eid7", tween: [ "style", "${_Text}", "opacity", '1', { fromValue: '0'}], position: 0, duration: 1500 },
{ id: "eid4", tween: [ "style", "${_Text}", "left", '297px', { fromValue: '197px'}], position: 0, duration: 1500 },
{ id: "eid5", tween: [ "style", "${_Text}", "top", '193px', { fromValue: '200px'}], position: 0, duration: 1500 } ]
}
}
}
};
Edge.registerCompositionDefn(compId, symbols, fonts, resources);
/**
* Adobe Edge DOM Ready Event Handler
*/
$(window).ready(function() {
Edge.launchComposition(compId);
});
})(jQuery, AdobeEdge, "EDGE-2538351");
您将不得不重新启动并使用
在前端,小部件将使用wp\u enqueue\u script
加载simpletext\u edgePreload.js
。然后使用wp\u localize\u script
您最终将能够在JS文件中使用类似的内容:
text:my_data.text
短代码示例:
小部件示例:嘿,Brasofilo,非常感谢您提供的资源。我将查看链接。我选择了小部件/插件路线,因为这对我来说最有意义。你同意这个方向吗?还是有更好/更简单的方法来实现我想要的?一个快捷方式会更容易、更灵活、更有效。一个小部件将提供一个窗口,但您将被限制在侧栏中。99%的情况下,而不是
functions.php
.Thx。这似乎是一个显而易见的问题,但通过短代码,您指的是插件,对吗?