wprec推荐插件模板变量文档以及样式推荐

更新于 2022年6月15日更新日志

wprec模板设置区域支持多个模板变量，可以很方便展示自己所需要的内容。模板变量是一个中括号包括的文本内容。比如{title}就是一个模板变量，展示的时候{title}这个模板变量会被wprec的模板引擎解析为具体的文章标题。

wprec的模板变量分为两种，一种是基础模板变量，一种是自定义字段变量。

基础变量如下：

模板变量	含义
{title}	文章标题
{permalink}	文章链接
{excerpt}	文章摘要
{thumbnail}	文章缩略图

自定义字段变量以 meta. 开头后面接着的是自定义字段的key。比如你的自定义字段是star，那么自定义字段的模板变量就是{meta.star}。

那么如何找到自定义字段的key？首先编辑文章，点击显示选项，打开自定义字段的字显示，如下图：

在文章底下就会展示自定义的字段，如下图：

了解模板变量之后就可以自己写模板了，如下图：

如果您的文章有缩略图，可以直接显示缩略图。如果没有缩略图可以安装自动配图插件：wordpress文章自动配图插件，将会自动调用自动配图插件里面生成的缩略图。

一款好看的左图右文配置

相关区域标题

<p style="font-size:18px; font-weight:bold;">你可能还喜欢下面这些文章</p>
<style>
.relate-item {margin-bottom:20px; text-align:justify}
.relate-item img {float:left;margin-right:10px}
.relate-item a {font-size:16px;font-weight:bold;}
@media screen and (max-width:768px) {
.relate-item img {float:none;width:100%;margin-right:0px}
}
</style>

内容模板

<div class="relate-item clearfix">
<img src="{thumbnail}" title="{title}" alt="{title}"/>
<a href="{permalink}" data-score="{score}">{title}</a>
<p>{excerpt}</p></div>

上面的代码可兼容手机端，配置完成之后样式如下：