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

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

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

效果预览

VIP视频解析1.webp

VIP视频解析2.webp

集成教程

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

修改 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 主题根目录即可。

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