推56论坛

 找回密码
 立即注册(限中文)

QQ登录

只需一步,快速开始

    查看: 1320|回复: 0

    [z-blog教程] 【第六节】Zblog-default.html模板左侧栏修改

    [复制链接]
    发表于 2013-1-3 01:20:47 | 显示全部楼层 |阅读模式
    zblog教程六-Zblog-default.html模板左侧栏修改
    zblog-通过css改变文档结构显示方式 [CSS样式表,它是用来控制页面的呈现方式.]
    关键词:魔兽世界,WOW,魔兽世界视频,WOW视频,魔兽世界新闻,魔兽世界插件,魔兽世界地图,魔兽世界秘籍,魔兽世界文章,WOW插件

    网站Title:魔兽世界主题网 –提供 WOW视频,WOW,魔兽世界视频,WOW视频,魔兽世界插件,WOW插件…

    网站名称:魔兽世界主题网

    网站简介:WOW副本,魔兽世界副本等等一系列的魔兽世界文章,WOW新闻。

    网站分类:魔兽世界新闻,魔兽世界视频,WOW插件,WOW地图,魔兽世界秘籍,WOW小说

    默认模板里各文件内容说明:
    http://wiki.rainbowsoft.org/doku ... 9%E8%AF%B4%E6%98%8E

    默认模板侧栏目代码整理和注释:………………………..120页
    http://wiki.rainbowsoft.org/doku.php?id=themes:sidebar

    在我们准备好以上信息后,就可以正式开始修改default.html了,不过为了让新手比较容易理解我们修改的原则,再增加一点seo的基础知识。

    链接:类似于书本目录,标题文字[源头文字],文章页码[链接网页]。在HTML里是用<a href=”链接网页的地址”>源头文字</a>

    内部链接:在同一个网站内的网页之间的链接。

    外部链接:其他网站对我们网站内的某个网页的链接。

    搜索引擎机器人就是通过链接来到我们的网站的,所以我们为了让我们的网页尽可能多的被搜索引擎机器人发现收录到数据库,我们要尽可能多的增加一些内部链接,达到环环相扣的这样一种效果。

    我的目标简单如下:其中原则是关键字靠左靠前,关键字均匀出现,无用的功能取消的,尽量增加一些内部链接进入。

    ZblogRSS链接:http://127.0.0.1/zblog/rss.xml

    最近留言,最近引用,日历,这些取消掉。

    控制面版,可以放在网站版权后面的位置。

    Tags放在标题下面和摘要之间。

    发布者删除点。

    添加广告:自定义模块

    侧面栏:加入tags.

    这里为了配合seo,我们需要用一个很有用的插件。[这里我们会在以后的教程里陆续介绍一些zblog的技巧和一些插件的使用。]

    列表插件(文章排行) v0.8

    列表插件 for Z-BLOG 1.8是一个对ZBLOG现有的文章列表的扩充插件,此插件提供了19种列表,提供了包括(文章排行,随机文章)等多种文章列表,极大的扩充了文章列表以及侧边栏的种类,让你的博客更好的展示文章.甚至可以借助此插件将你的博客改装成小型CMS.
    0.8版中新增加两种列表分类为:各分类最新评论回复列表,各分类热门排行文章列表。此二列表的产生,对于CMS主题来说,可以更好的发挥CMS的功能。

    我们用到的是:
    完全随机文章,不要用JS代码或者批量JS代码,我们查看源代码,会发现搜索引擎机器人无法阅读JS内容,所以这里我们原本想起到的效果是添加关键字,但目的没有达到,所以我们要用include代码。

    TAGS列表使用

    其他的大家可以自行测试使用。

    大致就是这样的修改过程,目的是让大家熟悉zblog模板。

    下节课我们看看怎样看我们修改后的模板的效果,当然是seo效果了!

    Zblog标签的含义
    http://wiki.rainbowsoft.org/doku.php?id=themes:template

    Head区:
    <title></title>靠前
    2个<meta>紧接着增加2个.
    其余不变。

    BODY区:
    增加一个<a href="http://127.0.0.1/zblog/rss.xml" style="float:right">WOW RSS</a>,目的是加入搜索引擎喜欢的RSS XML。其中style="float:right"是控制其位置。

    这里可能有的朋友会问了,不是说seo的优化原则是越靠前越好吗?为什么我将其放在右边?实际上,这里放在右边是一个视觉上的效果,搜索引擎机器人是看不懂外观的,它是阅读源代码的,也就是靠前指的是在文档结构里让其靠前。

    <#CACHE_INCLUDE_NAVBAR#> 导航,这个导航并不包含关键字,只是提供一些功能,我们当然不能让它占据我们的最佳位置啦。根目录INCLUDE文件夹下的asp后缀的文件:navbar.asp

    <#CACHE_INCLUDE_CATALOG#>分类模块,根目录INCLUDE文件夹下的asp后缀的文件:catalog.asp

    我们将分类放在导航的位置,然后我们将导航在文档结构里放到比较靠后的地方,不让其抢我们的前面位置。

    <div id="divNavBar">
           <h3><#ZC_MSG052#></h3>
             <ul><#CACHE_INCLUDE_NAVBAR#></ul>
    </div>

    为了害怕改错,我们先将其注释起来,注释后的代码浏览器不会执行,但我们阅读源代码可以看到,起到记忆和备份的作用。

    我们将其放到文档的最后,这样不会抢我们宝贵的位置,但是麻烦来了,不便操作。我们可以让其看起来是在上面。

    <div style="width:898px;margin:0 auto;padding:0">
    <div id="divNavBar" style="position:absolute;top:0;">
    <h3><#ZC_MSG052#></h3>
    <ul>
    <li><a href="<#ZC_BLOG_HOST#>">主页</a></li>
    <li><a href="<#ZC_BLOG_HOST#>search.asp">搜索</a></li>
    <li><a href="<#ZC_BLOG_HOST#>tags.asp">标签</a></li>
    <li><a href="<#ZC_BLOG_HOST#>guestbook.asp">留言本</a></li>
    <li><a href="<#ZC_BLOG_HOST#>cmd.asp?act=login">管理登陆</a></li></ul>
    </div>
    </div>

    这样就实现了…不过我们发现点击主页还可以,点击其他会出现错位,这是因为我们只修改了主页模板的缘故.我们在后面的教程会继续修改.
    然后我们把原来注释的内容换成我们的分类。

    修改navbar.asp文件就可以了。

    <#template:article-multi#>,调用b_article-multi.html(摘要文章)的内容。[暂时先不考虑置顶]

    现在分析b_article-multi.html。

    <#article/posttime/longdate#> 含义:2007年1月13日

    <a href="<#article/url#>"><#article/title#></a> 文章链接,文章标题。

    <#article/intro#> 文章摘要

    <#ZC_MSG138#> Tags

    <#template:article_tag#> 链接形式,其定制模板为 b_article_tag.html

    b_article_tag.html
    <a href="<#article/tag/url#>"><#article/tag/name#></a>  

    其中 的意思是空格 这里是2个空格的意思,目的是和后面的tags隔开。
    <#article/tag/url#>文章tag链接
    <#article/tag/name#>文章tag名称
    甚至我们还可以加入tag摘要…,不过今天时间问题就暂时不考虑了…,这要用到JS,因为我们的目的是希望鼠标移动上去后显示。

    <#ZC_MSG011#> 发布

    <#article/author/name#> 文章作者名称

    <#ZC_MSG012#> 分类

    <#article/category/name#> 文章分类名称

    <#ZC_MSG013#> 评论

    <#article/commnums#> 文章评论数

    <#ZC_MSG014#> 引用

    <#article/trackbacknums#> 文章引用数

    <#ZC_MSG130#> 浏览

    <span id="spn<#article/id#>"></span>
                  <script language="JavaScript" type="text/javascript">strBatchView+="spn<#article/id#>=<#article/id#>,"</script> 共同完成浏览数

    <#ZC_MSG042#> 分页
    <#template:pagebar#> 调用b_pagebar.html的内容

    b_pagebar.html <a href="<#pagebar/page/url#>">[<#pagebar/page/number#>]</a>

    <#pagebar/page/url#> 分页链接
    <#pagebar/page/number#> 分页码

    学建站、学推广、学赚钱,上56站长论坛就够了!个性签名请到个人资料里面修改……

    本版积分规则

    关闭

    推56站长论坛推荐上一条 /3 下一条

    站长QQ
    在线咨询
    咨询热线
    QQ:405327411
    站长

    QQ|广告合作|关于我们|联系我们|免责声明|网站导航|站长论坛 ( 豫ICP备11018337号-5

    王宝臣旗下网站 推56论坛(www.tui56.com|ask.tui56.com|blog.tui56.com|daohang.tui56.com)

    Powered by Discuz! X3.4 Licensed

    ©2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表