如何向WordPress添加自定义html和css

时间:2019-09-15 作者:Anand Guru

例如,如果我想从此网站添加此代码https://codepen.io/tamak/pen/ApLcq

html教程

已设置动画

cssdiv{宽度:120px;高度:100px;显示:块;背景:绿色;文本对齐:居中;线宽:100px;边距:10px;浮动:左;颜色:白色;边框半径:10px;}

。动画{动画持续时间:3s;动画填充模式:两者;动画迭代计数:无限;}

js$(文档)。就绪(函数(){

动画单击(“.卷展栏1”,“卷展栏”);动画单击(“.bounce1”,“bounce”);动画单击(“.flash1”,“flash”);动画单击(“.pulse1”,“pulse”);动画单击(“.rubberBand1”,“rubberBand”);动画单击(“.shake1”,“shake”);动画单击(“.tada1”,“tada”);动画单击(“.swing1”,“swing”);动画单击(“摆动1”,“摆动”);动画单击(“.bounceIn1”,“bounceIn”);动画单击(“.bounceInDown1”,“bounceInDown”);动画单击(“.bounceInLeft1”,“bounceInLeft”);动画单击(“.bounceInRight1”,“bounceInRight”);动画单击(“.bounceInUp1”,“bounceInUp”);动画单击(“.bounceOut1”,“bounceOut”);动画单击(“.bounceOutDown1”,“bounceOutDown”);动画单击(“.bounceOutLeft1”,“bounceOutLeft”);动画单击(“.BounceOutTright1”,“BounceOutTright”);动画单击(“.bounceoutp1”,“bounceOutUp”);动画单击(“.fadeIn1”,“fadeIn”);动画单击(“.fadeInDown1”,“fadeInDown”);动画单击(“.fadeInDownBig1”,“fadeInDownBig”);动画单击(“.fadeInLeft1”,“fadeInLeft”);动画单击(“.fadeInLeftBig1”,“fadeInLeftBig”);动画单击(“.fadeInRight1”,“fadeInRight”);动画单击(“.fadeInRightBig1”,“fadeInRightBig”);动画单击(“.fadeInUp1”,“fadeInUp”);动画单击(“.fadeInUpBig1”,“fadeInUpBig”);动画单击(“.fadeOut1”,“fadeOut”);

动画单击(“.fadeOutDown1”,“fadeOutDown”);动画单击(“.fadeOutDownBig1”,“fadeOutDownBig”);动画单击(“.fadeOutLeft 1”,“fadeOutLeft”);动画单击(“.fadeOutLeftBig1”,“fadeOutLeftBig”);动画单击(“.FadeOutTright1”,“FadeOutTright”);动画单击(“.FadeOutTrightBig1”,“FadeOutTrightBig”);动画单击(“.fadeoutp1”,“fadeOutUp”);动画单击(“.fadeOutUpBig1”,“fadeOutUpBig”);动画单击(“.flipInX1”,“flipInX”);

函数animationHover(element,animation){element=$(element);element.hover(function(){element.addClass(\'animated\'+animation);},function(){//在删除类窗口之前等待动画完成。setTimeout(function(){element.removeClass(\'animated\'+animation);},2000);});};

函数animationClick(element,animation){element=$(element);element。单击(function(){element.addClass(\'animated\'+animation);//在删除类窗口之前等待动画完成。setTimeout(function(){element.removeClass(\'animated\'+animation);},2000);});};

});

wer和how to addi hv使用代码片段和custo html css js插件来完成,但不知道如何调用wordpress页面我需要多次调用此动画

1 个回复
SO网友:Parikshit Parab

登录wordpress,然后单击外观->主题编辑器

将CSS添加到样式中。css文件

并将Javascript代码放在页脚的某个位置。php文件$ 替换为jQuery

并且在页面编辑选项中,将css类放置在您想要为其提供css的位置

相关推荐

我在哪里可以找到我的主题标题的内联-css?

我很难找到主题标题的一些特定内联css。我试图编辑style.css 关于我的孩子主题,什么不起作用。(在chrome的开发工具中,它可以工作!)。我为特定的css安装了一些插件。我试图在“Customizer”页面编辑它,我使用了集成主题css编辑器。什么都不管用。实际上,这是我在这里遇到的一个普遍问题:在下面的屏幕截图上,我在哪里可以从html元素中找到内联css?html是否仅使用php创建?如果是,哪些文件包含我在屏幕截图上看到的html元素?提前感谢!编辑:我是指右边的内联css。。。“the”