Title: Conditional View Transitions
Author: robfromerd
Published: <strong>21.08.2025</strong>
Last modified: 21.08.2025

---

Шукати плагіни

![](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://uk.wordpress.org/plugins/conditional-view-transitions/#description)
 * [Відгуки](https://uk.wordpress.org/plugins/conditional-view-transitions/#reviews)
 *  [Встановлення](https://uk.wordpress.org/plugins/conditional-view-transitions/#installation)
 * [Розробка](https://uk.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⌉⌊Plugin settings page showing animation
options⌉[

Plugin settings page showing animation options

[⌊Category selection for enabling animations on posts/pages⌉⌊Category selection 
for enabling animations on posts/pages⌉[

Category selection for enabling animations on posts/pages

[⌊Example of slide animation in action⌉⌊Example of slide animation in action⌉[

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/)
або підпишіться на [журнал розробки](https://plugins.trac.wordpress.org/log/conditional-view-transitions/)
за допомогою [RSS](https://plugins.trac.wordpress.org/log/conditional-view-transitions/?limit=100&mode=stop_on_copy&format=rss).

## Журнал змін

#### 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**
 *  Останнє оновлення **10 місяців тому**
 *  Активних встановлень **Менше 10**
 *  Версія WordPress ** 6.4 або вище **
 *  Tested up to **6.8.5**
 *  Версія PHP ** 7.2 або вище **
 *  Мова
 * [English (US)](https://wordpress.org/plugins/conditional-view-transitions/)
 * Позначки
 * [animations](https://uk.wordpress.org/plugins/tags/animations/)[performance](https://uk.wordpress.org/plugins/tags/performance/)
 *  [Розширений перегляд](https://uk.wordpress.org/plugins/conditional-view-transitions/advanced/)

## Оцінки

No reviews have been submitted yet.

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

[See all reviews](https://wordpress.org/support/plugin/conditional-view-transitions/reviews/)

## Учасники

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

## Підтримка

Є що сказати? Потрібна допомога?

 [Перейти в форум підтримки](https://wordpress.org/support/plugin/conditional-view-transitions/)