将CSS文件加载到WordPress中的新主题

时间:2017-07-15 03:50:07

标签: wordpress wordpress-theming

我正在使用此网站https://www.taniarascia.com/developing-a-wordpress-theme-from-scratch的指南为WordPress制作新主题。

教程的作者说使用<link href="" rel="stylesheet">

  

不是加载脚本的最正确方法。

我想在function.php上使用wp_enqueue_style()add_action()来加载.css文件。我的主题目录中已经有三个文件,index.php,function.php和style.css,但我似乎无法使其工作。

以下是我用来加载.css文件的代码:

<?php
  function enqueue_my_styles(){
  wp_enqueue_style('style', get_template_directory_uri().'/style.css');
 }

 add_action( 'wp_enqueue_scripts', 'enqueue_my_styles' );

?>

1 个答案:

答案 0 :(得分:1)

您的函数文件是{@ 1}}还是functions.php?这应该是function.php并且是基础。

您的代码看起来是正确的,但实际上可以像functions.php Wordpress模板中那样缩短一点;

twentyfifteen

您可以使用function twentyfifteen_scripts() { // Load our main stylesheet. wp_enqueue_style( 'twentyfifteen-style', get_stylesheet_uri() ); } add_action( 'wp_enqueue_scripts', 'twentyfifteen_scripts' ); 在模板目录中加载自定义文件。

get_template_directory_uri()