帝国CMS网站地图sitemap的制作教程,分享2种帝国cms网站地图模板
帝国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个之后,保存就可以了。
3、保存之后,再打开【标签模板】,查看新创建的标签模板ID号。【图片中,网站地图的标签模板为13 在后面的操作中会用到】
4、接下来,新创建一个自定义页面。
自定义页面位置【栏目】-【自定义页面】-【增加自定义页面】
依次填写如下:
【页面名称(*):】: 网站地图
【文件名(*)】 : ../..http://www.softhome.cc/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--]http://www.softhome.cc/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[href="http://www.softhome.cc/listshowclass] </div> <div class="memberfoot"> <span class=vdn><a href="[!--news.url--]">这里替换你的网站名称</a>版权所有,转载敬请署名!</span> </div> </body> </html>
OK,填写完之后保存就可以了。你的网站地图就是http://域名http://www.softhome.cc/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> <href="http://www.softhome.cc/li>
【列表内容模板(list.var) (*)】改成:
<li><a href="[!--classurl--]">[!--classname--]</a><href="http://www.softhome.cc/li>
【保存模板】即可,如果想清楚理解,请查看【保存模板】下面的【[显示模板变量说明]】、【增加说明】
第二步:增加自定义页面
帝国CMS网站后台--【栏目】-左侧【自定义页面】-【管理自定义页面】
增加一个自定义页面
【页面模式】使用【直接页面式】
【页面名称(*)】取名为【网站地图】
【文件名(*)】使用【../..http://www.softhome.cc/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> » <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><href="http://www.softhome.cc/li>[/e:loop]</ul> </div><div id="content"><h3>站点导航</h3> <ul>[listshowclass]'0',14,0,0[href="http://www.softhome.cc/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> 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://域名http://www.softhome.cc/sitemap.html ,如果在以后增加或者删除了栏目之后,重新生成一下静态页面就可以了。
友情提醒:
1、获取的是网站-站点名称,如:免费软件之家
2、[!--news.url--]获取的是--网站地址,如果你发现生成的帝国CMS网站地图(sitemap),网站地址一直是/(斜杠),而不是你的域名,请移步-[后台]-[系统]-[系统设置]-[系统参数设置]-[基本属性]-[网站地址],将/改成你的网站网址http://www.softhome.cc/html/
3、[listshowclass]'0',1,0,0[href="http://www.softhome.cc/listshowclass]格式为[listshowclass]父栏目ID,标签模板ID,是否显示栏目信息数,显示栏目数[href="http://www.softhome.cc/listshowclass]。
最后网站的网站地图(sitemap.html)整体效果如何: