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