子比主题美化 单独下载页面添加版权提示弹窗

想要为您的子比主题增添一份独特的美感吗？我们为您提供了一个小技巧，那就是在单独的下载页面添加一个版权提示弹窗。当用户点击下载按钮时，弹窗会温馨地提醒他们阅读并同意版权信息。如果用户点击同意，那么他们可以顺利继续下载；若选择不同意，他们将会被友好地引导回文章页面。

要实现这一功能，您只需稍作修改。首先，进入外观设置，找到主题文件编辑器。在这里，定位到“pages/download.php”文件。但请注意，修改前务必备份“download.php”文件，以防万一。通过这样简单的步骤，您就能为您的子比主题增添一份独特的版权保护机制，让您的内容更加安全、更有保障。

//版权提示弹窗
<div class="web_notice" style="
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.3);
z-index: 99999;
">
<div style="
position: fixed;
top: 50%;
left: 50%;
width: 350px;
background: #FFF;
transform: translate(-50%, -50%);
border-radius: 40px;
padding: 25px 20px;
">
<h3 style="
font-weight: bold;
text-align: center;
font-size: 30px;
margin-top: 10px;
margin-bottom: 15px;
">免责声明</h3>
<div style="
font-size: 16px;
margin-top: 26px;
line-height: 30px;
color: #999;
">相关内容均来自网络收集与网友提供，任何涉及商业盈利目的的均不得使用，否则产生的一切后果将由您自己承担！
本平台资源仅供个人学习交流，测试使用，请勿用于任何盈利商业用途。<br>版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑或手机中彻底删除下载内容。如果您喜欢该程序和内容，请支持正版，购买注册，得到更好的正版服务。我们非常重视版权问题，如有侵权请邮件（xxxxxxxx@xx.com）与我们联系。敬请谅解！</div>
<div style="display: flex;justify-content: space-between;margin-top: 45px;">
<a style="display: block;
background: #98a3ff;
color: #FFF;
text-align: center;
font-weight: bold;
font-size: 19px;
line-height: 60px;
margin-right: 10px;
border-radius: 32px;
width: 45%;
" onclick="javascript:document.querySelector('.web_notice').remove()">我同意</a>
<a style="display: block; background: #f5f5f5; color: #333; text-align: center; font-weight: bold; font-size: 19px; line-height: 60px ;margin-left: 10px; border-radius: 32px; width: 45%;" href="<?php echo get_bloginfo('url').'/'.$post_id.'.html'; ?>" onclick="redirectToLink()">不同意</a>
</div>
</div>
</div>

记得更换不同意返回按钮的链接 ✳根据自己设置的固定链接结构编写✳

感谢您的来访，获取更多精彩文章请Ctrl+D收藏本站或扫描上方二维码进行查看。