0

我只是用 bootstrap 3 制作了一个 html 网站。现在我正在尝试制作它的 wordpress 主题。我将 index.html 制作为 index.php 并制作了一个名为“style.css”的 css 文件

在 style.css 中，我像这样导入我的引导 css 文件：

@import url('css/bootstrap.css');
@import url('css/bootstrap.min.css');

然后我将主题上传到服务器上。我激活了主题。但我的网站看起来没有任何 CSS。这似乎是一个没有任何 CSS 的 html 网站。我尝试了很多方法，但不明白为什么我的主题找不到 css。我还没有对我的主题做任何改变，比如在我的主题中使用 php 函数。

如果你知道这个问题的解决方案，请帮助我。

4

3 回答 3

1

使用 WP enqueue_scripts 函数在 functions.php 中包含引导 css/js

function add_style() {

wp_register_style('bootstrap-css',get_template_directory_uri()."/css/bootstrap.css");
wp_register_style('bootstrap-min-css',get_template_directory_uri()."/css/bootstrap.min.css");

wp_enqueue_style( 'bootstrap-css' );
wp_enqueue_style( 'bootstrap-min-css' );
}

add_action('wp_enqueue_scripts', 'add_style');
于 2017-04-14T06:15:35.080 回答
0

@import url('/css/bootstrap.min.css');

于 2013-11-03T01:35:38.450 回答
0

您需要将 style.css 链接到 HTML<link rel="stylesheet" type="text/css" href="/pathtothecss/theme.css">

我建议你不要使用@import. 只需将所有 css 样式表链接到<head>您网站的部分。

于 2013-11-01T21:32:08.563 回答