继配置好友链页面之后，准备给WP升级一下插件。在WP Performance寻找到一款新的实验性插件——也就是本文所述的新插件：View Transitions，观摩了一下插件简介，据说是用于支持最新的浏览器视图过渡技术，比如chrome的介绍。

咦？这不就是PPT、KeyNote和AE等软件提供的“平滑”特效么？

没想到现在的浏览器也支持这种视觉动效了。感觉很有意思，逐下载尝试看看怎么个事。

实际是一个即插即用的插件，和之前安装的AJAX插件不同，这个插件不需要对主题进行修改，而是根据相关的class类自动适应。装好之后回到博客主页，随便点击一个具有标题和缩略图的文章，就可以观赏神奇的变换效果了！AUTOBLOGS，变形，出发！

在WP的后台还可以进一步对插件进行详细的设置，位于WP默认的 设置 > 阅读 部分：

可以看到，主要是通过wp前缀的各类class类，实现的变换项目判断。

最下方甚至还支持在WP后台的部分实现视图变换效果。

默认是Fade（淡入淡出）也可以设置其他的返回效果，诸如类似安卓的卡片切换或者是幻灯片的渐入效果，都可以设置。不过，Fade以外的效果对于页面返回的变换效果支持不佳，如无特殊情况还是建议直接用Fade。

记得调试一下对应的class类，比如2014主题，需要将文章标题部分对应的类 .entry-header 加入到Post Connect Selector，如图所示：

否则会出现因为zindex等因素导致的穿模错乱，比如我这个主题的标题在缩略图上方，不加指示的话会很割裂。
不同的主题所需要修改的部分不太一样，最好有CSS的开发经验以便于理解。

另外2014的导航设计很特殊，最顶上的横幅与导航栏并不在一层，header实则是浮动在页面和横幅上方，导致变换效果很是滑稽，是直接飞到页面上的。header也似乎没法去除。

还是把Frutiger化复原一下吧……

来源