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://cn.wordpress.org/plugins/view-transitions/#description) * [评价](https://cn.wordpress.org/plugins/view-transitions/#reviews) * [安装](https://cn.wordpress.org/plugins/view-transitions/#installation) * [开发进展](https://cn.wordpress.org/plugins/view-transitions/#developers) [支持](https://wordpress.org/support/plugin/view-transitions/) ## 描述 This plugin implements support for [cross-document view transitions](https://developer.chrome.com/docs/web-platform/view-transitions/cross-document) in WordPress. This effectively replaces the hard transitions when navigating from one URL to the other with a smooth animation, by default using a fade effect. #### Browser support Cross-document view transitions are supported in a variety of browsers, including Chrome, Edge, and Safari. Users with browsers that currently do not support it should not see any adverse effects when the plugin is active. They will simply not benefit from the feature and continue to experience the traditional hard transitions between URLs. [Please refer to “Can I use…” for a comprehensive overview of browser support for the feature.](https://caniuse.com/mdn-css_at-rules_view-transition) ## 安装 #### Installation from within WordPress 1. Visit **Plugins > Add New**. 2. Search for **View Transitions**. 3. Install and activate the **View Transitions** plugin. #### Manual installation 1. Upload the entire plugin folder to the `/wp-content/plugins/` directory. 2. Visit **Plugins**. 3. Activate the **View Transitions** plugin. #### After activation 1. Visit the **Settings > Reading** admin screen. 2. Use the controls in the **View Transitions** section to configure view transitions. ## 常见问题 ### Where can I submit my plugin feedback? Feedback is encouraged and much appreciated, especially since this plugin may contain future WordPress core features. If you have suggestions or requests for new features, you can [submit them as an issue in the WordPress Performance Team’s GitHub repository](https://github.com/WordPress/performance/issues/new/choose). If you need help with troubleshooting or have a question about the plugin, please [create a new topic on our support forum](https://wordpress.org/support/plugin/view-transitions/#new-topic-0). ### Where can I report security bugs? The Performance team and WordPress community take security bugs seriously. We appreciate your efforts to responsibly disclose your findings, and will make every effort to acknowledge your contributions. To report a security issue, please visit the [WordPress HackerOne](https://hackerone.com/wordpress) program. ### How can I contribute to the plugin? Contributions are always welcome! Learn more about how to get involved in the [Core Performance Team Handbook](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** * 最后更新：**3 月前** * 活跃安装数量 **10,000+** * WordPress 版本 ** 6.6 或更高版本 ** * 已测试的最高版本为 **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://cn.wordpress.org/plugins/tags/animations/)[performance](https://cn.wordpress.org/plugins/tags/performance/) * [高级视图](https://cn.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/) ## 支持 有话要说吗？是否需要帮助？ [查看支持论坛](https://wordpress.org/support/plugin/view-transitions/)