CSS不会在WordPress中链接到我的page.php模板，其他一切都正常

因此, 我正在学习Wordpress主题课程, 并且正在创建页面模板设置。该页面可以正常加载

<?php get_header(); ?>
<section id="page-template">
  <div class="container">
  <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
  <?php the_content(); ?>
  <?php endwhile; endif; ?>
  </div>
</section>
<?php get_footer(); ?>

我所有的css文件都链接到标题中, 但是由于某些原因, 当我加载创建的页面时, 它们没有加载我们为该页面创建的CSS。我们将所有css文件导入到一个main.css文件中, 这是我遇到的问题。

@import "pagetemplate/page.css";

在该文件中, 我们有一些基本的CSS可以对其进行测试并确保其连接。

#page-template {padding: 80px 0;}
#page-template .container {padding: 0 15px;}

抱歉, 到处都是, 如果有任何疑问, 我将很乐意提供补充。

我应该添加, 我的header.php页面具有的CSS链接

<link rel="stylesheet" href="<?php echo get_bloginfo('template_directory'); ?>/css/main.css">

#1

将php代码更改为

<?php bloginfo("template_directory"); ?>

所以你链接看起来像

<link rel="stylesheet" href="<?php bloginfo("template_directory"); ?>/css/main.css">

#2

好的, 所以我想通了。我不确定这是我的最佳做法, 但我明白了！我只是将css文件夹和文件直接链接到page.php中。

<link rel="stylesheet" href="<?php echo get_bloginfo('template_directory'); ?>/css/page-template/mypage.css">

我将这个常规的CSS链接添加到了page.php模板中, 因为我的get_header()无法从我的主页识别出CSS链接。这是最终视图。

<link rel="stylesheet" href="<?php echo get_bloginfo('template_directory'); ?>/css/page-template/mypage.css">
<?php get_header(); ?>
<section id="page-temp">
  <div class="container">
  <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
  <?php the_content(); ?>
  <?php endwhile; endif; ?>
  </div>
</section>
<?php get_footer(); ?>