很多人看到一些网站主页大横幅背景是视频是不是觉得特别酷,比如shopify首页或者看本站首页,其实用wordpress建站,然后使用kadence主题是非常容易实现的,使用kadence的row区块,简单三步就可以把网站背景设置为视频。
1. 安装Kadence Blocks插件
自从我使用wordpress建站以来,Kadence是我用过最好用的主题,流畅,体积小,自由度大,本站就是使用kadence主题和kadence blocks插件完成的。
kadence blocks插件是基于wordpress最带的Gutenberg编辑器开发的一款插件,里面包含多个预制区块,用户只要拿来添加自己的内容就行了,不导入主题模板的话, 完全自主使用区块建站,你的网站绝对是这世界上独一无二的,好了,说得太多了。
从左侧Plugins/插件中添加信插件,然后搜索kadence blocks,如下图
点击安装启用,就可以使用kadence blocks来编辑页面了。
2. 网页插入row区块
打开你需要设置视频的页面,在编辑器中,点击顶部的蓝色+按钮,所有的区块都在这里
选择Row Layout区块,直接点击此区块就添加到了你的页面中
接下来你选择布局就好了,因为作为背景,我觉得选一列最好,也就是第一个
同样点击就好了,然后你的页面中会出现一个虚线包裹的加号如下
接下来就能给这个区块添加背景了。
3. 把网站背景设置为视频
这里需要注意一下,你不要直接点到加号,要选中这个区块,如上图所示,这个区块上头出现菜单栏才对,而且菜单栏最左侧是个蓝色的小屏幕,这个才是row layout的菜单,鼠标移到虚线方框上面的空白处点击一下这个菜单就出现了,如果鼠标实在点不出来,就点击整个编辑器页面顶部的三斜横杠:
点击右侧设置栏中的风格,
在类型中选择最后那个图标,也就是视频小图标,你看就可以设置背景视频了,BACKGROUND VIDEO TYPE中视频可以是第三方的比如来自youtube的,也可以是本地的,我觉得用本地的吧,第三方的话,会比较延迟,就算不延迟,比如国内youtube不能用,那背景肯定一片空白,所以就选择Local(MP4)吧。
在背景视频中选择一个视频,然后你上传好你准备的视频,在页面编辑器的右上角发布一下,这个背景就设置好了。
当然你可以在布局中设置一下其他的参数,你就自己慢慢调试吧,效果直接看我的首页大横幅。
总结
就是这么简单!
*注意,本地上传视频体积别太多,不然会影响网站加载速度。
版权声明:本文原创文章,首发于青松跨境B2C,版权所有,未经允许,请勿转载!
转载请注明:如若转载,请先取得同意,然后注明原文链接,写点东西不容易啊。