样式.css在WordPress中不起作用

我在使用Wordpress时遇到问题，我已经创建了所有需要的文件，包括样式.css索引等.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" />

就我而言，我没有链接 CSS。所以我通过执行以下操作解决了它：

我创建了一个文件头.php这个文件有我的html代码，在这个文件里面，而不是使用link手动包含css文件，我调用了一个php函数wp_head（）;这有助于WordPress控制我的头部部分。

    <!DOCTYPE html>
    <html>
      <head>
        <?php wp_head(); ?>
      </head>
      <body>
        <h1>Wordpress</h1>
      </body>
    </html>

之后，我必须使用以下代码在此文件中在主题文件夹中创建另一个名为 functions.php 和链接样式.css的新文件。

<?php
function files() {
  wp_enqueue_style( 'style', get_stylesheet_uri() );
} 
  add_action( 'wp_enqueue_scripts', 'files' );
?>

添加样式表而不是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" );
}

使用薄片添加样式.css文件：

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

将以下内容添加到您的函数中.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');

Open 函数.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" );
}

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

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

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

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

你能看出区别吗？如果您有任何问题，请在下面发表评论。

当您在 chrome 或某些浏览器的检查中查找插件或 CSS 中也有 2 个站点 URL 或主页 URL 时。并在新选项卡中打开它（顺便说一句，这应该无法访问）：：

然后尝试把

"/"在你的本地主机或任何>phpmyadmin>数据库（WordPress）中没有""，> wp_options>>option_value中的"siteurl"和"home"

在 bloginfo 中将template_url替换为template_directory，并按如下所示完成：

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

在函数中.php添加此代码，它将样式.css文件链接到您的 WordPress 主题

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

相关内容

最新更新

热门标签：