天兴工作室

在上一篇“zblog增加修改网站关键词、描述（description、keywords）的方法（上）“为大家介绍了修改zblog首页和列表页的关键词，描述方法，本文为大家介绍的是修改zblog文章页的关键词，描述。

zblog中文章页的模板是”single.html “，请按照以下步骤打开这个文件：

点击文件管理------打开zb_users文件夹------打开THEME文件夹----打开你正在使用的主题文件夹---打开TEMPLATE文件夹---找到single.html文件打开。

single.html文件分两种情况：

1、如果你在这个文件里面看到了<title><#ZC_BLOG_TITLE#><#ZC_MSG044#><#BlogTitle#></title>这一行代码，那么直接按照下面的教程步骤修改即可。

2、很多模板是用<#TEMPLATE_HEADER#>这个标签来调用header文件的，遇到这样的情况我们要做的就是打开当前使用的模板header.html文件，全部复制，然后替换掉single.html文件的<#TEMPLATE_HEADER#>。

然后按照以下步骤修改zblog文章页的关键词和描述：

找到标题代码，一般都是这样的：

<title><#ZC_BLOG_TITLE#><#ZC_MSG044#><#BlogTitle#></title>

在这行底下加入关键词和描述.

重点说明：由于文章页的关键词和描述不可能每一篇都是一样的，所以就要调用系统标签，zblog文章页添加关键词和描述的做法建议是这样的：

<meta name="Description" content="<#BlogTitle#> 是<#ZC_BLOG_TITLE#>中一篇关于 <#article/tagtoname#> 的文章，欢迎您阅读和评论,<#ZC_BLOG_SUB_NAME#>" />
<meta name="keywords" content="<#article/tagtoname#>"/>

解释说明：

描述中<#BlogTitle#>是文章标题，<#ZC_BLOG_TITLE#>是网站标题，<#article/tagtoname#>是文章分类名称，<#article/tagtoname#>。

关键词中<#article/tagtoname#>调用的是文章的关键词（tag）

大家也可以根据自己需求修改成别的标签。修改完了后别忘了文件重建。

最近很多朋友在问我zblog的关键词、描述怎么修改，虽然个人认为这是一个无用的东西，但是好多seo人士认为这个还是必须的。所以花了一点时间来写这一篇文章教大家怎么修改zbog的关键词、描述（description、keywords）。

首先转发一下官方的教程，教大家zblog模板内的文件都有什么作用：

1. header.html  头部模板

2. footer.html  底部模板

3. default.html  首页主模板文件

4. catalog.html  列表页模板文件

5. b_article-multi.html  摘要文章模板

6. b_article-istop.html  置顶文章模板

7. page.html 独立页面模板，默认tags、search均用该模板

8. single.html  日志页主模板文件

9. b_article-single.html  日志页文章模板

10. b_article_mutuality.html  每条相关文章显示模板

11. b_article_comment.html  每条评论内容显示模板

12. b_article_commentpost.html  评论发送表单模板

13. b_article_commentpost-verify.html  评论验证码显示模板

14. b_article_tag.html  每个tag 的显示样式

大家知道描述和关键词一般都是在html文件的区域里面，zblog里面一般都是在header.html这头部模板文件里面，好了现在我们来修改这个文件（建议安装启用文件管理这个插件直接在后台里面修改）

启用文件管理插件后在后台点击文件管理------打开zb_users文件夹------打开THEME文件夹----打开你正在使用的主题文件夹---打开TEMPLATE文件夹---找到header.html文件打开。

找到标题代码，一般都是这样的：

<title><#ZC_BLOG_TITLE#><#ZC_MSG044#><#BlogTitle#></title>

在这行底下加入关键词和描述，具体代码是这样的：

<meta name="description" content="天兴通讯 为你第一时间更新武汉市移动 联通 电信的优惠活动，收集并详细介绍武汉移动、联通、电信最全的套餐资费。" />
<meta name="keywords" content="武汉移动,武汉联通,武汉电信,移动套餐,移动资费,优惠活动,联通套餐,联通资费,电信资费,电信套餐" />

解释说明：meta name="description" 这一行是描述，meta name="keywords"这一行是关键词。

然后保存，文件重建，前台就可以看到效果了。

zblog的应用中心里面还有一个专门设置关键词和描述的插件，叫做“NOBIRDArticleSEO”，不过貌似没有什么效果，菜鸟可以下载这个插件设置，其实只要按照本文所说的步骤一步一步来，细心点是不会出错的。

这是修改首页和列表页关键词,描述的方法，下一篇教大家修改zblog文章页的关键词,描述。

