帝国CMS网站地图sitemap的制作教程,分享2种帝国cms网站地图模板

[ 帝国cms教程   // 2014-12-14 00:00:00  ]
 


帝国cms是我最喜欢的一款建站程序,相对于织梦、wordpress都有不可言喻的优势,在帝国CMS中没有生成网站地图的功能,所以今天我为大家介绍 两种帝国cms的html格式网站地图的制作方法,网站地图还有一种格式是xml格式的,可参考<帝国cms7.0 sitemap插件 — 轻松制作帝国cms系统sitemap.xml网站地图>和《[帝国cms7.0]网站xml地图文件模板(pc和手机移动)以及帝国cms制作xml网站地图详解》,这里就不做介绍了!

帝国cms网站地图sitemap.html的制作方法1:

1、打开标签模板 头部【模板】-左侧【标签模板】-【管理标签模板】

2、点击右侧的 【增加标签模板】,依次来填写:

【模板名(*):】网站地图

【页面模板内容(*):】代码如下

<dl class="sitemapclass" > 
<dd class="sitemapclass1"> 
<h2><a href="[!--bclassurl--]">[!--bclassname--]</a> </h2>
</dd> [!--empirenews.listtemp--][!--empirenews.listtemp--] </dl>

【列表内容模板(list.var) (*):】代码如下:

<dd class="sitemapclass2" ><h3><a href="[!--classurl--]">[!--classname--]</a> </h3></dd>

填写完上面3个之后,保存就可以了。

帝国cms网站地图

3、保存之后,再打开【标签模板】,查看新创建的标签模板ID号。【图片中,网站地图的标签模板为13 在后面的操作中会用到】

4、接下来,新创建一个自定义页面。

自定义页面位置【栏目】-【自定义页面】-【增加自定义页面】

http://7kttrt.com1.z0.glb.clouddn.com/%E5%B8%9D%E5%9B%BDcms%20sitemap4.jpg

依次填写如下:

【页面名称(*):】: 网站地图

【文件名(*)】 : ../../sitemap.html (这里是文件保存地址,上面填写的是保存在根目录下)

【页面内容(*)】 :代码如下。注意:下面标红的13要与你自己的标签ID一致。

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>网站地图</title>
<link href="[!--news.url--]skin/default/css/sitemap.css" rel="stylesheet" type="text/css" />
</head><body><div class="memberhead"><div class="memberhead1">
<div class="memberheadlogo"><a href="[!--news.url--]" >
<IMG alt="这里替换你的网站名称" src="[!--news.url--]skin/default/images/logo.jpg" width="247" height="64"  border="0">
</a></div><div class="memberheadtext"><a href="[!--news.url--]">[!--temp.webname--]</a>>
<a href="[!--news.url--]/sitemap.html">网站地图</a></div> </div> </div><div class="sitemapweb">
<dl class="sitemapclass" > <dd class="sitemapclass1">
<h2><a href="[!--news.url--]">[!--temp.webname--]</a>
</h2> </dd>  </dl>  [listshowclass]'0',13,1,0[/listshowclass] 
</div>
<div class="memberfoot">
<span class=vdn><a href="[!--news.url--]">这里替换你的网站名称</a>版权所有,转载敬请署名!</span>
</div>
</body>
</html>

OK,填写完之后保存就可以了。你的网站地图就是http://域名/sitemap.html ,如果在以后增加或者删除了栏目之后,重新生成一下静态页面就可以了。

至此,整个网站地图就制作完成了。为方便大家直接使用,附上CSS代码(请移步文章末尾下载:CSS代码文件sitemap.css)。下载sitemap.css后将其保存在/skin/default/css/sitemap.css 这里,大家可以根据实际情况修改,当然了,你也可以直接把css文件放在这个静态页面里。

效果样式如图:

利用循环栏目导航标签及自定义页面制作帝国CMS网站地图:

第一步:增加标签模板

帝国CMS网站后台--【模板】-左侧【标签模板】-【管理标签模板】

可以增加一个标签模板,也可以直接使用 ID为1,模板名为[子栏目导航标签模板] 的标签模板

【模板名】改成--【子栏目导航标签模板-网站地图】

【页面模板内容(*)】改成:

<li> <a href="[!--bclassurl--]">[!--bclassname--]</a><ol>
[!--empirenews.listtemp--]
<!--list.var1-->
[!--empirenews.listtemp--]
</ol>
</li>

【列表内容模板(list.var) (*)】改成:

<li><a href="[!--classurl--]">[!--classname--]</a></li>

【保存模板】即可,如果想清楚理解,请查看【保存模板】下面的【[显示模板变量说明]】、【增加说明】

第二步:增加自定义页面

帝国CMS网站后台--【栏目】-左侧【自定义页面】-【管理自定义页面】

增加一个自定义页面

 

【页面模式】使用【直接页面式】

【页面名称(*)】取名为【网站地图】

【文件名(*)】使用【../../sitemap.html】----../../*.html表示这个html文件生成在网站根目录下

然后是【网页标题】、【网页关键词】、【网页描述】依次根据自己网站情况填写

最后是【页面内容(*)】:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " 
<html xmlns=" 
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>站点地图 - [!--pagetitle--]</title>
<meta name="keywords" content="站点地图,[!--pagekeywords--]">
<meta name="description" content="[!--pagedescription--]">
<meta name="generator" content="Baidu SiteMap Generator" />
<style type="text/css">
body {font-family: Verdana;FONT-SIZE: 12px;MARGIN: 0;color: #000000;background: #ffffff;}
img {border:0;}li {margin-top: 8px;}.page {padding: 4px; border-top: 1px #EEEEEE solid}
.author {background-color:#EEEEFF; padding: 6px; border-top: 1px #ddddee solid}
#nav, #menu, #content, #footer {padding: 8px; border: 1px solid 
#EEEEEE; clear: both; width: 95%; margin: auto; margin-top: 10px;}
</style>
</head>
<body vlink="#333333" link="#333333">
<h2 style="text-align: center; margin-top: 20px">
<?=$public_r[sitename]?>'s SiteMap
</h2>
<div id="nav">
<a href="[!--news.url--]">
<strong><?=$public_r[sitename]?>
</strong></a>  &raquo; 
<a href="[!--news.url--]sitemap.html">站点地图</a>
</div>
<div id="content">
<h3>最新文章</h3>
<ul>[e:loop={0,500,3,0}]<li>
<a href="<?=$bqsr['titleurl']?>" title="<?=$bqr['title']?>" target="_blank">
<?=$bqr['title']?></a></li>[/e:loop]</ul>
</div><div id="content"><h3>站点导航</h3>
<ul>[listshowclass]'0',14,0,0[/listshowclass]</ul>
</div><div id="footer">查看博客首页: <strong>
<a href="[!--news.url--]"><strong><?=$public_r[sitename]?></strong></a></strong>
</div><br /><center>
<div style="text-algin: center; font-size: 11px"><strong>
<a href="/sitemap.xml" target="_blank">SiteMap</a>
</strong> &nbsp;Powered by <a href="http://www.softhome.cc" target="_blank">奇芳阁</a>© 2008-2014
<a href="http://www.hnol.org" target="_blank">河南在线</a>
<br /><br /></div></center></body></html>

填写完之后提交保存,更新数据就可以了。你的网站地图就是http://域名/sitemap.html ,如果在以后增加或者删除了栏目之后,重新生成一下静态页面就可以了。

友情提醒:

1、获取的是网站-站点名称,如:奇芳阁

2、[!--news.url--]获取的是--网站地址,如果你发现生成的帝国CMS网站地图(sitemap),网站地址一直是/(斜杠),而不是你的域名,请移步-[后台]-[系统]-[系统设置]-[系统参数设置]-[基本属性]-[网站地址],将/改成你的网站网址http://www.softhome.cc/html/

3、[listshowclass]'0',1,0,0[/listshowclass]格式为[listshowclass]父栏目ID,标签模板ID,是否显示栏目信息数,显示栏目数[/listshowclass]。

最后网站的网站地图(sitemap.html)整体效果如何:

相关文件下载地址:

 方法1 CSS代码文件sitemap.css | 方法2页面内容代码

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

www.000webhost.com