WordPress DUX主题网站纯代码完美集成VIP视频解析功能,管理后台可直接修改设置接口路线

昨天经过半天的折腾,借鉴了网上的一些代码,终于在DUX主题上搞定了。其他主题上也是大同小异,本文可作参考。小编感觉效果还不错:

  1.  在 DUX 主题后台,集成了VIP视频解析接口设置选项,可以通过 WordPress 后台的 “外观”——“DUX 主题设置”——“视频解析” 直接添加修改解析接口;
  2. 对.css进行了修改美化,最直观的感受是,播放器窗口比一般的要大一些,画面看起来更加舒适完整;
  3. 当然,最重要的是集成各大视频网站的VIP视频解析页面功能了,可以免费观看全网VIP视频

效果预览

集成教程

修改代码、整理编辑文章费时费力,而且防止伸手党倒卖,关键部分内容收费,请您理解!

一、后台集成视频解析选项

修改dux主题根目录文件options.php,在底部代码

return $options;
}

上方,添加以下代码

 $options[] = array(
'name' => __('视频解析', 'haoui'),
'type' => 'heading' );

$options[] = array(
'name' => __('添加接口数量:', 'haoui'),
'id' => 'vip_videos_num',
'desc' => '添加使用接口个数,最多填写 10 个!接口添加请从 1~10 按顺序依次添加!',
'std' => '8',
'class' => 'mini',
'type' => 'text');

for ($j=1; $j <= 10; $j++) { 

$options[] = array(
'name' => __('接口:', 'haoui').$j,
'id' => 'vip_videos_'.$j,
'desc' => '接口名称'.$j,
'std' => '接口名称',
'type' => 'text');

$options[] = array(
'id' => 'vip_videos_jiekou_'.$j,
'desc' => '接口地址'.$j,
'std' => 'https://www.1itao.com/',
'type' => 'text');
}

这时管理后台就有设置解析接口的选项了。

二、上传新建解析页面

上传vip_videos.php文件到dux主题的pages文件夹,到管理后台“页面”——“新建页面” ——模板选择“视频解析”——填写标题后“发布”即可

三、上传CSS和logo文件

把diy文件夹上传到到dux主题根目录即可。

至此,教程完毕,是不是也挺简单的~

源码文件下载

https://url26.ctfile.com/f/948726-510810770-abd370(访问密码:7890)

https://1itao.lanzouf.com/iKahTte5tkh

如果您只想要简简单单的视频解析功能,可以使用以下单页面版,操作方法见上方教程的第二步。

单页面版源码下载

下载地址

https://url26.ctfile.com/f/948726-511502539-83ebab(访问密码:7890)

https://1itao.lanzouw.com/ilR4Atjmqkb

源码文件解压密码↓↓↓

微信公众号
内容已被隐藏
微信扫码或搜索关注“小白书签”发送“密码”获得提取码,然后返回此网页提交
0

评论0

没有账号?注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码