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) 這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個 外掛進行維護或提供技術支援，並可能會與更新版本的 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://tw.wordpress.org/plugins/motion/#description) * [使用者評論](https://tw.wordpress.org/plugins/motion/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/motion/#installation) * [開發資訊](https://tw.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.⌉⌊Motion Button - Add animation blocks in WordPress Post and Pages using the Motion button.⌉[ **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.⌉⌊Select Animation - After clicking Insert Motion button you will get a screen to choose animation.⌉[ **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.⌉⌊Animation Block - Update the content of the block as per your requirement. You can copy and paste the same in Text Widget also.⌉[ **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.⌉⌊Settings - Options for Motion Plugin under Settings -> Motion menu in the admin area.⌉[ **Settings** – Options for Motion Plugin under Settings -> Motion menu in the admin area. [⌊Apply on Widgets - You can choose Motion class from dropdown list.⌉⌊Apply on Widgets- You can choose Motion class from dropdown list.⌉[ **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 或更新版本 ** * 已測試相容的 WordPress 版本 **4.0.38** * 語言 * [English (US)](https://wordpress.org/plugins/motion/) * 標籤: * [animate](https://tw.wordpress.org/plugins/tags/animate/)[css animations](https://tw.wordpress.org/plugins/tags/css-animations/) [zurb](https://tw.wordpress.org/plugins/tags/zurb/) * [進階檢視](https://tw.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)