你的位置: 奇芳阁 帝国教程 阅读文章     

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

[ 帝国教程 // 2014-12-14 ]


帝国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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><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)整体效果如何:

相关文件下载地址:

打赏

如果本站对您有所帮助,请考虑对本站进行小额捐赠:

捐赠免费软件之家
各位请注意,目前发现 0 位寻荒者 在附近海域漂移!

报歉!评论已关闭.