head头部-pbootcms常用代码
自适应必要头部标签:<meta name="viewport" content="width=device-width, initial-scale=1" />
一般头部文件:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>{pboot:pagetitle}</title>
<meta name="keywords" content="{pboot:pagekeywords}">
<meta name="description" content="{pboot:pagedescription}">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,shrink-to-fit=no">
<link rel="stylesheet" href="{pboot:sitetplpath}/bootstrap/css/bootstrap.min.css" >
<script src="{pboot:sitetplpath}/js/jquery-1.12.4.min.js" ></script>
</head>
1、中英版链接:
中文:<a href="{pboot:lgpath}&lg=cn"><img src="/cn.jpg" />cn</a>
中文:<a href="{pboot:lgpath}&lg=en"><img src="/cn.jpg" />en</a>
欢迎光临{pboot:companyname}官网!
2、网站logo:
<a href="{pboot:sitedomain}/"><img src="{pboot:sitelogo}" /></a>
3、导航标签
{pboot:nav}
<a href="[nav:link]">[nav:name]</a>
{/pboot:nav}
num=* 数量
parent={sort:pcode} 可用于输出当前栏目的同级菜单
parent={sort:scode} 可用于输出当前栏目的子菜单
parent={sort:tcode} 可用于输出当前栏目顶级菜单的子菜单
<li {pboot:if(0=='{sort:scode}')}class="active"{/pboot:if} ><a href="{pboot:sitedomain}/">网站首页</a></li>
{pboot:nav}
<li class="{pboot:if('[nav:scode]'=='{sort:tcode}')}class="active"{/pboot:if}">
<a href="[nav:link]">[nav:name]</a>
<ul >
{pboot:2nav parent=[nav:scode]}
<li><a href= "[2nav:link]">[2nav:name]</a></li>
{/pboot:2nav}
</ul>
</li>
{/pboot:nav}
指定某栏目:
<a href="{pboot:sort scode=1}[sort:link]{/pboot:sort}">[sort:name]</a>
4、搜索框:
<form action="{pboot:scaction}" method="get">
关键字:<input type="text" name="keyword" >
<button type="submit">搜索</button>
</form>
定义不同的结果页模板,用searchtpl字段:
<input type="hidden" name="searchtpl" value="search2.html" >
5、幻灯片轮播图
{pboot:slide gid=1 num=2}<img src="[slide:src]" alt="[slide:title]>{/pboot:slide}
控制参数:
gid=* 分组,必填,用于控制需要输出的幻灯片分组
num=* 数量,非必填,用于控制需要输出的数量,默认为5个