Title: Motion Author: Adam Pery Published: 2015 年 10 月 22 日 Last modified: 2015 年 10 月 22 日 --- 搜索插件 ![](https://ps.w.org/motion/assets/banner-772x250.png?rev=1270939) **该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起 使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。 ![](https://ps.w.org/motion/assets/icon-256x256.png?rev=1270939) # Motion 作者：[Adam Pery](https://profiles.wordpress.org/adam1920/) [下载](https://downloads.wordpress.org/plugin/motion.zip) * [详情](https://cn.wordpress.org/plugins/motion/#description) * [评价](https://cn.wordpress.org/plugins/motion/#reviews) * [安装](https://cn.wordpress.org/plugins/motion/#installation) * [开发进展](https://cn.wordpress.org/plugins/motion/#developers) [支持](https://wordpress.org/support/plugin/motion/) ## 描述 Motion WordPress Plugin based on Motion UI by ZURB – a Sass library for creating CSS transitions and animations. Provide user friendly solution to beautiful CSS3 animations on WordPress Posts, Pages and Widgets. [Motion Demo](http://motion.tadam.co.il/) Some of the Key features Include: * CSS animations * CSS transitions * Allowing user to apply CSS3 animations on WordPress Posts, Pages and Widgets * Animation on Scroll, bases on wow.js * Different scroll offset on individual animation blocks * Delay to create a nice animation sequence * Animation duration * Enable or disable animations on mobile * Enable or disable checking for new elements on the page * Custom box class setting * Custom animate class setting * Custom CSS setting * Allow users to apply animation on WordPress Widgets All the CSS3 animations are from [Motion UI](https://github.com/zurb/motion-ui) WOW.js are from [WOW](https://github.com/matthieua/WOW) ### Arbitrary section ### A brief Markdown Example [motion data-animate=”slideInUp” data-speed=”slow” data-easing=”linear” data-delay =”short-delay” data-animation=”shake” data-offset=”100″ custom_class=”your_custom_class”][/ motion] [Motion Demo](http://motion.tadam.co.il/) ## 屏幕截图 * [[ * **Motion Button** – Add animation blocks in WordPress Post and Pages using the Motion button. * [[ * **Select Animation** – After clicking Insert Motion button you will get a screen to choose animation. * [[ * **Animation Block** – Update the content of the block as per your requirement. You can copy and paste the same in Text Widget also. * [[ * **Settings** – Options for Motion Plugin under Settings -> Motion menu in the admin area. * [[ * **Apply on Widgets** – You can choose Motion class from dropdown list. ## 安装 1. Upload Motion Plugin to the /wp-content/plugins/ directory. 2. Activate the plugin through the Plugins menu in WordPress. 3. Set your options from the Settings -> Motion admin area. Alternatively: 1. Login to your WordPress admin area 2. Search for Motion 3. Click install Motion 4. Activate through the Plugins menu in WordPress or when asked during installation 5. Set your options from the Settings -> Motion admin area ## 常见问题 Setting the scroll offset for on scroll functionality? Pixel scroll offset can be set from Settings -> Motion menu in the admin area. ## 评价 ![](https://secure.gravatar.com/avatar/f293882f9fb4aea91f06cdf1786e1bbb4a0b602576ac43aa2d092763855af1fd? s=60&d=retro&r=g) ### 󠀁[awesome](https://wordpress.org/support/topic/awesome-7045/)󠁿 [prasadthopte](https://profiles.wordpress.org/prasadthopte/) 2019 年 9 月 20 日 very good ![](https://secure.gravatar.com/avatar/7dc8d65aeb716c16d8201b7d22fdd67c56200fe430af742d52ba7745d18d3410? s=60&d=retro&r=g) ### 󠀁[Ek Like d’t!!](https://wordpress.org/support/topic/ek-like-dt/)󠁿 [carmie7](https://profiles.wordpress.org/carmie7/) 2018 年 11 月 28 日 Awesome… ![](https://secure.gravatar.com/avatar/54f60269d9faed8b250e327d9f435d45cfcc630a05a7e859a37e51510dd25d7a? s=60&d=retro&r=g) ### 󠀁[motion](https://wordpress.org/support/topic/motion/)󠁿 [chinema](https://profiles.wordpress.org/chinema/) 2018 年 7 月 25 日 thanks ![](https://secure.gravatar.com/avatar/41c7ff7d2cd4694a93b08e052f6cbe97331081cf59135efd893622206ffa9637? s=60&d=retro&r=g) ### 󠀁[Excellent work.](https://wordpress.org/support/topic/excellent-work-97/)󠁿 [Idventiva](https://profiles.wordpress.org/idventiva/) 2016 年 9 月 3 日 Excellent animation plugin, it worked like a charm in every image and text i tried in my posts. I wonder if it is a way to add the code to the body of wordpress. Great work. ![](https://secure.gravatar.com/avatar/7211cc087fa19d73b9127d3e09601982de25a5d7ad1819b16ef5b5a296219339? s=60&d=retro&r=g) ### 󠀁[Really awsom plugin.. you must try..:-*](https://wordpress.org/support/topic/really-awsom-plugin-you-must-try/)󠁿 [Ganesh](https://profiles.wordpress.org/manoj-hp/) 2016 年 9 月 3 日 Had been searching for this plugin for a long time.. awsome effects on scroll.. jus lov it.. i dono why there is no installs or reviews about this,, have tried many, but this one works gud for my website. great work guys.. lov it..:) [ 阅读所有5条评价 ](https://wordpress.org/support/plugin/motion/reviews/) ## 贡献者及开发者 「Motion」是开源软件。 以下人员对此插件做出了贡献。 贡献者 * [ Adam Pery ](https://profiles.wordpress.org/adam1920/) [帮助将「Motion」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/motion) ### 对开发感兴趣吗? 您可以[浏览代码](https://plugins.trac.wordpress.org/browser/motion/)，查看[SVN仓库](https://plugins.svn.wordpress.org/motion/)， 或通过[RSS](https://plugins.trac.wordpress.org/log/motion/?limit=100&mode=stop_on_copy&format=rss) 订阅[开发日志](https://plugins.trac.wordpress.org/log/motion/)。 ## 更新日志 #### Version 0.5 * Initial public release. ## 额外信息 * 版本 **0.5** * 最后更新：**11 年前** * 活跃安装数量 **50+** * WordPress 版本 ** 4.0 或更高版本 ** * 已测试的最高版本为 **4.0.38** * 语言 * [English (US)](https://wordpress.org/plugins/motion/) * 标签 * [animate](https://cn.wordpress.org/plugins/tags/animate/)[css animations](https://cn.wordpress.org/plugins/tags/css-animations/) [zurb](https://cn.wordpress.org/plugins/tags/zurb/) * [高级视图](https://cn.wordpress.org/plugins/motion/advanced/) ## 评级 5 星（最高 5 星）。 * [ 5 条 5 星评价 ](https://wordpress.org/support/plugin/motion/reviews/?filter=5) * [ 0 条 4 星评价 ](https://wordpress.org/support/plugin/motion/reviews/?filter=4) * [ 0 条 3 星评价 ](https://wordpress.org/support/plugin/motion/reviews/?filter=3) * [ 0 条 2 星评价 ](https://wordpress.org/support/plugin/motion/reviews/?filter=2) * [ 0 条 1 星评价 ](https://wordpress.org/support/plugin/motion/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/motion/reviews/#new-post) [查看全部评论](https://wordpress.org/support/plugin/motion/reviews/) ## 贡献者 * [ Adam Pery ](https://profiles.wordpress.org/adam1920/) ## 支持 有话要说吗？是否需要帮助？ [查看支持论坛](https://wordpress.org/support/plugin/motion/) ## 捐助 您愿意支持这个插件的发展吗? [ 捐助此插件 ](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=GX2LMF9946LEE)