Title: Conditional View Transitions
Author: robfromerd
Published: <strong>2025 年 8 月 21 日</strong>
Last modified: 2025 年 8 月 21 日

---

搜尋外掛

![](https://ps.w.org/conditional-view-transitions/assets/banner-772x250.png?rev=
3348172)

![](https://ps.w.org/conditional-view-transitions/assets/icon.svg?rev=3348172)

# Conditional View Transitions

 由 [robfromerd](https://profiles.wordpress.org/robfromerd/) 開發

[下載](https://downloads.wordpress.org/plugin/conditional-view-transitions.1.0.2.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/conditional-view-transitions/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/conditional-view-transitions/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/conditional-view-transitions/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/conditional-view-transitions/#developers)

 [技術支援](https://wordpress.org/support/plugin/conditional-view-transitions/)

## 外掛說明

Adds smooth transitions between navigations to your WordPress site. This plugin 
is a fork of “View Transitions”. Note: add “page-animated” category to post or page
you want to have a transition animation other than the default fade. This plugin
checks for taxonomy capability and adds the capability to pages if not already enabled.

**Key Features:**
 * Conditional animation support – only pages/posts with the “
page-animated” category get enhanced transitions * Multiple animation types including
fade, slide, swipe, and wipe effects * Automatic category taxonomy support for pages*
Browser compatibility detection * Customizable CSS selectors for different themes

#### 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)

#### How to Use

 1. **Install and activate** the plugin
 2. **Add the “page-animated” category** to any post or page you want to have enhanced
    transitions
 3. **Configure settings** in Settings > Reading to customize animations and selectors
 4. **Test navigation** between pages to see the smooth transitions

#### Animation Types

 * **Fade** – Smooth fade in/out (default)
 * **Slide** – Elements slide in from different directions
 * **Swipe** – Swipe effect with customizable offsets
 * **Wipe** – Wipe effect with angle control

## 螢幕擷圖

 * [[
 * Plugin settings page showing animation options
 * [[
 * Category selection for enabling animations on posts/pages
 * [[
 * Example of slide animation in action

## 安裝方式

#### Installation from within WordPress

 1. Visit **Plugins > Add New**.
 2. Search for **Conditional View Transitions**.
 3. Install and activate the **Conditional View Transitions** plugin.

#### Manual installation

 1. Upload the entire plugin folder to the `/wp-content/plugins/` directory.
 2. Visit **Plugins**.
 3. Activate the **Conditional View Transitions** plugin.
 4. Add the category “page-animated” to posts/pages you want to animate.

## 常見問題集

### Does this work with all themes?

Yes, the plugin is designed to work with most WordPress themes. You can customize
CSS selectors in the settings to match your theme’s structure.

### Will this slow down my site?

No, the plugin only loads animation code on pages that have the “page-animated” 
category, keeping performance optimal.

### What browsers support this feature?

View transitions are supported in Chrome, Edge, and Safari. Other browsers will 
gracefully fall back to normal navigation.

### Can I customize the animations?

Yes, you can choose from multiple animation types and customize CSS selectors in
the plugin settings.

### How do I add animations to my pages?

Simply add the “page-animated” category to any post or page you want to have enhanced
transitions.

## 使用者評論

這個外掛目前沒有任何使用者評論。

## 參與者及開發者

以下人員參與了開源軟體〈Conditional View Transitions〉的開發相關工作。

參與者

 *   [ robfromerd ](https://profiles.wordpress.org/robfromerd/)

[將〈Conditional View Transitions〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/conditional-view-transitions)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/conditional-view-transitions/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/conditional-view-transitions/)，
或透過 [RSS](https://plugins.trac.wordpress.org/log/conditional-view-transitions/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/conditional-view-transitions/)。

## 變更記錄

#### 1.0.2

 * Forked plugin to allow conditional use via category
 * Added automatic category taxonomy support for pages
 * Enhanced error handling and security

#### 1.0.1

 * Initial release with basic view transition support

#### 1.0.0

 * Initial development version

## 中繼資料

 *  版本 **1.0.2**
 *  最後更新 **8 個月前**
 *  啟用安裝數 **少於 10 次**
 *  WordPress 版本需求 ** 6.4 或更新版本 **
 *  已測試相容的 WordPress 版本 **6.8.5**
 *  PHP 版本需求 ** 7.2 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/conditional-view-transitions/)
 * 標籤
 * [animations](https://tw.wordpress.org/plugins/tags/animations/)[performance](https://tw.wordpress.org/plugins/tags/performance/)
 *  [進階檢視](https://tw.wordpress.org/plugins/conditional-view-transitions/advanced/)

## 評分

這個項目尚無任何評論記錄。

[Your review](https://wordpress.org/support/plugin/conditional-view-transitions/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/conditional-view-transitions/reviews/)

## 參與者

 *   [ robfromerd ](https://profiles.wordpress.org/robfromerd/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/conditional-view-transitions/)