pbootcms单页模板怎么开发调用

PbootCMS系统 admin 498浏览

在pbootcms网站后台,全局配置-模型管理-模型列表中,发现专题就是单页,详情页模板是about.html,当然模板名称不是唯一的.

如何实现pbootcms单页模板开发

1.通过小皮控制面板打开网站根目录:\phpstudy_pro\WWW\www.域名.com\template\default,新建about.html模板

2.将下载文件中的关于我们页面代码拷贝粘贴到about.html模板

3.修改页面文件调取,将页面所有的static修改为{pboot:sitedomain}/skin

4.修改单页模版网站的标题/关键词/描述调用

在pbootcms开发手册/站点信息中V1.1.6+新增如下标签,推荐使用

{pboot:pagetitle} 根据不同页面自动显示标题
{pboot:pagekeywords} 根据不同页面自动显示关键字
{pboot:pagedescription} 根据不同页面自动显示描述

参考阅读pbootcms后台SEO标题规则设置,在pbootcmsv3.2.1版打开全局配置-配置参数-标题样式,参考提示填写自定义标题规则;以下2种调用代码都可以.

常用组合标签:
全局标签:{pboot:sitetitle}站点标题、{pboot:sitesubtitle}站点副标题
列表或内容页:{sort:name}栏目名称、{sort:title}栏目标题
内容页:{content:title}内容标题
搜索结果页:{pboot:keyword}搜索关键字
个人中心:{user:nickname}会员昵称
例如定义内容页样式:{content:title}-{sort:name}-{pboot:sitetitle}-{pboot:sitesubtitle}
以下配置参数不设置时将使用系统默认规则.

<title>{sort:title}-{pboot:sitetitle}</title>
<meta name="keywords" content="{sort:keywords}">
<meta name="description" content="{sort:description}">
<title>{content:sortname}-{pboot:sitetitle}</title>
<meta name="description" content="{content:description}">
<meta name="keywords" content="{content:keywords}">

5.引入模板公共头部/底部文件{include file=head.html}{include file=footer.html}

6.栏目banner图处理:打开基础内容-内容栏目-选中要修改的栏目-高级选项-栏目大图,调用代码{sort:pic},当然也可以直接在about.html模板代码中将这里固定为{pboot:sitedomain}/skin/images/nybanner.jpg,后期修改图片话通过ftp.

7.修改调用栏目名称{sort:name}

8.面包屑导航标签{pboot:position separator=>>}

参数说明:
separator=* 分隔符,非必填,默认为>>
separatoricon=* 分割图标,非必填,如使用图标字体:separatoricon='fa fa-angle-double-right'
indextext=* 首页文本,非必填,默认为"首页"
indexicon=* 首页图标,非必填,如使用图标字体:indexicon='fa fa-home'

9.内容调取代码{content:content}

10.关于我们侧边栏目调取,可以新建left.html模板,通过{include file=left.html}调用

<div class="ct2-sd">
  <div class="panel-sd">
    <div class="tit">{sort:topname}</div>
    <ul class="lanmu">
      {pboot:nav num=15 parent={sort:tcode}}
      {pboot:if('[nav:scode]'=='{sort:scode}')}
      <li class="active"> <a href="[nav:link]">[nav:name]</a> </li>
      {else}
      <li > <a href="[nav:link]">[nav:name]</a> </li>
      {/pboot:if}
      {/pboot:nav}
    </ul>
  </div>
  <div class="panel-sd">
    <div class="tit">联系我们</div>
    <div class="contact-sd"> {pboot:companyname} <br>
      全国免费服务热线:{pboot:companyphone} <br>
      手机:{pboot:companymobile} <br>
      邮箱:{pboot:companyemail} <br>
      地址 :{pboot:companyaddress} <br>
      联系人:{pboot:companycontact} </div>
  </div>
</div>

指定栏目标签
适用范围:全站任意地方均可使用
标签作用:用于调导航菜单栏目列表,对应后台的“基础内容>内容栏目”

指定栏目列表
{pboot:sort scode=*}
<a href= "[sort:link]">[sort:name]</a>
{/pboot:sort}

控制参数:
scode=* 栏目编码,必填,用于控制输出的栏目,可以同时输出多个(V1.1.6+),使用逗号隔开即可,如:1,2,3
scode={sort:pcode} 可用于输出当前栏目父菜单的信息
scode={sort:scode} 可用于输出当前栏目的信息
scode={sort:tcode} 可用于输出当前栏目顶级菜单的信息

转载请注明:大灰牛博客 » pbootcms单页模板怎么开发调用