站长网 教程 Zblog-default.html模板左边栏修改

Zblog-default.html模板左边栏修改

zblog教程六-Zblog-default.html模板左侧栏修改zblog-通过css改变文档结构显示方式 [CSS样式表,它是用来控制页面的呈现方式.]关键词:魔兽世界,WOW,魔兽世界视频,WOW视频,魔兽世界新闻,魔兽世界插件,魔兽世界地图,魔兽世界秘籍,魔兽世界文章,WOW

 

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#> 分页码

 

本文来自网络,不代表站长网立场,转载请注明出处:https://www.tzzz.com.cn/html/sheji/jiaocheng/2021/1103/19210.html

作者: dawei

【声明】:站长网内容转载自互联网,其相关言论仅代表作者个人观点绝非权威,不代表本站立场。如您发现内容存在版权问题,请提交相关链接至邮箱:bqsm@foxmail.com,我们将及时予以处理。
联系我们

联系我们

0577-28828765

在线咨询: QQ交谈

邮箱: xwei067@foxmail.com

工作时间:周一至周五,9:00-17:30,节假日休息

返回顶部