Title: View Transitions Author: WordPress Performance Team Published: 2025 年 6 月 2 日 Last modified: 2026 年 2 月 27 日 --- 搜尋外掛 ![](https://ps.w.org/view-transitions/assets/banner-772x250.png?rev=3306619) ![](https://ps.w.org/view-transitions/assets/icon.svg?rev=3306619) # View Transitions 由 [WordPress Performance Team](https://profiles.wordpress.org/performanceteam/) 開發 [下載](https://downloads.wordpress.org/plugin/view-transitions.1.2.0.zip) * [詳細資料](https://tw.wordpress.org/plugins/view-transitions/#description) * [使用者評論](https://tw.wordpress.org/plugins/view-transitions/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/view-transitions/#installation) * [開發資訊](https://tw.wordpress.org/plugins/view-transitions/#developers) [技術支援](https://wordpress.org/support/plugin/view-transitions/) ## 外掛說明 這個外掛在 WordPress 中實作了對[跨文件檢視畫面轉換](https://developer.chrome.com/docs/web-platform/view-transitions/cross-document) 的支援，使用者從原始網址瀏覽至另一個網址時能有效，這項支援能有效的將生硬的轉換效果 取代為流暢的轉換效果。預設使用淡入效果。 #### 瀏覽器支援 多種瀏覽器均支援跨文件檢視畫面轉換，包含 Chrome、Edge 及 Safari。啟用這個外掛後， 不會對目前不支援這項功能的瀏覽器的使用者造成任何不良影響，只是無法從這項功能中受惠， 然後會在瀏覽不同頁面時，繼續使用傳統生硬的轉換效果。 請參考《[Can I use…](https://caniuse.com/mdn-css_at-rules_view-transition)》所列 的資訊以進一步了解各個瀏覽器對這項功能的支援程度。 ## 安裝方式 #### 自動安裝 1. 前往 **[外掛]→[安裝外掛]**。 2. 搜尋**「View Transitions」**。 3. 安裝並啟用 **View Transitions** 外掛。 #### 手動安裝 1. 將外掛安裝套件 ZIP 壓縮檔解壓縮所得的 `view-transitions` 資料夾上傳至網站的 `/wp- content/plugins/` 目錄中。 2. 前往 **[外掛]** 頁面。 3. 啟用 **View Transitions** 外掛。 #### 外掛啟用後 1. 前往 **[外掛]→[閱讀]** 選單。 2. 使用 **[檢視畫面轉換效果]** 區段中的控制項以組態檢視畫面轉換效果。 ## 常見問題集 ### 使用者可以在何處提交外掛意見反應？ 非常鼓勵也感謝使用者提供意見反應，尤其是這個外掛會是將來 WordPress 核心程式的功能。 使用者如果有任何建議或功能要求，可以在 WordPress 效能團隊的 [GitHub 存放庫](https://github.com/WordPress/performance/issues/new/choose) 提出。如果對這個外掛有需要疑難排解協助或提出問題之處，請在外掛的[技術支援論壇](https://wordpress.org/support/plugin/view-transitions/#new-topic-0) 提出。 ### 在何處可以回報安全性程式碼錯誤？ 效能團隊及 WordPress 社群對安全性程式碼錯誤一向嚴陣以待，我們非常感謝使用者披露相關 發現所付出的心力，並會盡全力解決使用者提出的問題。 如需回報安全性問題，請參考 [WordPress HackerOne](https://hackerone.com/wordpress) 計畫。 ### 如何為這個外掛做出貢獻？ 非常感謝各位的各種貢獻！請參考[核心程式效能團隊手冊](https://make.wordpress.org/performance/handbook/get-involved/) 以進一步了解參與的方式。 ## 使用者評論 ![](https://secure.gravatar.com/avatar/9b34d945b55e167ec36ca23348a76e2318534429c37de35c24608af4aa0ca727? s=60&d=retro&r=g) ### 󠀁[Simple Setup, Beautiful Results](https://wordpress.org/support/topic/simple-setup-beautiful-results/)󠁿 [gudi](https://profiles.wordpress.org/wordoping/) 2025 年 12 月 7 日 Fantastic plugin! Smooth, modern page transitions that make any site feel faster and more polished. Simple to set up and works flawlessly on supported browsers. Highly recommended. ![](https://secure.gravatar.com/avatar/8a4dfa65226041f41a866684f0dd95f139ebd829c839c8f8a13100bcfa2e4954? s=60&d=retro&r=g) ### 󠀁[Speechless](https://wordpress.org/support/topic/speechless-9/)󠁿 [arcticblue](https://profiles.wordpress.org/arcticblue/) 2025 年 11 月 19 日 I’m blown away! ![](https://secure.gravatar.com/avatar/7104bcd978b6465c8c1a188466aadb7dc4504d59c28bda708e32a1101b390c9a? s=60&d=retro&r=g) ### 󠀁[Must have](https://wordpress.org/support/topic/must-have-734/)󠁿 [gilbertococchi](https://profiles.wordpress.org/gilbertococchi/) 2025 年 8 月 22 日 This plugin lets developers easily implementing something that otherwise is not possible to use on the Web (animating CrossDocument navigations with seamless transitions)! Thanks for making it so easy for WP developers to improve UX! ![](https://secure.gravatar.com/avatar/eecf73e172d4d980ae83ea761c854d89ce1a45e65cd27901696c261a659598ba? s=60&d=retro&r=g) ### 󠀁[Excellent](https://wordpress.org/support/topic/excellent-14001/)󠁿 [Mohaymenul Islam](https://profiles.wordpress.org/mohaymenul/) 2025 年 7 月 23 日 Loved it. little feel of NextJS 🥳 ![](https://secure.gravatar.com/avatar/5a40408a4cdbcd52ebe9529d5cd5b391dd489c541c2a7be1104e7b05a68704eb? s=60&d=retro&r=g) ### 󠀁[Transforms Site Into a Web App](https://wordpress.org/support/topic/transforms-site-into-a-web-app/)󠁿 [tamnik](https://profiles.wordpress.org/tamnik/) 2025 年 7 月 23 日 Great idea and implementation!Makes site feel more like a real app instead of a regular website with smooth transitions! Thanks! ![](https://secure.gravatar.com/avatar/2ae5c68a14758854a77b6bf1284fcc3c9362310c32cc1b42a8a70a9b8c5b7e54? s=60&d=retro&r=g) ### 󠀁[We like it!](https://wordpress.org/support/topic/we-like-it-10/)󠁿 [GBTI Network](https://profiles.wordpress.org/gbti/) 2025 年 7 月 18 日 Installed and immediately improve the UX. Simple and elegant. Possibly should be in core. [ 閱讀全部 23 則使用者評論 ](https://wordpress.org/support/plugin/view-transitions/reviews/) ## 參與者及開發者 以下人員參與了開源軟體〈View Transitions〉的開發相關工作。 參與者 * [ WordPress Performance Team ](https://profiles.wordpress.org/performanceteam/) * [ WordPress.org ](https://profiles.wordpress.org/wordpressdotorg/) 〈View Transitions〉外掛目前已有 9 個本地化語言版本。 感謝[全部譯者](https://translate.wordpress.org/projects/wp-plugins/view-transitions/contributors) 為這個外掛做出的貢獻。 [將〈View Transitions〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/view-transitions) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/view-transitions/)、 查看 [SVN 存放庫](https://plugins.svn.wordpress.org/view-transitions/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/view-transitions/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/view-transitions/)。 ## 變更記錄 #### 1.2.0 **Enhancements** * Omit admin View Transitions functionality when present in core. ([2344](https://github.com/WordPress/performance/pull/2344)) #### 1.1.2 **Bug Fixes** * Include static page for posts for article transitions. ([2306](https://github.com/WordPress/performance/pull/2306)) #### 1.1.1 **Bug Fixes** * View Transitions: Fix admin opt-in checkbox appears stretched on mobile. ([2088](https://github.com/WordPress/performance/pull/2088)) #### 1.1.0 **Features** * Add view transitions for WP Admin. ([2038](https://github.com/WordPress/performance/pull/2038)) **Enhancements** * Allow control over view transition animation duration. ([2051](https://github.com/WordPress/performance/pull/2051)) * Make `plvt_inject_animation_duration()` reusable for all transition types, including default fade. ([2078](https://github.com/WordPress/performance/pull/2078)) * Make settings section title properly translatable. ([2042](https://github.com/WordPress/performance/pull/2042)) **Bug Fixes** * Inform the user if the current theme explicitly supports view transitions with its own configuration, and add a UI control to make overriding that configuration via settings optional. ([2037](https://github.com/WordPress/performance/pull/2037)) * Set default view transition duration to 400 for better alignment with browser default. ([2081](https://github.com/WordPress/performance/pull/2081)) * Respect prefers-reduced-motion settings. ([2068](https://github.com/WordPress/performance/pull/2068)) #### 1.0.1 * Fix view transitions setting values not being saved. ([2036](https://github.com/WordPress/performance/pull/2036)) #### 1.0.0 * Initial release. ([1997](https://github.com/WordPress/performance/issues/1997)) ## 社群版外掛 這個外掛由社群人員開發及提供技術支援。 [參與這個外掛專案](https://github.com/WordPress/performance) ## 中繼資料 * 版本 **1.2.0** * 最後更新 **2 個月前** * 啟用安裝數 **10,000+** * WordPress 版本需求 ** 6.6 或更新版本 ** * 已測試相容的 WordPress 版本 **7.0** * PHP 版本需求 ** 7.2 或更新版本 ** * 語言 * [Chinese (Taiwan)](https://tw.wordpress.org/plugins/view-transitions/)、[Danish](https://da.wordpress.org/plugins/view-transitions/)、 [English (US)](https://wordpress.org/plugins/view-transitions/)、[French (France)](https://fr.wordpress.org/plugins/view-transitions/)、 [Persian](https://fa.wordpress.org/plugins/view-transitions/)、[Spanish (Chile)](https://cl.wordpress.org/plugins/view-transitions/)、 [Spanish (Spain)](https://es.wordpress.org/plugins/view-transitions/)、[Swedish](https://sv.wordpress.org/plugins/view-transitions/)、 [Turkish](https://tr.wordpress.org/plugins/view-transitions/)、及 [Ukrainian](https://uk.wordpress.org/plugins/view-transitions/). * [將這個外掛本地化為你的母語版本](https://translate.wordpress.org/projects/wp-plugins/view-transitions) * 標籤 * [animations](https://tw.wordpress.org/plugins/tags/animations/)[performance](https://tw.wordpress.org/plugins/tags/performance/) * [進階檢視](https://tw.wordpress.org/plugins/view-transitions/advanced/) ## 評分 5 星，滿分為 5 星 * [ 23 個 5 星使用者評論 ](https://wordpress.org/support/plugin/view-transitions/reviews/?filter=5) * [ 0 個 4 星使用者評論 ](https://wordpress.org/support/plugin/view-transitions/reviews/?filter=4) * [ 0 個 3 星使用者評論 ](https://wordpress.org/support/plugin/view-transitions/reviews/?filter=3) * [ 0 個 2 星使用者評論 ](https://wordpress.org/support/plugin/view-transitions/reviews/?filter=2) * [ 0 個 1 星使用者評論 ](https://wordpress.org/support/plugin/view-transitions/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/view-transitions/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/view-transitions/reviews/) ## 參與者 * [ WordPress Performance Team ](https://profiles.wordpress.org/performanceteam/) * [ WordPress.org ](https://profiles.wordpress.org/wordpressdotorg/) ## 技術支援 最近 2 個月解決的問題: 總計 1 個問題，已解決 1 個 [檢視技術支援論壇](https://wordpress.org/support/plugin/view-transitions/)