有时候我们的资源不仅有下载地址密码还有文件解压密码，一个密码框显然不够用。那么如何给ripro主题增加一个文件密码框呢？
效果图如下
修改步骤
首先备份一下主题，然后
1.打开文件：/wp-content/themes/ripro/assets/css/app.css （此步骤为防止长密码超出宽度）
找到
.widget-pay .pay-box .pwd .copypaw {
cursor: copy;
font-weight: 600;
background-color: #ffffff;
border-radius: 4px;
color: #969696;
padding: 0 10px;
}
修改为
.widget-pay .pay-box .pwd .copypaw {
cursor: copy;
font-weight: 600;
background-color: #ffffff;
border-radius: 4px;
color: #969696;
padding: 0 10px;
white-space: normal;
word-wrap: break-word;
}
2.打开/wp-content/themes/ripro/assets/js/app.js （此文件6.6以后进行了压缩，并改变了过程写法，请用JS在线格式化工具格式化后查看，否则比较乱。）
找到：d = $(“input[name=’cao_pwd’]”).val(),
下面增加：x = $(“input[name=’cao_pwd2′]”).val(),
找到：cao_pwd: d,
下面增加：cao_pwd2: x,
找到
var e = document.getElementById("refurl");
if (e) {
var t = $("#refurl").data("clipboard-text"),
n = new ClipboardJS(e);
n.on("success",
function(e) {
Swal.mixin({
toast: !0,
showConfirmButton: !1,
timer: 3e3
}).fire({
type: "success",
title: "复制成功：" + t
})
}),
n.on("error",
function(e) {
Swal.mixin({
toast: !0,
showConfirmButton: !1
}).fire({
type: "error",
title: "复制失败：" + t
})
})
}
在下面增加
var e2 = document.getElementById("refurl2");
if (e2) {
var t2 = $("#refurl2").data("clipboard-text"),
n2 = new ClipboardJS(e2);
n2.on("success",
function(e2) {
Swal.mixin({
toast: !0,
showConfirmButton: !1,
timer: 3e3
}).fire({
type: "success",
title: "复制成功：" + t2
})
}),
n2.on("error",
function(e2) {
Swal.mixin({
toast: !0,
showConfirmButton: !1
}).fire({
type: "error",
title: "复制失败：" + t2
})
})
}
3.打开/wp-content/themes/ripro/inc/core-ajax.php
找到：$cao_pwd = !empty($_POST[‘cao_pwd’]) ? sanitize_text_field(trim($_POST[‘cao_pwd’])) : ”;
下面增加：$cao_pwd2 = !empty($_POST[‘cao_pwd2’]) ? sanitize_text_field(trim($_POST[‘cao_pwd2’])) : ”;
找到：update_post_meta($new_post, ‘cao_pwd’, $cao_pwd);
下面增加：update_post_meta($new_post, ‘cao_pwd2’, $cao_pwd2);
4.打开/wp-content/themes/ripro/inc/codestar-framework/options/metabox.theme.php
找到：
array(
'id' => 'cao_pwd',
'type' => 'text',
'title' => '文件密码',
'label' => '不填写则无需密码',
'attributes' => array( 'style' => 'width: 100px;' ),
'dependency' => array('cao_status', '==', 'true'),
),
修改为
array(
'id' => 'cao_pwd',
'type' => 'text',
'title' => '网盘密码',
'label' => '不填写则无需密码',
'attributes' => array( 'style' => 'width: 100px;' ),
'dependency' => array('cao_status', '==', 'true'),
),
并在下面增加：
array(
'id' => 'cao_pwd2',
'type' => 'text',
'title' => '解压密码',
'label' => '不填写则无需密码',
'attributes' => array( 'style' => 'width: 400px;' ),
'dependency' => array('cao_status', '==', 'true'),
),
5.打开/wp-content/themes/ripro/inc/codestar-framework/options/widgets.theme.php
找到：$cao_pwd = get_post_meta($post_id, ‘cao_pwd’, true);
下面增加：$cao_pwd2 = get_post_meta($post_id, ‘cao_pwd2’, true);
找到：$cao_pwd_html = (empty($cao_pwd)) ? ” : ‘<span class=”pwd”>文件密码：<span title=”点击一键复制密码” id=”refurl” class=”copypaw” data-clipboard-text=”‘.$cao_pwd.'”>’.$cao_pwd.'</span></span>’ ;
改成：$cao_pwd_html = (empty($cao_pwd)) ? ” : ‘<span class=”pwd”>网盘密码：<span title=”点击一键复制密码” id=”refurl” class=”copypaw” data-clipboard-text=”‘.$cao_pwd.'”>’.$cao_pwd.'</span></span>’ ;
并在下面增加：$cao_pwd_html2 = (empty($cao_pwd2)) ? ” : ‘<span class=”pwd”>解压密码：<span title=”点击一键复制密码” id=”refurl2″ class=”copypaw” data-clipboard-text=”‘.$cao_pwd2.'”>’.$cao_pwd2.'</span></span>’ ;
找到： echo $cao_pwd_html; （有3处，全改）
下面增加：echo $cao_pwd_html2;
6.打开/wp-content/themes/ripro/pages/user/editpost.php
找到：$cao_pwd = get_post_meta($post_id,’cao_pwd’,true) ? : ”;
下面增加：$cao_pwd2 = get_post_meta($post_id,’cao_pwd2′,true) ? : ”;
找到：
<div class="hide3 col-xs-12 col-sm-4 col-md-4">
<div class="form-group">
<label for="">文件密码</label>
<input type="text" class="form-control" name="cao_pwd" value="<?php echo $cao_pwd;?>" placeholder="文件密码">
</div>
</div>
修改为
<div class="hide3 col-xs-12 col-sm-4 col-md-4">
<div class="form-group">
<label for="">网盘密码</label>
<input type="text" class="form-control" name="cao_pwd" value="<?php echo $cao_pwd;?>" placeholder="网盘密码">
</div>
</div>
并在下面增加：
<div class="hide3 col-xs-12 col-sm-4 col-md-4">
<div class="form-group">
<label for="">解压密码</label>
<input type="text" class="form-control" name="cao_pwd2" value="<?php echo $cao_pwd2;?>" placeholder="解压密码">
</div>
</div>
7.打开/wp-content/themes/99ziyuan/pages/user/write.php
找到：
<div class="hide3 col-xs-12 col-sm-4 col-md-4">
<div class="form-group">
<label for="">网盘密码</label>
<input type="text" class="form-control" name="cao_pwd" placeholder="文件密码">
</div>
</div>
修改为
<div class="hide3 col-xs-12 col-sm-4 col-md-4">
<div class="form-group">
<label for="">网盘密码</label>
<input type="text" class="form-control" name="cao_pwd" placeholder="网盘密码">
</div>
</div>
并在下面增加：
<div class="hide3 col-xs-12 col-sm-4 col-md-4">
<div class="form-group">
<label for="">解压密码</label>
<input type="text" class="form-control" name="cao_pwd2" placeholder="解压密码">
</div>
</div>
至此全部修改完毕！
请先 ！