!
也想出现在这里? 联系我们
广告位
当前位置:首页>技术分享>网站运维>WordPress 主题添加视频分类页面模板

WordPress 主题添加视频分类页面模板

因为网站有分享一些个人看过的感觉还不错的视频,然而目前所使用的 DUX 主题自带的两种页面分类页面(默认、产品)并不能很好地展示视频效果,所以决定自己写一份。因个人能力有限,写出来的不是太好,但也还凑合,于是决定分享出来,有相中的可以自取。先看下显示效果:

WordPress 主题添加视频分类页面模板

PC 端

WordPress 主题添加视频分类页面模板

移动端

大致就是这个样子,下面说下具体实现方式:

添加模板文件

新建一个名为 loop-video.php (当然你也可以修改为其他名称,这里仅因为我个人使用的主题需要命名的),将以下代码丢到该文件中。

新建完成后将文件丢到你的主题文件夹下,然后调用就可以了。

CSS 样式美化

将以下代码丢到你主题的样式文件里,一般为 style.css 文件中即可。DUX 主题需到 main.css 文件中。

上面两个文件是此次主题修改的核心文件,大家针对自己主题稍微调整下应该就可以用了。下面就我目前使用的主题简单说下如何配置,你也可以作为修改自己主题的参考。

category.php 文件修改

DUX 主题的话,需修改 category.php 文件以加载我们的模板文件,具体修改方式为在代码 16 行位置处的数组函数中增加一个 video 项。修改后的代码为:

functions-theme.php 文件修改

加载模板后我们还需要设置后台选项选择我们的“视频”模板。在 functions-theme.php 文件中大约 1012 行位置处增加如下代码

修改后如下:

在 1051 代码处增加如下代码:

修改后如下所示:

如此,修改完成。

给TA打赏
共{{data.count}}人
人已打赏
网站运维

WordPress 如何在后台删除主题

2022-9-6 12:33:01

网站运维

lodash内部方法getData和setData实例解析

2022-9-6 14:30:41

声明 本站上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。无意侵害您的权益,请发送邮件至 admin@s9h.cn 或点击右侧 私信:少羽 反馈,我们将尽快处理。
0 条回复A文章作者M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索