在 PbootCMS 首页上调用公司简介等单页内容

COS、CDN

在 PbootCMS 首页上调用公司简介等单页内容

在 PbootCMS 中,可以在首页或其他页面上调用特定的单页内容,如公司简介。以下是如何使用标签 {pboot:content} 来调用单页内容的具体方法:

示例代码

html
 
{pboot:content id=1} [content:content drophtml=1 dropblank=1 len=300 more=''] <a href="[content:link]">查看更多</a> {/pboot:content}

参数说明

  1. id: 单页内容的 ID 号。

    • 示例中的 id=1 表示调用 ID 为 1 的单页内容。
  2. len: 显示的内容长度(字符数)。

    • 示例中的 len=300 表示显示前 300 个字符。
  3. drophtml: 是否去除 HTML 标签。

    • 示例中的 drophtml=1 表示去除 HTML 标签。
  4. dropblank: 是否去除空格。

    • 示例中的 dropblank=1 表示去除空格。
  5. more: 是否显示更多链接。

    • 示例中的 more='' 表示不显示更多链接。如果需要显示更多链接,可以设置为 more='...'

完整示例

假设我们需要在首页上调用 ID 为 1 的公司简介内容,并显示前 300 个字符,同时提供一个“查看更多”的链接,可以使用以下代码:

html
 
{pboot:content id=1} <div class="company-intro"> [content:content drophtml=1 dropblank=1 len=300 more='...'] <a href="[content:link]">查看更多</a> </div> {/pboot:content}

详细解释

  1. 调用单页内容

    html
     
    {pboot:content id=1}

    这行代码表示开始调用 ID 为 1 的单页内容。

  2. 显示内容

    html
     
    [content:content drophtml=1 dropblank=1 len=300 more='...']
    • drophtml=1:去除 HTML 标签。
    • dropblank=1:去除空格。
    • len=300:显示前 300 个字符。
    • more='...':显示省略号。
  3. 显示更多链接

    html
     
    <a href="[content:link]">查看更多</a>

    这行代码表示显示一个链接,链接到完整的单页内容页面。

  4. 结束标签

    html
     
    {/pboot:content}

    这行代码表示结束调用单页内容。

CSS 样式

为了更好地展示效果,可以添加一些 CSS 样式:

css
 
.company-intro { padding: 20px; background-color: #f8f9fa; border: 1px solid #dee2e6; border-radius: 5px; } .company-intro a { color: #007bff; text-decoration: none; } .company-intro a:hover { text-decoration: underline; }

通过以上步骤,您可以在 PbootCMS 的首页上调用并显示公司简介等单页内容,并提供一个“查看更多”的链接。如果有其他具体需求,可以根据实际情况进一步调整参数和样式。

COS、CDN
热门