您的位置 首页 wordpress记录

给WordPress添加独立的下载页面

一般来说下载单页就是在当前文章页插入一个按钮或者一个面板,点击之后的下载文件是在一个单独的页面的,这样的好处就是可以增加很多的下载说明以及广告,另外这样也可以增加访客的浏览量。

步骤

1、给主题增加一个页面,复制主题page.php另存为为page-download.php。

2、修改第一个PHP代码段如下,其中…为你原来主题的一些代码,请了解。

<?php
/**
*template name: 下载模板页面
 */....
....
$pid = isset( $_GET['pid'] ) ? trim(htmlspecialchars($_GET['pid'], ENT_QUOTES)) : '';
if( !$pid ) { wp_redirect( home_url() );}
$title = get_the_title($pid);
$values1 = get_post_custom_values('git_download_name',$pid);
empty($values1) ? Header('Location:/') : $theCode1 = $values1[0];
$values2 = get_post_custom_values('git_download_size',$pid);
empty($values2) ? Header('Location:/') : $theCode2 = $values2[0];
$values3 = get_post_custom_values('git_download_link',$pid);
empty($values3) ? Header('Location:/') : $theCode3 = $values3[0];
?>

3、在第一个PHP代码段后面添加以下代码:

<style type="text/css">
    #filelink a:hover{
        background:#4094EF none repeat scroll 0 0;
        color:#FFF!important;
        transition-duration:.3s;border-color:#FFF
    }
    #filelink a{
        margin:25px 15px 25px 0px;
        color:#4094EF!important;
        padding:5px 50px;
        font-family:微软雅黑,"Microsoft YaHei";
        font-size:16px;
        border:1px solid #4094EF;
        box-shadow:0 1px 3px rgba(0,0,0,.1)
    }
</style>

4、在输出函数< ?php the_content(); ?>前面添加如下代码:

<h3>资源信息:</h3>
<div>
    <ul>
        <li>资源名称:<?php echo $theCode1; ?></li>
        <li>文件大小:<?php echo $theCode2; ?></li>
        <li>更新日期:<?php echo get_post($pid)->post_modified; ?></li>
    </ul>
</div>
<h2>下载地址:</h2>
<br />
<div id="filelink" align="left">
    <?php
        if ($theCode3) {
            $git_download_links = explode("\n", $theCode3);
            foreach ($git_download_links as $git_download_link) {
                $git_download_link = explode("  ", $git_download_link);
                echo '<a href="' . trim($git_download_link[0]) . '"target="_blank" rel="nofollow noopener noreferrer" data-original-title="' . esc_attr(trim($git_download_link[2])) . '" title="' . esc_attr(trim($git_download_link[2])) . '">' . trim($git_download_link[1]) . '</a>';
            }
        }
    ?>
</div>
<br />
<h2>下载说明:</h2>
<h2>免责声明:本站部分资源收集于互联网,仅供大家学习与参考。如有侵权,请联系管理员及时删除。</h2>
<div>
    <h2>联系站长:管理员QQ:78157277。</h2>
</div>

至此,简单的下载页面模板就完成了。

5、打开后台,新建页面,选择模板“下载模板页面”,改页面的别名为download,点击发布。

6、打开主题 functions.php 文件,添加下列代码。

//下载单页短代码
function page_download($atts, $content = null) {
    return '<a class="lhb" href="'.site_url().'/download?pid='.get_the_ID().'" target="_blank" rel="nofollow noopener noreferrer">点击下载</a>';
}
add_shortcode('pdownload', 'page_download');
//添加编辑器按钮
function download_tags($mce_settings) {
?>
<script type="text/javascript">
QTags.addButton( 'hy_download', '下载按钮', '<a class="lhb" href="/download.html?pid=674" target="_blank" rel="nofollow noopener noreferrer">点击下载</a>', '' );
</script>
<?php
}
add_action('after_wp_tiny_mce', 'download_tags');

点击下载

本博客 [ 秋硕笔记 ] 内带有 原创 标签文章,均为秋硕独立创作。

撰文不易,转载请注明文章来源并保留原文链接:本文转载自 秋硕笔记

本文链接:https://www.cuikaiyun.cn/wordpress-add-a-separate-download-page.html

秋硕

关于作者: 秋硕

关注wordpress优化加速,以及优质主题、插件。

热门文章

发表评论