最近在帮客户用dedecms做一个网站的时候遇到了一个问题：这个网站有很多分类，但是首页不是按分类来调用栏目的，而是需要调用同一个标签的文章。

例如：在栏目一发布了一篇文章的标签是吃，在栏目二发布了一篇文章的标签也是吃，需要把这两篇文章调用在首页的同一个板块里面，说起来可能很简单，做起来还是花了一番心思的。

分享下我的办法：（百度了好长时间才解决的额）

思路：在后台发布文章的时候要给文章做好分类标签，在前台调用同一个标签的文章。

用哪个标签来实现这个功能呢？关键词？还是其他的什么标签，我先试着在后台增加了一个字段，希望在发布文章的时候在这个字段内写上一个标签，然后在前台调用同一个标签的文章。后来发现根本不可行。pass掉。

期间还花了其他的很多心思，都以失败告终。

最后仔细研究其dedecms的“智能标记向导”

试过很多，最后才把注意打到了附加属性上面，还真的找到了办法。思路如下：先添加一些附加属性，后台发布文章的时候勾选一个附加属性，前台调用同一个附加属性的文章。

百度了很久，把整个问题解决了，附上代码：

1、添加附加属性：后台系统-SQL命令行工具，添加以下代码执行：

insert into `yeshi_arcatt`(sortid,att,attname) values(9,'z','吃');
alter table `yeshi_archives` modify `flag` set ('c','h','p','f','s','j','a','b','z') default NULL;

解释：

第一行的最后面代码：吃代表附加属性名称，z代表附加属性的id。

第二行要在'b',这个部分加上第一行增加的附加属性ID。添加第二个附加属性的时候id就要加在第一个附加属性id的后面，以此类推，一个都不能少额。

完成后在发布文章页面就会出现了：

2、前台调用：在模板文件添加以下代码：

{dede:arclist flag='y' row='8' titlelen='30' orderby='pubdate' idlist=''}
<li>[field:textlink/]</li>
{/dede:arclist}

解释：flag='y'代表这里调用的是附加属性id为y的文章。

这样就大功告成了，不用管栏目分类什么的，调用同一个附加属性的文章就是这样实现的。希望对大家有所帮助。

在zblog官方文档里面看到的这个，个人拿来使用了下，觉得效果还可以，借花献佛：

让导航突出显示当前页链接条目我们的大致思路是这样的，首先用js给导航部分中当前链接项加个区分的ID,如<li id=“current”>首页</li>，然后再用CSS定义就完成了。

步骤如下：

1、将以下代码放置在网站导航代码的后面。修改pageNav为你正在使用的主题导航栏的id名称。

<script type="text/javascript">
$("#pageNav>ul>li>a").each(function() {
    if ($(this).attr("href").toLowerCase().replace(/\/|[&#].*/g,"") == document.URL.toLowerCase().replace(/\/|[&#].*/g,"")){
        $(this).attr("class","current"); //给当前页的<a>加上class="current"，如<a class="current">首页</a>
    }
});
</script>

2、将以下css代码放置在正在使用的主题的css文件里面，可以根据实际情况修改css

#menu ul li a.current {
 background-color:#fff;
 color:#0B1316;
}

好了，文件重建下看看效果。

本站已经使用了这段代码，大家可以参考看看，不过我发现了一个问题，貌似这个效果只在栏目页有效，在内容页没有效果，不晓得是为什么，正在研究在，研究出来了也会发出来的。

zblog中的ytcms和minitu两个插件搭配起来可以做出很多效果，例如本站首页的这个两个效果，如下图：

这里就涉及到了一个问题，怎么设置这个缩略图的大小还要保证图片不变形呢。

minitu插件的后台是可以设置图片大小的，这个当然可以解决问题，但是如果一个网站有几处使用了缩略图，并且缩略图的大小并不一样的时候，就要想别的办法了。

个人喜欢使用的是用css定义（当然还有其他的办法），分享下个人心得。

minitu调用出来的图片代码为

<a href="****" target="_blank" title="****"><img src="****" alt="****" /></a>

如果直接用css定义img的大小又会出现一种问题，博客内的配图有很多是随心所欲的，并不一定都是先用作图软件裁剪好了比例的，如果用css直接定义img的宽度和高度，图片就又会变形，我的思路是这样的：

用一个div把图片代码放在里面，用div标签用多了可能会乱套，所以个人习惯用<i></i>标签把图片代码装起来，定义一下<i>的css，代码是这样的：

<i id="tu"><a href="****" target="_blank" title="****"><img src="****" alt="****" /></a></i>

css这样定义：

1、定义<i>的高度和宽度，超出隐藏。

2、定义img的宽度和<i>的宽度一致，高度不定义，完整css代码是这样的：

#tu {
    display: block;
    height: 106px;
    width: 144px;
    overflow: hidden;
}
#tu img {
    width: 144px;
}

