Title: Page Transition Author: numixtech Published: 2014 年 7 月 10 日 Last modified: 2014 年 9 月 15 日 --- 搜尋外掛 ![](https://ps.w.org/page-transition/assets/banner-772x250.png?rev=976979) 這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個外掛進行維護或提供技術支援，並可能會與更新版本的 WordPress 產生使用上的相容性問題。 ![](https://s.w.org/plugins/geopattern-icon/page-transition_458bac.svg) # Page Transition 由 [numixtech](https://profiles.wordpress.org/numixtech/) 開發 [下載](https://downloads.wordpress.org/plugin/page-transition.1.3.zip) * [詳細資料](https://tw.wordpress.org/plugins/page-transition/#description) * [使用者評論](https://tw.wordpress.org/plugins/page-transition/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/page-transition/#installation) * [開發資訊](https://tw.wordpress.org/plugins/page-transition/#developers) [技術支援](https://wordpress.org/support/plugin/page-transition/) ## 外掛說明 Page Transition is a simple and easy wordpress plugin used to add page transition using CSS3 animations. Show your page with modern animations. Set different animations effects for page in (on load) and page out (on unload). You can also set value to “None” to disable page in or page out animation. Available options and features: * Set Page In Animation * Set Page Out Animation * Set Page In Animation Duration * Set Page Out Animation Duration * Set whether to show loading or not * Set loading text color #### 9 different transition effects available * Fade * Fade Down * Fade Up * Fade Left * Fade Right * Rotate * Flip X * Flip Y * Zoom This plugin is using jquery animsition plugin by Bilvesta. Please check demo at [http://git.blivesta.com/animsition/](http://git.blivesta.com/animsition/) ## 螢幕擷圖 * [[ * Admin settings/options screenshot ## 安裝方式 **Installation Instruction & Configuration** 1. You can use the built-in installer. OR Download the zip file and extract the contents. Upload the ‘page-transition’ folder to your plugins directory (wp-content/plugins/). 2.Activate the plugin through the ‘Plugins’ menu in WordPress. 3.Go to Settings -> Page Transition and set your desired transition effect for page in and page out and animation duration. ## 常見問題集 I have set transition effects but I can’t see effects in front-end ? This plugin requires that you call wordpress “body_class” function like `` in your body tag in header. Your body tag should be look like `>`. ## 使用者評論 ![](https://secure.gravatar.com/avatar/58f4efacac82be56694d2789777467dde19ce0090d45da2186fca484863ae929? s=60&d=retro&r=g) ### 󠀁[Perfect, but please update!](https://wordpress.org/support/topic/perfect-but-please-update/)󠁿 [dmoralesz](https://profiles.wordpress.org/dmoralesz/) 2020 年 12 月 23 日 I love this plugin. It is perfect just as it is. Please, update it to ensure it will continue working on the future. ![](https://secure.gravatar.com/avatar/84fbb58283f4871a2d6897d811e76c579118bc8c5a8a27d3f893cd6ceca27ee9? s=60&d=retro&r=g) ### 󠀁[Cute!](https://wordpress.org/support/topic/cute-9/)󠁿 [eiie](https://profiles.wordpress.org/eiie/) 2018 年 2 月 6 日 Nice plugin. It seems to work and has some fun effects to customize. I like it a lot. Very useful. ![](https://secure.gravatar.com/avatar/9a67d815d751ab662aa64282b517a77a59502cfdcaba00fedd46774407294f7e? s=60&d=retro&r=g) ### 󠀁[Great plugin so far!](https://wordpress.org/support/topic/great-plugin-so-far-10/)󠁿 [milenfrom](https://profiles.wordpress.org/milenfrom/) 2017 年 7 月 23 日 Thank you guys for making this plugin! It is working great on my website, on all pages! ![](https://secure.gravatar.com/avatar/5380e5455bfb58456eac991e0bea9534be5c8388a7b5cc3601ee5505d9c96645? s=60&d=retro&r=g) ### 󠀁[great but…](https://wordpress.org/support/topic/great-but-72/)󠁿 [oguido](https://profiles.wordpress.org/oguido/) 2017 年 6 月 7 日 hi and good work on this one! i just wanted to mention i had to change the jquery. animsition.js files for the newer version to fix the back-button-blank-page bug. I think it could already come with the plugin download… Oh, and also the transition works on everything in the page except the parallax image header… (adamrom-parallax- scroll) cheers 🙂 ![](https://secure.gravatar.com/avatar/cf69ef6155fa671d325c1ff87511ce86520ddb11768171560f1e08ef077f4d7d? s=60&d=retro&r=g) ### 󠀁[design flaw](https://wordpress.org/support/topic/design-flaw/)󠁿 [Anonymous User 14293447](https://profiles.wordpress.org/anonymized-14293447/) 2016 年 10 月 19 日 Though it hasn’t been updated for 2 years the plugin still works. But maybe it does need to be updated, because a nice transition should be between one page to the other, not interposing a blank page in between (like page1 > blankpage with loading >page2). For this reason I uninstalled. ![](https://secure.gravatar.com/avatar/f754b230cd2a3e03397b92d26a2bbbc820f4ac3bfe1c23af9c0af347b8003629? s=60&d=retro&r=g) ### 󠀁[Very simple and useful](https://wordpress.org/support/topic/very-simple-and-useful-2/)󠁿 [edoron777](https://profiles.wordpress.org/edoron777/) 2016 年 10 月 3 日 Very simple and useful [ 閱讀全部 33 則使用者評論 ](https://wordpress.org/support/plugin/page-transition/reviews/) ## 參與者及開發者以下人員參與了開源軟體〈Page Transition〉的開發相關工作。參與者 * [ numixtech ](https://profiles.wordpress.org/numixtech/) * [ Gaurav Padia ](https://profiles.wordpress.org/gauravpadia/) * [ asalamwp ](https://profiles.wordpress.org/asalamwp/) [將〈Page Transition〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/page-transition) ### 對開發相關資訊感興趣？任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/page-transition/)、查看 [SVN 存放庫](https://plugins.svn.wordpress.org/page-transition/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/page-transition/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/page-transition/)。 ## 變更記錄 #### 1.3 * Excluded mailto email address links * Exclude page out animation on particular link by apppying “no-animation” class to link “a” tag #### 1.2 * Added Loading Text color option * Minor bug fixes #### 1.1 * Updated jquery animsition plugin to latest 3.2.1 version * Added new options for setting adnimation duration and whether to show loading or not. * Removed modernizr javascript as animsition version 3.2.1 supports checking browser css3 animation support inbuilt * Added Rate us on wordpress link #### 1.0 * Initial version. ## 中繼資料 * 版本 **1.3** * 最後更新 **12 年前** * 啟用安裝數 **800+** * WordPress 版本需求 ** 3.6 或更新版本 ** * 已測試相容的 WordPress 版本 **4.0.38** * 語言 * [English (US)](https://wordpress.org/plugins/page-transition/) * 標籤 * [animate](https://tw.wordpress.org/plugins/tags/animate/)[animations](https://tw.wordpress.org/plugins/tags/animations/) [CSS3](https://tw.wordpress.org/plugins/tags/css3/)[effects](https://tw.wordpress.org/plugins/tags/effects/) [fade](https://tw.wordpress.org/plugins/tags/fade/) * [進階檢視](https://tw.wordpress.org/plugins/page-transition/advanced/) ## 評分 4.5 星，滿分為 5 星 * [ 25 個 5 星使用者評論 ](https://wordpress.org/support/plugin/page-transition/reviews/?filter=5) * [ 3 個 4 星使用者評論 ](https://wordpress.org/support/plugin/page-transition/reviews/?filter=4) * [ 3 個 3 星使用者評論 ](https://wordpress.org/support/plugin/page-transition/reviews/?filter=3) * [ 2 個 2 星使用者評論 ](https://wordpress.org/support/plugin/page-transition/reviews/?filter=2) * [ 0 個 1 星使用者評論 ](https://wordpress.org/support/plugin/page-transition/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/page-transition/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/page-transition/reviews/) ## 參與者 * [ numixtech ](https://profiles.wordpress.org/numixtech/) * [ Gaurav Padia ](https://profiles.wordpress.org/gauravpadia/) * [ asalamwp ](https://profiles.wordpress.org/asalamwp/) ## 技術支援使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/page-transition/) ## 贊助想要支援這個外掛的發展嗎？ [ 贊助這個外掛 ](http://numixtech.com/)