在wordpress中,样式和脚本都不应该通过函数正确排队。php文件,而不是在html中对其进行硬编码。
wordpress添加新css文件的方式bootstrap.css
或任何其他用途wp_enqueue_scripts
钩
以下代码应位于主题的functions.php
/**
* Proper way to enqueue scripts and styles
*/
function wp_theme_name_scripts() {
// enqueue your style.css
wp_enqueue_style(\'style-name\', get_stylesheet_uri() );
// en-queue external style
wp_enqueue_style( \'bootstrap\', \'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.css\' );
// enqueue your script
wp_enqueue_script( \'script-name\', get_template_directory_uri() .\'/js/theme_name.js\', array(), \'1.0.0\', true );
// Other styles and scripts
}
add_action( \'wp_enqueue_scripts\', \'wp_theme_name_scripts\' );
This 是一个关于如何在wordpress中正确加载css的很好的教程。
Check out WordPress文档了解排队样式的更多信息
更新:
下划线框架已经具有中定义的功能
functions.php
.打开主题
function.php
并找到名为
yourTheme_scripts()
, 并添加以下行以包括引导库。
wp_enqueue_style(\'bootstrap\', \'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.css\' );
下划线文件中的函数应如下所示:
/**
* Enqueue scripts and styles.
*/
function yourTheme_scripts() {
wp_enqueue_style( \'yourTheme-style\', get_stylesheet_uri() );
//Enqueue bootstrap css library
wp_enqueue_style(\'bootstrap\', \'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.css\' );
wp_enqueue_script( \'yourTheme-navigation\', get_template_directory_uri() . \'/js/navigation.js\', array(), \'20151215\', true );
wp_enqueue_script( \'yourTheme-skip-link-focus-fix\', get_template_directory_uri() . \'/js/skip-link-focus-fix.js\', array(), \'20151215\', true );
if ( is_singular() && comments_open() && get_option( \'thread_comments\' ) ) {
wp_enqueue_script( \'comment-reply\' );
}
}
add_action( \'wp_enqueue_scripts\', \'yourTheme_scripts\' );