style.css无法在wordpress中工作

时间:2014-01-12 19:31:36

标签: css wordpress header styles stylesheet

我有Wordpress的问题,我已经创建了所有需要的文件,包括style.css index.php等等,但页面没有样式。在标题中,除其他外,我已经把这个

<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/css/bootstrap-responsive.css" />
<link rel="stylesheet" type="text/css" href="text/css" href="<?php bloginfo('template_url'); ?>/css/style.css" />

7 个答案:

答案 0 :(得分:3)

将以下内容添加到您的functions.php中,它应该可以正常工作。

function EnqueueMyStyles() {
    wp_enqueue_style('my-custom-style', get_template_directory_uri() . '/css/my-custom-style.css', false, '20150320');

    wp_enqueue_style('my-google-fonts', '//fonts.googleapis.com/css?family=PT+Serif+Caption:400,400italic', false, '20150320');

    wp_enqueue_style('my-main-style', get_stylesheet_uri(), false, '20150320');
    }
}
add_action('wp_enqueue_scripts', 'EnqueueMyStyles');

答案 1 :(得分:2)

添加style.css以外的样式表,打开function.php并添加以下代码。

add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );
function theme_name_scripts() {
   wp_enqueue_style( 'style-name', get_stylesheet_uri() . "/css/bootstrap.css" );
   wp_enqueue_style( 'style-name', get_stylesheet_uri() . "/css/bootstrap-responsive.css" );
}

使用thins:

添加style.css文件
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">

答案 2 :(得分:1)

打开function.php文件并通过以下代码。

add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );
    function theme_name_scripts() {
       wp_enqueue_style( 'style-name1', get_stylesheet_uri() . "/css/style.css" );
       wp_enqueue_style( 'style-name2', get_stylesheet_uri() . "/css/bootstrap.css" );
}

答案 3 :(得分:0)

我遇到了同样的问题,但我通过仔细查看代码修复了它。这就是我之前写的:

<link href="<?php bloginfo('stylesheet_url'); ?> rel="stylesheet" type="text/css" media="all" /> 

以下代码帮助我解决了问题:

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">

你能看出区别吗?如果您有任何问题,请在下方发表评论。

答案 4 :(得分:0)

当您在Chrome或某些浏览器的检查中查找时,插件或CSS中还有2个站点URL或主页URL。并在新标签中打开它(顺便说一下,这不应该是可访问的)::

然后尝试放

&#34; /&#34;没有&#34;&#34;在你的localhost或任何&gt; phpmyadmin&gt;数据库(WordPress)&gt; wp_options&gt;&gt; &#34; SITEURL&#34;和&#34;家庭&#34;在option_value

答案 5 :(得分:0)

template_url替换为template_directory中的bloginfo,并完成所有操作:

<link ... href="<?php bloginfo('template_directory'); ?>/css/bootstrap.css" />
<link ... href="<?php bloginfo('template_directory'); ?>/style.css" />

答案 6 :(得分:0)

functions.php 中添加此代码,它将把 style.css 文件链接到您的WordPress主题

function load_scripts() {
    wp_enqueue_style( 'stylecss', get_stylesheet_uri() );  
}

add_action('wp_enqueue_scripts', 'load_scripts' );