不同样式段落的 Wordpress 自定义 post 类型
Wordpress custom post types for different styled paragraphs
我的主页内容类似于:
<section id="about">
<p class="quote">
</p>
<div class="text">
<h2></h2>
<p></p>
</div>
</section>
<section id="about-photo">
<div class="image">
<img src="" alt="">
</div>
</section>
<section id="mission">
<div class="text">
<h2></h2>
<p></p>
</div>
</section>
我想知道在 CMS 中重现此结构的方法是否是创建自定义 post 类型。我的理由是我有不同类型的 p 标签(“.quote”和非分类 "p")。然而,从我见过的所有示例来看,自定义 post 类型似乎并没有以这种方式使用。也就是说,为 "paragraph-like" 信息使用两个单独的字段。
我刚才就是这么做的。如果您不介意为一个很棒的插件支付一点费用。
第 1 步:获取高级自定义字段插件 - 非常适合自定义字段,添加到模板中非常简单。
第 2 步:购买高级自定义字段的转发器字段插件
第 3 步:安装插件。
第 4 步:通过创建一个包含两个子字段的转发器字段来创建自定义字段。这两个子字段应该是段落和class。请务必检查 class 字段的条带 html 设置。
第 5 步:添加到模板。
如果您有预定义的值,您甚至可以将 class 字段设为 select 列表。
您可以按以下方式操作:
- 创建带标签的自定义 post 类型。
- 在此 post 类型中添加 post 的数量,并具有唯一的标签名称。
- 创建包含所有 post 类型的循环,并在此循环中设置条件,例如,
if(post tag name == "about")
{
// you "about" style selection div
}else if(post tag name == "about-photo"){
// you "about-photo" style selection div
}else if(post tag name == "mission"){
// you "mission" style selection div
}
我的主页内容类似于:
<section id="about">
<p class="quote">
</p>
<div class="text">
<h2></h2>
<p></p>
</div>
</section>
<section id="about-photo">
<div class="image">
<img src="" alt="">
</div>
</section>
<section id="mission">
<div class="text">
<h2></h2>
<p></p>
</div>
</section>
我想知道在 CMS 中重现此结构的方法是否是创建自定义 post 类型。我的理由是我有不同类型的 p 标签(“.quote”和非分类 "p")。然而,从我见过的所有示例来看,自定义 post 类型似乎并没有以这种方式使用。也就是说,为 "paragraph-like" 信息使用两个单独的字段。
我刚才就是这么做的。如果您不介意为一个很棒的插件支付一点费用。
第 1 步:获取高级自定义字段插件 - 非常适合自定义字段,添加到模板中非常简单。
第 2 步:购买高级自定义字段的转发器字段插件
第 3 步:安装插件。
第 4 步:通过创建一个包含两个子字段的转发器字段来创建自定义字段。这两个子字段应该是段落和class。请务必检查 class 字段的条带 html 设置。
第 5 步:添加到模板。
如果您有预定义的值,您甚至可以将 class 字段设为 select 列表。
您可以按以下方式操作:
- 创建带标签的自定义 post 类型。
- 在此 post 类型中添加 post 的数量,并具有唯一的标签名称。
- 创建包含所有 post 类型的循环,并在此循环中设置条件,例如,
if(post tag name == "about") { // you "about" style selection div }else if(post tag name == "about-photo"){ // you "about-photo" style selection div }else if(post tag name == "mission"){ // you "mission" style selection div }