wordpress中使用bootstrap遇到的第一个问题

css和js文件加载,记录一下,以后备用

1. 因为你所写的html会经过php的再次渲染,所以直接引用无效,可以使用以下的办法.css引用如下

header.php 文件中加入 也就是你原先写link引入的地方
 <link href="<?php bloginfo('stylesheet_url');?>" rel="stylesheet">  //你可以理解成预占位 也可以理解为 PHP的echo 输出
 之后再styl.css中加入代码
 @import url('bootstrap/dist/css/bootstrap.css'); 
@import url('css/header.css'); //需要引入几个css就写几个

2. js文件加载如下

header.php 文件中加入 也就是你原先写link引入的地方
   <?php wp_enqueue_script("jquery"); ?> //加载wordpress中原先就有的jquery脚本
    <?php wp_head(); ?>//你可以理解成预占位 也可以理解为 PHP的echo 输出

在index.php 文件的同级 创建 functions.php
在functions.php中写上如下代码

function wpbootstrap_scripts_with_jquery() //这个函数名称是自定义的
{
	// Register the script like this for a theme:
	//wp_register_script  wp提供的注册一个新脚本函数,第一参新脚本名称,
	//第二参,新脚本路径,第三参,依赖于哪个脚本,那么就将在依赖脚本之后加载
    wp_register_script( 'custom-script', get_template_directory_uri() . '/bootstrap/dist/js/bootstrap.js', array( 'jquery' ) );
    wp_register_script( 'zqhead-script', get_template_directory_uri() . '/js/header.js');
    
	// For either a plugin or a theme, you can then enqueue the script:
	//使用 wp_enqueue_scripts 仅仅只会在前台加载脚本和CSS
    wp_enqueue_script( 'custom-script' );
    wp_enqueue_script( 'zqhead-script' );
}
add_action( 'wp_enqueue_scripts', 'wpbootstrap_scripts_with_jquery' );

?>