Question

我使用一键式儿童主题插件创建了一个二十四个子主题。然后我通过将父主题目录中的page.php复制到custom-table.php，也在父主题目录中创建了一个名为“custom-table”的自定义模板。

接下来，我将新自定义表模板中的标题更改为

<?php
/**
 * Template Name: Custom Table

所以它显示在新页面的页面属性下的模板下拉列表中。

接下来，我创建了一个新页面“Table1”，并从模板下拉列表中选择了自定义表。

接下来，我修改了custom-table.php模板以创建一个简单的框：

<div id="box123"></div>

我可以在Table1页面的源代码中看到此框正常，但我无法设置该框的样式。我说：

div#box123 {
       width: 200px;
       height: 150px;
       background-color: red;
}

在子style.css中，但这不起作用。我将上面的样式块放在父style.css中。这也不起作用。

那么我应该把这个盒子的样式放在哪里呢？

感谢您的帮助。

Answer 1

您的css应该使用子主题style.css。

但是，检查页面根本没有加载css文件。我怀疑你的问题是你没有在模板文件中使用get_header()功能。你需要为WordPress创建<head>标签及其内部的所有内容，包括主样式文件。

在第14行的2014主题中，您将找到get_header()。确保它也在您的页面模板文件中。