大家好,我是FUNION数字营销实战派飞小优,最近在实战项目中遇到想复用已有的文章列表样式,但是需要在已有样式中添加一些下载按钮,因此这个不难实现,难的是将已有的文章列表风格在二开,废话不多说,看下实现教程。

需求背景介绍

主要是在文章列表页中摘要下方添加下载按钮和详情查看按钮。

实现步骤

复制一份已有的文章列表代码

找到适合的文章列表类型,如下

列表类型

修改代码

打开文件,修改代码并覆盖,代码如下

 <div class="item-btn">
         <?php if (is_user_logged_in()): ?>
            <a href="<?php echo get_permalink( get_option('download_page_id') ); ?>" class="btn btn-default btn-lg" target="_blank">我要下载</a>
         <?php else: ?>
            <a href="<?php echo wp_login_url( get_permalink( get_option('download_page_id') ) ); ?>" class="btn btn-default btn-lg">请先登录</a>
         <?php endif; ?>
            <a href="<?php the_permalink(); ?>" class="btn btn-primary btn-lg" target="_blank">查看详细</a>
        </div>
代码片段

测试前端效果

将代码添加完后查看下前端效果是否正常,如下

前端正常显示

当然代码块中添加了是否是新用户属性,可以直接复用,由于代码未添加CSS代码,涉及到项目不用自己自定义。以上就是关于如何在已有的模板中修改下载页面列表风格样式实操教程,更多关于SEO或者外贸建站需求不妨提交下方表单!

* 文章内容很有用,那就5星好评吧!😘

0 / 5 好评 5

Your page rank:

提交需求表单



    售前
    微信

    扫码了解更多服务

    qr

    1对1专家沟通

    小程序

    扫码体验小程序

    funion_xcx