这样就不会让图片变形，看起来舒服些。如果有几处要这样调用的，修改下id的名称，然后修改不同id下<i>的宽度高度和img的宽度就ok了。

希望对大家有所帮助，如果你觉得这样定义不太好的话也欢迎指正额。

今天在帮一个客户制作模板的时候发现了几个问题，折腾了半天解决了，记录下，给自己一个提醒。

第一个问题是查看不了被仿网站的源代码：仿站自然是要看被仿网站的源代码，有的网站为了防止我这种人，于是用js禁止了查看源代码这个功能，有办法禁止自然就有办法破解，解决办法就是这样：

在浏览器的地址栏直接输入：view-source:http://www.xxxx.com （http://www.xxxx.com 为网站地址）就可以直接查看这个网站的源代码了。

第二个问题是zblog安装多说评论插件后不显示：客户要求这个模板要用多说评论插件，于是模板做好了安装了多说插件，设置好文件重建发现前台页面根本不显示，查看源代码发现多说的代码在，就是不显示。

头疼，于是开始排查。

先以为是无觅和多说冲突，把无觅的所有代码全部清除，发现还是问题没有解决。

换官方默认模板，多说可以正常显示，于是确实是模板问题。

从模板开始入手，先删除所有的js文件，问题没有解决，删除css，问题没有解决，删除很多认为有问题的代码，问题还是没有解决。

没办法，只好用了一个笨办法，把官方默认模板的代码复制过来后一点一点的替换，最后终于找到了原因，那就是：没有zbog的版权代码导致的。
多说评论插件的作者是zsx，也是zblog的开发者之一，估计这样做的原因就是抵制那些删除了zblog版权的人吧，个人是从来不会删除zblog的版权代码的，但是有些客户第一要求就是删除zblog的版权代码，没办法额。

如果有朋友遇到了一样的问题，赶紧加上zblog的版权代码吧，问题就这样解决了，好累。

天兴通讯主站用的是dedecms，栏目分类很多，有很多二级栏目。今天突然心血来潮准备把这些二级栏目搞一个下拉菜单，dedecms之前的版本是自带这个功能的，后来不晓得为什么新版本就把这个功能取消掉了，但是js文件和css都还在，于是百度之。

出来的搜索结果打开一看全都是一模一样，很明显全是是转载的。（我起码看了20篇左右，真的是一模一样啊，一个字没改的，汗！）

我个人整理的方法步骤如下：

第一步：在模板文件夹里面找到“footer.html”文件，在里面任意位置加上这些代码：

<script type=’text/javascript’ src=’{dede:global.cfg_cmsurl/}/images/js/dropdown.js’></script>
{dede:channelartlist typeid=’top’ cacheid=’channelsonlist’}<ul id=”dropmenu{dede:field.typeid/}”>
{dede:channel type=’son’ noself=’yes’}  <li><a href=”[field:typelink/]“>[field:typename/]</a></li>
{/dede:channel}
</ul>
{/dede:channelartlist}
<script type=”text/javascript”>cssdropdown.startchrome(“navMenu”)</script>

第二步：如果你修改了dedecms默认的css文件“dedecms.css”，那么你必须保证css里面有以下css代码：

