说明:此教程主要针对已经启用了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 );
效果图:
步骤三、上传文件pages目录中的页面模板到pages目录中去。
步骤四、新建页面,引用页面模板——作者专栏页面,即可完成部署!