首页 | 源码下载 | 网站模板 | 网页特效 | 广告代码 | 网页素材 | 字体下载 | 书库 | 站长工具
会员投稿 投稿指南 RSS订阅
当前位置:主页>设计在线>网页设计>资讯:分享通用修改模板的方法

分享通用修改模板的方法

www.jz123.cn  2011-01-28   来源:   站长家园会员投稿    李学朋    我要投递新闻

以前李学朋分享过很多修改模板的方法,但是都是直接告诉大家这个问题应该修改哪个模板,并没有告诉大家我修改模板的方法,我觉得这方法适用于所有对编程对HTML不熟悉的人。最近很多朋友问我同样的问题,他想在页面的某一个地方加上一些广告、统计代码、文字信息等等,不知道怎样修改模板可以加上去。今天李学朋统一回答这个问题,教大家我现在使用的方法。该方法是通用方法,适合大多数的模板的修改。如果有朋友的方法比我这高明还请你给我指点一下。

我们先来看看我博客上面的案例:

我自己在我博客首页上面加上了很多广告位,我为什么会知道要加在这个地方?其实不难。我一步一步说一下吧。

第一步:

       上程序的官方网站找官方发布的二次开发介绍以及模板开发介绍。我的是Z-BLOG的博客,所以我上Z-BLOG官方网站查看。
详情登陆官方查看:http://wiki.rainbowsoft.org/doku.php?id=themes:template
当然我的只是Z-BLOG系统,如果你的是其他的系统那就上相应的官网查询,如果你的是建站公司建立的网站可以询问建站公司的工作人员。

从官方网站的介绍中可以看出:

 

主页模板,栏目页(导航页模板),和内容页模板,今天我只拿首页模板来具体讲解下,其他的模板的修改方法类似。

通过官方介绍我可以确定我的首页模板文件是这个:

怎样查看模板名字?在Z-BLOG后台“网站设置管理”即可看见模板名字。

 

第二步:

       FTP下载或者网站后台找到该文件(Z-BLOG可以在后台对模板进行编辑),其他网站系统可能无法在后台编辑,那么就通过FTP找到该文件然后下载。下载的文件用记事本或者Dreamweaver打开。

第三步:

        确定需要加入的信息放在哪里.在这里我们可以看第一张图,我想把百度联盟里面的广告加到“最近发表”的上面。我会在百度里面把广告位的高度、宽度都设置好。

然后打开首页,鼠标右键“查看源文件”得到如下图所示的代码:

 

然后在这文本里面俺CTRL+F (查找功能)查找“最近发表”如图:

 

确保这是唯一的一个,有些朋友可能会查找到多个,这样的情况下你需要具体的分析下哪个才是自己想加入广告的地方。。然后找到控制该“最近发表”文章列表的整个DIV (有些是TALBLE)如图所示控制这个文章列表的是ID为divPrevious的DIV,复制这个ID号。

第四步:

进入我们的模板文件按CTRL+F查询这个ID,我们可以找到如下代码。

 

        这里说一下以上代码  <div>是开始   </div>是结束,当我们找到这块“最新文章”列表代码时在整块的上方腾点地方出来放我们的广告。


注释:<!--这中间是注释内容,便于人管理代码用的,以后维护广告位比较方便-->。
然后按照上图所示把自己的广告位代码放入其中就行了。

以上的方法只适用于有文字的页面,当我们都是图片的时候怎么办?
那么鼠标指着该图片右键--“属性”查看该文件的地址,把地址复制下来,这个地址就相当于“最新发表”这几个字,然后按照上面的步骤一步一步的操作。

最后保存退出,有伪静态的需要文件重建(重新生成)。

以上只是我经常使用的修改模板的方式(在对模板结构不清楚的情况下用的),各位高手如果有其他更好的方式请告知我,谢谢。


上一篇:2011年网站设计的趋势及发展方向 下一篇:刘永得:以Zblog博客优化《纵唐品牌设计》上

评论总数:0 [ 查看全部 ] 网友评论


关于我们隐私版权广告服务友情链接联系我们网站地图