WordPress 主题 B2 增加作者专栏页面

说明:此教程主要针对已经启用了b2子主题的用户

效果如图:

WordPress 主题 B2 增加作者专栏页面

 

WordPress 主题 B2 增加作者专栏页面

WordPress 主题 B2 增加作者专栏页面

步骤一、上传assest目录文件中的JS、CSS到子主题文件中,进行覆盖,覆盖之前,请注意是否有相同的文件名。此外上传,文件根目录下的jquery-1.10.2.min.js文件到父主题的b2/Assets/fontend目录下,并在父主题根目录下的header.php文件中引入此文件!

<script src="<?php echo get_template_directory_uri() ?>/Assets/fontend/jquery-1.10.2.min.js"></script><!--页眉轮播引入-->

步骤二、引用上传的JS、CSS文件,打开子主题根目录下的functions.php文件,复制下列代码到其中去,并保存。

    //加载子主题样式文件,使它在所有样式之后
    wp_enqueue_style( 'child-style', B2_CHILD_URI.'/style.css' , array() , B2_VERSION, 'all');
    wp_enqueue_style( 'child-users', B2_CHILD_URI.'/assest/css/users.css' , array() , B2_VERSION, 'all');
 
    //加载子主题样式文件,使它在所有样式之后
    wp_enqueue_style( 'child-style', B2_CHILD_URI.'/style.css' , array() , B2_VERSION, 'all');
    wp_enqueue_style( 'child-users', B2_CHILD_URI.'/assest/css/users.css' , array() , B2_VERSION, 'all');
 
    //加载子主题JS文件
    wp_enqueue_script( 'b2-child', B2_CHILD_URI.'/child.js', array(), B2_VERSION , true );
    wp_enqueue_script( 'b2-users', B2_CHILD_URI.'/assest/js/users.js', array(), B2_VERSION , true );
    wp_enqueue_script( 'b2-gold', B2_CHILD_URI.'/assest/js/gold.js', array(), B2_VERSION , true );
    wp_enqueue_script( 'b2-verify', B2_CHILD_URI.'/assest/js/verify.js', array(), B2_VERSION , true );

效果图:

WordPress 主题 B2 增加作者专栏页面

步骤三、上传文件pages目录中的页面模板到pages目录中去。

步骤四、新建页面,引用页面模板——作者专栏页面,即可完成部署!

 

下载权限

查看
  • 免费下载
    评论并刷新后下载
    登录后下载

查看演示

  • {{attr.name}}:
您当前的等级为
登录后免费下载登录 小黑屋反思中,不准下载! 评论后刷新页面下载评论 支付以后下载 请先登录 您今天的下载次数(次)用完了,请明天再来 支付积分以后下载立即支付 支付以后下载立即支付 您当前的用户组不允许下载升级会员
您已获得下载权限 您可以每天下载资源次,今日剩余

给TA打赏
共{{data.count}}人
人已打赏
其他源码

B2主题底部统计代码美化

2020-10-13 7:04:29

其他源码

WordPress 登录窗口美化 适用B2 主题

2020-10-13 7:11:46

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索