发现问题解决问题
文章目录
- 发现问题解决问题
- 文档链接
- 缺少标签 网站相关信息
- 缺少功能(==设为首页==)
- 无障碍阅读(非简易模式)
- 首页列表要加新,信息显示要加满
- 弹窗颜色主色调
- 所有本站地址不要加域名
- 首页信息数据要加满,不要随便填写一些测试数据,从老站复制过来
- 友情链接要和老站一样
- 注意==选项卡==上面有没有链接
- ==友情链接==中的链接二字不要写错了
- ==首页更多==的a标签链接不要加漏了
- 网页底部需要添加,网站统计信息的代码
- 栏目页元素等高
- 搜索页面中的你的位置 不能使用 {ls:nav /}
- 导航需要加当前选中的状态代码
- docLIst调用的标签里面 li 需要加上overflow:hidden ;因为加粗、下划线……在IE部分浏览器中;li里面的内容会出现异常;
- 文章详细页需要加一段代码(需要注意调用的代码类名也要一样)
- 页面缺少最小宽度
- 搜索框中的 value 值
- 标点符号的使用
- 文章页 需要的样式
- 漂浮图片
- 单页面发布时间与文章来源调用(加判断)
- 登录与加入收藏
- 搜索 校验错位问题
- 栏目页标题通用样式
- 网站地图
- 模板标题用新的方法调(2019年)
- 视频文章页
文档链接
缺少标签 网站相关信息
<meta name="keywords" content="{ls:keyWords /}">
<meta name="description" content="{ls:description /}">
{ls:metaInfo /}
缺少功能(设为首页)
// 设为首页and加入收藏(代码从老站复制下来)
function AddFavorite(sURL, sTitle) {
var sURL = window.location.protocol+'//'+window.location.host;
try {
window.external.addFavorite(sURL, sTitle);
} catch (e) {
try {
window.sidebar.addPanel(sTitle, sURL, "");
} catch (e) {
alert("加入收藏失败,请使用Ctrl+D进行添加");
}
}
}
function setHomepage() {
if (document.all) {
document.body.style.behavior = 'url(#default#homepage)';
document.body.setHomePage(window.location.href);
} else if (window.sidebar) {
if (window.netscape) {
try {
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
} catch (e) {
alert("该操作被浏览器拒绝,如果想启用该功能,请在地址栏内输入 about:config,然后将项 signed.applets.codebase_principal_support 值该为true");
}
}
var prefs = Components.classes['@mozilla.org/preferences-service;1'].getService(Components.interfaces.nsIPrefBranch);
prefs.setCharPref('browser.startup.homepage', window.location.protocol+'//'+window.location.host);
} else {
alert('您的浏览器不支持自动自动设置首页, 请使用浏览器菜单手动设置!');
}
}
使用方法
<a href="#" onclick="setHomepage(window.location,document.title);this.setHomePage();">设为首页</a>
<a href="#" onclick="AddFavorite(window.location,document.title)">加入收藏</a>
无障碍阅读(非简易模式)
<a href="javascript:top.location.href='/wza/index.html'" title="无障碍阅读">
无障碍阅读
</a>
首页列表要加新,信息显示要加满
new 图片需要自己添加,参考老站的来,注意一定要加
弹窗颜色主色调
主要是按钮的颜色
.jump-info .btn-group .btn {
background-color: #f40;
}
所有本站地址不要加域名
去掉 协议 域名 ;只保留 端口号后面的路径即可;
首页信息数据要加满,不要随便填写一些测试数据,从老站复制过来
友情链接要和老站一样
注意选项卡上面有没有链接
友情链接中的链接二字不要写错了
首页更多的a标签链接不要加漏了
网页底部需要添加,网站统计信息的代码
<span class="j-sitestats" data-setting="{siteId:,isTimes:false}"></span>
<!-- siteId 为站点id -->
栏目页元素等高
<div calss="left j-dg-left" > </div>
<div class="right j-dg-right"></div>
搜索页面中的你的位置 不能使用 {ls:nav /}
<span>
<a href="/index.html">首页</a>
> 关键词
<span class="search-keywords"></span> 搜索结果
导航需要加当前选中的状态代码
{ls:columnActive id="" name="on"}{/ls:columnActive}"
<!-- name 为 class 的名称; id 为当前栏目的id; -->
<ul class="navUl">
<li class="indexPage"><a href="/index.html">首页</a></li>
<li class="{ls:columnActive id="" name="on"}{/ls:columnActive}">
<a href="/gzdt/gzdt/index.html" title="工作动态">工作动态</a>
</li>
</ul>
docLIst调用的标签里面 li 需要加上overflow:hidden ;因为加粗、下划线……在IE部分浏览器中;li里面的内容会出现异常;
.doc_list li {
overflow: hidden;
}
文章详细页需要加一段代码(需要注意调用的代码类名也要一样)
<style>
.newstitlet{color:[ls:topTitleColor];#if("[ls:topIsBold]"=="1")font-weight:bold;#end #if("[ls:topIsTilt]"=="1") font-style:italic;#end #if("[ls:topIsUnderline]"=="1")text-decoration:underline;#end }
.newstitle{color:[ls:titleColor];#if("[ls:isBold]"=="1")font-weight:bold;#end #if("[ls:isTilt]"=="1") font-style:italic;#end #if("[ls:isUnderline]"=="1")text-decoration:underline;#end #if("[ls:isLight]"=="1")font-weight:bold;color:#cd3501;#end}
.newstitlef{color:[ls:subTitleColor]; #if("[ls:subIsBold]"=="1")font-weight:bold;#end #if("[ls:subIsTilt]"=="1") font-style:italic;#end #if("[ls:subIsUnderline]"=="1")text-decoration:underline;#end}
.newstitles{color:[ls:smallTitleColor];#if("[ls:smallIsBold]"=="1")font-weight:bold;#end #if("[ls:smallIsTilt]"=="1") font-style:italic;#end #if("[ls:smallIsUnderline]"=="1")text-decoration:underline;#end }
</style>
调用代码(仅供参考)
<!-- 调用 -->
#if("[ls:topTitle ]"!="") <h3 class="newstitlet">[ls:topTitle ]</h3> #end
<h1 class="newstitle"">[ls:title ]</h1>
#if("[ls:subTitle]"!="") <h2 class="newstitlef">[ls:subTitle ]</h2> #end
#if("[ls:smallTitle ]"!="") <h4 class="newstitles">[ls:smallTitle ]</h4> #end
页面缺少最小宽度
html,body {
min-width: 1002px; /*非固定值*/
overflow: auto; /*部分情况下;最下宽度不生效;最好加上*/
}
搜索框中的 value 值
主要是data-rule与placeholder中的值尽量一样
<form action="/site/search/">
<ul>
<li class="searchTitle">
<input type="text" name="keywords" value="" size="24" placeholder="请输入搜索关键字" maxlength="30"
data-rule="关键字:required;required2"
data-rule-required2="[/^[0-9a-zA-z\u0391-\uFFE5\s\[\]\(\),.《》]+$/, '关键字不允许含有特殊字符']" />
</li>
<li class="searchSubmit">
<input type="submit" name="" id="" value="" />
</li>
</ul>
</form>
标点符号的使用
冒号用中文,分号用英文的
<!-- 如:此处冒号是中文的 -->
当前位置:
文章页 需要的样式
/*非固定值*/
.artBody .artContent {
font-family: 宋体;
font-size: 15px;
font-size: 15pt;
overflow-x: auto;
line-height: 1.8;
text-align: justify;/*防止文章部分情况下两端空白区域大小不一样(不对齐)*/
}
.artBody .artContent table,
.artBody .artContent img{
min-width: 100%;
}
漂浮图片
/* 默认隐藏 */
.j-float {
display: none;
}
/* 漂浮图片 */
.j-float img {
z-index: 999;
position: relative;
}
选项卡 更多 按钮地址自动切换
主要参数
<ul class="ulBtn">
<li class="active">
<a href="" data-id="#tab1" data-toggle="mouse" data-more="#more1" data-url="/xwzx/mjyw/index.html">民建要闻</a>
</li>
<li>
<a href="/xwzx/hwgz/index.html" data-id="#tab2" data-toggle="mouse" data-more="#more1" data-url="/xwzx/hwgz/index.html">会务工作</a>
</li>
<li>
<a href="/xwzx/jcdt/index.html" data-id="#tab3" data-toggle="mouse" data-more="#more1" data-url="/xwzx/jcdt/index.html">基层动态</a>
</li>
<!-- 此处需要li给单独的样式名称; 否则IE7 会出现兼容性问题; -->
<li class="">
<a href="/xwzx/mjyw/index.html" class="more" id="more1" target="_blank">
<img src="/_res/images/more.png" alt="">
</a>
</li>
</ul>
单页面发布时间与文章来源调用(加判断)
#date_format("$!resultObj.publishDate","yyyy-MM-dd HH:mm")
#if("$!resultObj.resources"!="") 信息来源:$!resultObj.resources#end
登录与加入收藏
<a href="javascript:void(0)" class="fr j-favorites" data-setting={siteId:}>加入收藏</a>
<span id="member_info" class="fr" data-setting="{siteId:$!{global_siteId}}"></span>
搜索 校验错位问题
margin: 0;
padding: 0;
float: none;
栏目页标题通用样式
/* 通用栏目(文字列表)标题 整个区域 */
.columnName {
background: none;
height: 30px;
font-size: 16px;
font-weight: 700;
background: #efefef;
line-height: 30px;
}
/* 标题 */
.columnName .title {
width: auto;
float: left;
}
/* 更多 按钮 */
.columnName .more {
float: right;
font-size: 12px;
margin-right: 10px;
}
网站地图
template
<!-------主内容 on------->
<div class="con_main dty_main">
<div class="dty_title">$!{global_column.name}</div>
{ls:siteMap id="" lev="2,3" columnIds="" link="true"}{/ls:siteMap}
</div>
<!-------主内容 end------->
style
/*****网站地图****/
.dty_main{ padding: 30px 60px;}
.dty_title{height:72px;line-height:72px;text-align:center;font-size:30px;letter-spacing:5px; font-family:"微软雅黑","宋体", "Microsoft YaHei", Arial, Helvetica, sans-serif;}
.dty_contain{height:auto;min-height:300px;_height:300px;font-size:16px; overflow:hidden;}
.dty_mutitle{height:42px;line-height:42px;background: url(../images/wzdt_line.gif) repeat-x bottom;overflow:hidden;margin-top:16px;}
.dty_mutitle a{display:block;float:left;height:40px; text-align:center;line-height:40px;color:#b90100;font-size:18px; padding: 0 10px; white-space:nowrap; font-weight:bold; border-bottom:2px solid #b90100; }
.dty_mutitle a:hover{color:#b90100;}
.dty_sublb{padding-top:20px;}
.dty_sublb:after{visibility:hidden;display: block;font-size: 0;content:" ";clear:both;height:0;}
* html .dty_sublb {zoom: 1;} /* IE6 */
*:first-child+html .dty_sublb {zoom: 1;} /* IE7 */
.dty_sublb ul li{float:left;height:40px;width:15.6%; text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; margin-bottom:10px; margin-right:0.5%; padding-left:0.5%;}
.dty_sublb ul li a{line-height:38px;font-size:16px;color:#666; border: 1px solid #eee; background: #f3f3f3; display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dty_sublb ul li a:hover{ border:1px solid #b90100; background: #fff; color:#b90100;}
模板标题用新的方法调(2019年)
- 首页
<title>$!{global_site.name}</title>
- 栏目页(通用栏目页)
<title>$!{global_column.name}_$!{global_site.name}</title>
- 文章页(文章详细页)
<title>#filterHtml("[ls:title]_$!{global_site.name}")</title>
- 搜索模板(如果没有建栏目就调用下面的方法)
<title>搜索_$!{global_site.name}</title>
视频文章页
<div class="video_main_content" style="text-align: center;">
<span class="video-player" data-url="[ls:videoPath]" ></span>
</div>