如何在 wordpress 主题中使 html 元素类、id 等动态化？答案

【问题标题】：How to make html elements classes, ids, etc., dynamic in wordpress theming?如何在 wordpress 主题中使 html 元素类、id 等动态化？
【发布时间】：2015-03-16 23:04:18
【问题描述】：

假设我的静态 HTML/CSS 页面中有这个。如何使 div class="products" 动态化？产品标题和其他 div 类怎么样？基本上我想知道的是：如何使用内置的 php wordpress API 以及标题等来制作具有类和 id 动态的 html 元素？

显然，在后端（WP 仪表板）中，我要做的就是提供标题、图片、内容、价格等。

我看到的所有教程都是关于博客文章的。这将不是博客，虽然稍后可能会包含博客页面，但主页是普通站点的主页。

<div class="products">
   <img src="#" alt="just an example">
   <h2>Product Headline</h2>

   <p> Content goes here </p>
   <div class="product-call-to-action">
      <div class="product-callLeft">
         <p><span>$</span> 450</p>
      </div>
      <div class="product-callMiddle">
         <p>Oct 10, 2014 | 3:14 PM</p>
      </div>
      <div class="product-callRight"> <a href="#" class="product-check-out" target="_blank">Buy Now</a></div>
</div>

了解这一点，将在此基础上解开我脑海中所有问题的答案。

【问题讨论】：

标签： php wordpress

【解决方案1】：

你没有。您可以在主题中创建不同的模板页面，这些页面旨在以不同的方式呈现不同的内容。

所以single.php 显示了一篇博文。 page.php 显示单个页面。 archive.php 将用于显示帖子类别。然后添加模板文件以不同的方式显示自定义帖子类型、自定义页面模板、自定义帖子类型的存档等。每个模板可以有不同的 HTML 标记。这就是您构建自定义主题的方式。

Wordpress 在 The Loop 中发挥了神奇的作用，它根据正在访问的前端 url 和您的永久链接结构“知道”使用哪个模板。对你来说最好的办法是阅读模板层次结构，如果你在做 Wordpress 工作，你会发现它非常有用；

http://codex.wordpress.org/images/9/96/wp-template-hierarchy.jpg

唯一的动态类与此相关；

 <body <?php body_class( $class ); ?>>

http://codex.wordpress.org/Function_Reference/body_class

这会根据所显示的 Wordpress 内容自动将一系列类分配给 body 标签，从而允许您使用 CSS 特异性对相同的标记进行不同的样式设置。

正如 diggy 在 cmets 中指出的那样，通过使用更具体的 post_class，您可以获得比页面范围内的 body_class 更精细的控制；

http://codex.wordpress.org/Function_Reference/post_class

【讨论】：

不错的@diggy - 这就是为什么写一个这样的SO答案很好，其他人会添加一些对你来说是新的东西。我以前从未使用过post_class()。我会把它添加到正确的答案中，干杯。

【解决方案2】：

您将想要探索自定义帖子类型。这是处理你的情况的最好方法。 Custom Post Types

【讨论】：