Title: View Transitions
Author: WordPress Performance Team
Published: <strong>2 يونيو، 2025</strong>
Last modified: 26 أغسطس، 2026

---

البحث عن الإضافات

![](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.1.zip)

 * [تفاصيل](https://ar.wordpress.org/plugins/view-transitions/#description)
 * [المراجعات](https://ar.wordpress.org/plugins/view-transitions/#reviews)
 *  [التنصيب](https://ar.wordpress.org/plugins/view-transitions/#installation)
 * [التطوير](https://ar.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/) 7 ديسمبر، 2025

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/) 19 نوفمبر، 2025

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/) 22 أغسطس، 2025

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/) 23 يوليو، 2025

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/) 23 يوليو، 2025

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/dd48ded092e6c1b8bb4c5d9bd1b474c647e6786a51c1eba6e633ab5719eeb86c?
s=60&d=retro&r=g)

### 󠀁[Simple and elegant](https://wordpress.org/support/topic/simple-and-elegant-122/)󠁿

 [jbarr](https://profiles.wordpress.org/jbarr/) 17 يوليو، 2025

It adds a nuance that just makes site navigation smoother and more pleasing. Page
loading is less “jarring”. Certainly worth a look.

 [ إقرأ جميع المراجعات 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“ إلى 10 لغات. شكراً إلى جميع [المُترجمين](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/)، أو الاشتراك
في [سجل التطوير](https://plugins.trac.wordpress.org/log/view-transitions/) بواسطة
[RSS](https://plugins.trac.wordpress.org/log/view-transitions/?limit=100&mode=stop_on_copy&format=rss).

## سجل التغييرات

#### 1.2.1

**Bug Fixes**

 * Fix `InvalidStateError` on bfcache navigations. ([2438](https://github.com/WordPress/performance/pull/2438))

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

## Community plugin

This plugin is developed and supported by a community. [Contribute to this plugin](https://github.com/WordPress/performance)

## ميتا Meta

 *  Version **1.2.1**
 *  Last updated **قبل 5 أيام**
 *  Active installations **10٬000+**
 *  WordPress version ** 6.9 أو أعلى **
 *  Tested up to **7.1**
 *  PHP version ** 7.4 أو أعلى **
 *  Languages
 * [Chinese (Taiwan)](https://tw.wordpress.org/plugins/view-transitions/)، [Danish](https://da.wordpress.org/plugins/view-transitions/)،
   [English (UK)](https://en-gb.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)
 * Tags
 * [animations](https://ar.wordpress.org/plugins/tags/animations/)[performance](https://ar.wordpress.org/plugins/tags/performance/)
 *  [عرض متقدم](https://ar.wordpress.org/plugins/view-transitions/advanced/)

## التقييم

 5 من 5 نجوم.

 *  [  22 5-star reviews     ](https://wordpress.org/support/plugin/view-transitions/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/view-transitions/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/view-transitions/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/view-transitions/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/view-transitions/reviews/?filter=1)

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

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

## المساهمون

 *   [ WordPress Performance Team ](https://profiles.wordpress.org/performanceteam/)
 *   [ WordPress.org ](https://profiles.wordpress.org/wordpressdotorg/)

## الدعم

مشكلات تمّ حلها في آخر شهرين:

     0 من 1

 [عرض منتدى الدعم](https://wordpress.org/support/plugin/view-transitions/)