新插件:View Transitions

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

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

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

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

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

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

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

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

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

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

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

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

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注