.dropMenu{position:absolute;top:0;z-index:100;width:80px;visibility:hidden;margin-top:-1px;border:1px solid #036;border-top:0 solid #3CA2DC;background-color:#FFF;padding-top:6px;padding-bottom:6px;}.dropMenu li{margin-top:2px;margin-bottom:4px;padding-left:0;}.dropMenu a{width:auto;display:block;color:#000;padding:2px 0 2px 1.2em;}* html .dropMenu a{width:100%;}.dropMenu a:hover{color:red;text-decoration:underline;}

第三步：更新首页看一下，效果已经出来了，然后只需根据自己的页面需求修改css即可。

如果你刷新了还是没有出现效果，那么你肯定是和我一样修改了导航部分的代码。经过我研究了半天发现了其实是这样的：

1、首先你要确定你的导航代码是这样的

{dede:channel type='top' row='10' currentstyle="<li class='hover'><a href='~typelink~' ~rel~><span>~typename~</span></a></li>"} <li><a href='[field:typeurl/]' [field:rel/]><span>[field:typename/]</span></a></li> {/dede:channel}

2、同时还要确定你导航必须要放在一个id为“navMenu”的div里面，class可以自己定义。

3、要确保你网站有这个js文件“/images/js/dropdown.js”。

好了，确保上面三点后你的下拉菜单绝对出来了对不对？如果还没有出来！请自行研究或者测试下你的人品。

ie浏览器绝对是做网站的人的噩梦！

最近接了一个制作网站模板的活，超级复杂，好不容易搞定后客户反映说网站在ie浏览器下显示有问题。电脑装的是ie6，用ie6根本打不开。客户的电脑装的是ie8，截图给我看的时候发现在ie8下出现了很匪夷所思的错误。

破口大骂ie真的是尼玛垃圾东西。微软的脑子进水了。

在其他的浏览器（谷歌、火狐）显示都是正常的，在国产的360、搜狗、傲游等极速模式下也正常，就是尼玛ie这一道关口过不去，卡死了。

ie浏览器真的不适合浏览那些超级复杂的网：加载速度慢、动不动就吧电脑卡死了、很多css根本不支持、特殊效果不支持。

真心希望ie早点被淘汰掉，那样整个世界都清净了。

最近接了几个客户的zblog仿站业务，忙活了几天。今天觉得要把自己的一些想法记录下来，以免忘记。

1、YTCMS用好了zblog就跟cms内容管理系统是一样的。

2、mititu这个插件也非常有用，只是要注意的是在主页和分类页用的是<#article/intro/minitu#>调用，跟ytcms结合在侧栏调用则需要这个标签调用

 { $MiniTu_Build (article.title,article.content,article.url) }

3、zblog2.0的rss链接由rss.xml改成了feed.asp。

再说说自己的一些个人经历，仿了一个中国网站和一个外国的网站。

不得不感叹外国站真的是生猛，一个网站用了12个css文件和16个js文件！我寻思着外国的宽带到底是要多快才能让这些做网站的肆无忌惮的用这么多的css和js啊？

还有html写法不一样，div的class定义名特别的长，css写法也有好多不是很懂，在ie浏览器根本不能正常显示，看来外国网站已经彻底放弃了ie了。

对于外国网站总结一点就是喜欢用js和大量的css做出一个非常简洁但是功能很强大的网站。其中很多的js特效只是为了定义一个浮动效果！我彻底无语了。

国内网站蛮好看懂，打开源文件稍微看下就知道是个什么结构了，由于中国的特殊国情，对于ie6支持还是必须的。所以国内网站的css还是处于基本的语法，其实个人觉得这样也蛮好的，毕竟想要漂亮的网站界面就需要大量的代码和图片，对于中国缺斤少两的宽带来说确实是不可行的。

放上正在制作中的模板图片，好累，感觉不会再做了。

做了两个zblog2.0模板加上本博客正在使用的这个模板，一共是3个模板。（其他两个模板下载地址：天兴zblog2.0模板正式发布 附打包文件、天兴zblog2.0模板第二波 仿百度贴吧精简布局模板），今天818做这几个模板的个人心得。

做第一个模板就是现在本博客用的模板的时候没有想过给别人用，所以里面很多的链接都是固定的，导航栏、友情链接甚至内容页的”meta“内容都是固定的。因为这样很方便，可以不用去调用zblog的标签。这个习惯多多少少影响到了我，以至于在做其他主题的时候，遇到需要动态调用的东西时，用的都是”<#CACHE_INCLUDE>“调用的。

在zblog论他发布第一个主题的时候版主就提醒我可以用一个”主题制作插件“解决这个问题，当时没往心里去，当时的os是”又不是蛮复杂，修改个html文件难道不会么？“

后来帮一个客户做一个主题的时候发现，有的人是完全不懂html代码的，所以你要他们去修改html代码根本是行不通的，多简单的代码也不行。

在zblog的开发者中心阅读了下”主题发布须知“。觉得zblog的开发者们想法是正确的：保证刚会使用 Z-Blog 的初级用户可方便的使用主题.； 保证不会网站制作, 图片制作的用户可方便的使用主题； 保证用户在不做修改的情况下不必忍受主题里夹带的广告, 链接, 统计代码, 等物件所带来的烦恼。

做主题是给大家用的，你不知道使用的是什么人，有可能是刚接触网站的朋友，主题有一点难度他们就有可能卡在那里过不去而直接抛弃你的主题。

今天下午就花了点时间把我的”天兴zblog2.0模板第二波 仿百度贴吧精简布局模板“这个主题做了相应的修改，把里面所有的需要修改代码什么的全部替换掉，保证新用户能安装即用，不需要接触任何代码。感兴趣的朋友可以去这里下载：http://bbs.rainbowsoft.org/thread-78979-1-1.html  
通过此事我学到的道理是：永远要以别人的角度去看待事情，你会做得更好。