z-blogPHP主题清爽格子纹理模板11月2日更新内容

 2016-11-02 16:18

今天我又把z-blogPHP主题做了进一步细化:增加了“图片”类型的文章形式;增加了文章的视频插入框。后期,会对“图片”文章和视频文章的模版进行制作。这里视频还沿用了原始的模块,效果尚可。

文章编辑处增加视频插入项

文章里面播放视频其实是很常见的,有时候只有一个视频,有时候会出现多个视频。我预想的方案是只有一个视频的情况,通过单独的视频插入框,把这个视频源单独保存起来,然后在相应位置插入。

插入视频

这个想法套用了wordpress的,它里面自带了相应模块,开启就可以使用了。我在z-blogPHP主题清爽格子纹理模板里面插入了一个table,然后使用了几个字段也完成了相应模式。不过可惜的是暂不支持多个视频的播放。

另外,这个视频模式应该有对应的文章列表格式和文章格式,这个我也在后期会完成。不过默认的模板也不错,我通过对css的设置,发现普通模版中插入了视频不影响响应式排版,而且支持率还是蛮好的。下图就是手机观看默认文章视频的样式。

响应式视频

文章的“图片”形式

这个意思就是告诉浏览者整篇文章里面包含了多个图片。今天我主要是把对应的文章列表样式做了下,至于文章是否要做一个单独的图片模板出来,我还在考虑。不过如果要做的话,也会排在后面,因为这个功能我暂不需要。

文章列表模板

作者头像

作者:紫铜炉

自由博主,网页设计师。我关注科技产品和个人博客发展,注重用户体验和界面优化。

 发表评论:

 评论列表

唐朝 2016-11-03  11:22

这是非常棒的