{"id":242259,"date":"2025-08-21T13:48:52","date_gmt":"2025-08-21T13:48:52","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/view-transitions-rg\/"},"modified":"2025-08-21T13:48:21","modified_gmt":"2025-08-21T13:48:21","slug":"conditional-view-transitions","status":"publish","type":"plugin","link":"https:\/\/uz.wordpress.org\/plugins\/conditional-view-transitions\/","author":14963488,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.2","stable_tag":"1.0.2","tested":"6.8.5","requires":"6.4","requires_php":"7.2","requires_plugins":null,"header_name":"Conditional View Transitions","header_author":"Rob Goldberg","header_description":"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.","assets_banners_color":"d9dbf0","last_updated":"2025-08-21 13:48:21","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/robertgoldberg.net\/view-plugin","header_author_uri":"https:\/\/robertgoldberg.net","rating":0,"author_block_rating":0,"active_installs":0,"downloads":212,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.2":{"tag":"1.0.2","author":"robfromerd","date":"2025-08-21 13:48:21"}},"upgrade_notice":{"1.0.2":"

This version adds conditional animation support. Pages and posts with the "page-animated" category will now have enhanced transitions while others use the default fade effect.<\/p>"},"ratings":[],"assets_icons":{"icon.svg":{"filename":"icon.svg","revision":3348172,"resolution":false,"location":"assets","locale":false}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3348172,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3348172,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.2"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3348172,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3348172,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3348172,"resolution":"3","location":"assets","locale":""}},"screenshots":{"1":"Plugin settings page showing animation options","2":"Category selection for enabling animations on posts\/pages","3":"Example of slide animation in action"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[10079,247],"plugin_category":[54],"plugin_contributors":[236712],"plugin_business_model":[],"class_list":["post-242259","plugin","type-plugin","status-publish","hentry","plugin_tags-animations","plugin_tags-performance","plugin_category-security-and-spam-protection","plugin_contributors-robfromerd","plugin_committers-robfromerd"],"banners":{"banner":"https:\/\/ps.w.org\/conditional-view-transitions\/assets\/banner-772x250.png?rev=3348172","banner_2x":"https:\/\/ps.w.org\/conditional-view-transitions\/assets\/banner-1544x500.png?rev=3348172","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":"https:\/\/ps.w.org\/conditional-view-transitions\/assets\/icon.svg?rev=3348172","icon":"https:\/\/ps.w.org\/conditional-view-transitions\/assets\/icon.svg?rev=3348172","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/conditional-view-transitions\/assets\/screenshot-1.png?rev=3348172","caption":"Plugin settings page showing animation options"},{"src":"https:\/\/ps.w.org\/conditional-view-transitions\/assets\/screenshot-2.png?rev=3348172","caption":"Category selection for enabling animations on posts\/pages"},{"src":"https:\/\/ps.w.org\/conditional-view-transitions\/assets\/screenshot-3.png?rev=3348172","caption":"Example of slide animation in action"}],"raw_content":"\n

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.<\/p>\n\n

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

Browser support<\/h4>\n\n

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.<\/p>\n\n

Please refer to \"Can I use...\" for a comprehensive overview of browser support for the feature.<\/a><\/p>\n\n

How to Use<\/h4>\n\n
    \n
  1. Install and activate<\/strong> the plugin<\/li>\n
  2. Add the \"page-animated\" category<\/strong> to any post or page you want to have enhanced transitions<\/li>\n
  3. Configure settings<\/strong> in Settings > Reading to customize animations and selectors<\/li>\n
  4. Test navigation<\/strong> between pages to see the smooth transitions<\/li>\n<\/ol>\n\n

    Animation Types<\/h4>\n\n
      \n
    • Fade<\/strong> - Smooth fade in\/out (default)<\/li>\n
    • Slide<\/strong> - Elements slide in from different directions<\/li>\n
    • Swipe<\/strong> - Swipe effect with customizable offsets<\/li>\n
    • Wipe<\/strong> - Wipe effect with angle control<\/li>\n<\/ul>\n\n\n

      Installation from within WordPress<\/h4>\n\n
        \n
      1. Visit Plugins > Add New<\/strong>.<\/li>\n
      2. Search for Conditional View Transitions<\/strong>.<\/li>\n
      3. Install and activate the Conditional View Transitions<\/strong> plugin.<\/li>\n<\/ol>\n\n

        Manual installation<\/h4>\n\n
          \n
        1. Upload the entire plugin folder to the \/wp-content\/plugins\/<\/code> directory.<\/li>\n
        2. Visit Plugins<\/strong>.<\/li>\n
        3. Activate the Conditional View Transitions<\/strong> plugin.<\/li>\n
        4. Add the category \"page-animated\" to posts\/pages you want to animate.<\/li>\n<\/ol>\n\n\n
          \n

          Does this work with all themes?<\/h3><\/dt>\n

          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.<\/p><\/dd>\n

          Will this slow down my site?<\/h3><\/dt>\n

          No, the plugin only loads animation code on pages that have the \"page-animated\" category, keeping performance optimal.<\/p><\/dd>\n

          What browsers support this feature?<\/h3><\/dt>\n

          View transitions are supported in Chrome, Edge, and Safari. Other browsers will gracefully fall back to normal navigation.<\/p><\/dd>\n

          Can I customize the animations?<\/h3><\/dt>\n

          Yes, you can choose from multiple animation types and customize CSS selectors in the plugin settings.<\/p><\/dd>\n

          How do I add animations to my pages?<\/h3><\/dt>\n

          Simply add the \"page-animated\" category to any post or page you want to have enhanced transitions.<\/p><\/dd>\n\n<\/dl>\n\n\n

          1.0.2<\/h4>\n\n
            \n
          • Forked plugin to allow conditional use via category<\/li>\n
          • Added automatic category taxonomy support for pages<\/li>\n
          • Enhanced error handling and security<\/li>\n<\/ul>\n\n

            1.0.1<\/h4>\n\n
              \n
            • Initial release with basic view transition support<\/li>\n<\/ul>\n\n

              1.0.0<\/h4>\n\n
                \n
              • Initial development version<\/li>\n<\/ul>","raw_excerpt":"Adds smooth transitions between navigations to your WordPress site.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/uz.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/242259","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uz.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/uz.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/uz.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=242259"}],"author":[{"embeddable":true,"href":"https:\/\/uz.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/robfromerd"}],"wp:attachment":[{"href":"https:\/\/uz.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=242259"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/uz.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=242259"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/uz.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=242259"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/uz.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=242259"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/uz.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=242259"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/uz.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=242259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}