wordpress覆盖模版和加载js/css

学习
wordpress

覆盖原来的模板的两种方法

  • 方法一：在后台选择当前页面需要调用的模版文件，需要在php文件头部添加注释，Template Name ：…
  • 方法二：使用模版文件命名规则来覆盖默认的模版样式 page-{id}.php page-{slug}.php

加载js和css

  • 方法一：始终加载：init()
  • 方法二：指定页面加载：wp_enqueue_style() wp_enqueue_script()
    1
    2
    3
    4
    5
    6
    7
    if ( is_page(page-study) ) {
        wp_enqueue_style('page-study', get_template_directory_uri() . '/css/page-study.css', array('twentysixteen-style'), '20160412');
    }
    if(!is_admin()) {
        wp_enqueue_style('indexpage', get_template_directory_uri() . '/css/indexpage.css', array('twentysixteen-style'), '20160412');
        wp_enqueue_script('indexpage', get_template_directory_uri() . '/js/indexpage.js', array(), '3.7.3');
    }