PbootCMS 如何自定义“上一篇/下一篇”英文提示

在使用 PbootCMS 搭建网站时,文章列表页或内容页通常会有 上一篇/下一篇 导航功能,方便用户阅读连续文章。默认情况下,如果没有上一篇或下一篇文章,系统会显示中文提示“没有了”。对于英文网站或者想优化国际化体验的站点,我们可以轻松地将其修改为英文提示,比如 “No more”。家兴网络将详细讲解调用方法和高级用法。

PbootCMS如何自定义上一篇下一篇英文提示.jpg


一、基础调用方法

在 PbootCMS 中,上一篇和下一篇内容可以通过 {content:precontent}{content:nextcontent} 标签调用。

示例:

上一篇:{content:precontent}
下一篇:{content:nextcontent}
  • 当没有上一篇或下一篇内容时,默认显示 “没有了”。

修改为英文提示

可以使用 notext 参数自定义文本,如果文本中有空格,需要使用单引号 ' ' 包裹:

上一篇:{content:precontent notext='No more'}
下一篇:{content:nextcontent notext='No more'}

这样,当文章没有前后内容时,系统就会显示 No more


二、拓展功能调用

PbootCMS 不仅可以显示上一篇/下一篇内容文本,还可以显示文章的标题、链接和缩略图,方便制作更丰富的文章导航模块。

标签功能说明
{content:prelink}上一篇文章链接
{content:nextlink}下一篇文章链接
{content:pretitle}上一篇文章标题
{content:nexttitle}下一篇文章标题
{content:preico}上一篇文章缩略图
{content:nextico}下一篇文章缩略图

示例:带标题和链接的英文提示

<div class="article-nav">
  <div class="prev">
    上一篇:
    <a href="{content:prelink}">{content:pretitle notext='No more'}</a>
  </div>
  <div class="next">
    下一篇:
    <a href="{content:nextlink}">{content:nexttitle notext='No more'}</a>
  </div>
</div>
  • 当上一篇或下一篇不存在时,链接文字显示 No more,不会出现空白或中文提示。

  • 可自由搭配样式,使导航条更美观。


三、进阶使用场景

  1. 带缩略图的文章导航

<div class="article-nav">
  <div class="prev">
    <a href="{content:prelink}">
      <img src="{content:preico}" alt="{content:pretitle}">
      <span>{content:pretitle notext='No more'}</span>
    </a>
  </div>
  <div class="next">
    <a href="{content:nextlink}">
      <img src="{content:nextico}" alt="{content:nexttitle}">
      <span>{content:nexttitle notext='No more'}</span>
    </a>
  </div>
</div>
  1. 英文网站优化

  • 所有 notext 文本均可替换为英文提示,例如 “No more”, “None”, “End of articles”,便于国际化网站。


四、总结

通过 notext 参数,PbootCMS 的上一篇/下一篇功能可以灵活控制没有内容时的显示文本,无论是中文网站还是英文网站都可以轻松实现。结合标题、链接、缩略图等拓展标签,还可以制作出专业美观的文章导航模块,提升用户阅读体验。


小技巧

  • notext 参数里如果有空格,记得使用单引号 ' ' 包裹。

  • 可根据网站风格自定义文本内容,实现国际化或个性化提示。

  • 利用缩略图和标题组合,提升内容页的视觉效果。

作者王家兴头像

王家兴

资深网络营销顾问,8年数字营销经验,曾为多家知名企业提供网站建设、搜索引擎优化、短视频营销、GEO AI营销服务,擅长内容策略规划。