css - 将CSS添加到PHP中的ID

Question

我在 wordpress 工作，遇到了一些麻烦。如您所见:在使用 page.php 管理的“文章”页面中，此时显示类别小部件(见图 1)，

然后，在“文章”页面内，如果您单击由 single.php 管理的任何子页面，类别小部件应该出现在不同的位置。(图像 2 是它应该出现的位置，图像 3 是它出现的位置)。我正在使用能够通过仪表板管理结构的插件，因此我需要在 php 文件中执行此操作。

图 2: 图 3:

我试图包括:

  if ( is_page_template( 'single.php' ) ) {
                 echo '<style type=\"text/css\"> #sub_categories_widget-2 { margin-top: -150%; } </style>'; 

将其定位在我的 single.php 或我的 page.php 中，但似乎没有任何反应。有谁知道我做错了什么？我通过一个创建短代码的插件使小部件出现，我可以将它添加到编辑器中。

谢谢

Answer 1

你做的事情可以用css来实现。

如果您在一个 single.php 文件中，您应该在 body 或 html 标签上有一个类。如果不勾选this out .

所以有了这个位于顶部的类，现在您可以按页面、单个、页面模板等定位您的小部件...

.widget {
  margin-top:0;
}

 .single .widget {
   margin-top: 300px //or whatever the height of the image;
}