如何将样式表链接到我的WordPress页面

时间：2016-12-30 作者：kiran

示例：我有以下HTML代码，我应该把它放在哪里bootstrap.min.css 链接如果我将该链接放在HTML代码本身中，当页面发布时，它不会加载CSS。

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
  <h2>Thumbnail</h2>
  <p>The .img-thumbnail class creates a thumbnail of the image:</p>            
  <img src="cinqueterre.jpg" class="img-thumbnail" alt="Cinque Terre" width="304" height="236"> 
</div>
</body>
</html>

3 个回复
SO网友:dgarceran

使用wp_enqueue_style() 在您的功能中。php：

function custom_wp_enqueue_style() {
wp_enqueue_style( \'bootstrapcdn\', "https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/css/bootstrap.min.css" );
}
add_action ( \'wp_enqueue_scripts\', \'custom_wp_enqueue_style\' );
第二个参数可以是服务器中有引导程序的文件夹的路径。

SO网友:Jayesh

如果您想加载css，那么只需在css链接之前添加一行php即可。在href和src link之前调用此行。

<?php echo esc_url( get_template_directory_uri() ); ?>/
使用这一行，您还可以加载所有类型的css和图像。这里您尝试链接引导示例：-

<link rel="stylesheet" href="<?php echo esc_url( get_template_directory_uri() ); ?>/https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
现在你的css可以工作了。

SO网友:eyal_katz

如果其他方法不起作用，您可以始终在另一个css文件中使用@import：

@导入url（“stylesheet\\u 2.css”）；

这会起作用，但可能不会那么快，因为它正在等待其他css加载，然后再加载其余的css。

有时别无选择，如果你访问的网站有限，或者设置复杂，等等。

标签： wp-enqueue-style   小码农  

相关推荐