天兴工作室

主题演示站

zblog模板实现下拉导航功能所需的代码示范

天兴工作室制作的一些模板是支持下拉导航功能的,但是有一些朋友在使用过程中还是不太会操作,本文就来做一个代码示范。

首先zblog的导航栏在后台--模块管理里面可以找到。点击编辑来到如下界面:

QQ图片20151017213510.png

红框部分即是zblog导航栏的代码了。由于zblog导航栏设计的不太合理(详见:zblog导航栏怎么设置?zblog导航栏的逻辑!),所以要实现下拉导航必须手工修改代码。

代码示范:

<li><a href="#">一级导航</a>
<ul>
<li><a href="#">二级导航1</a></li>
<li><a href="#">二级导航2</a></li>
</ul>
</li>

如果主题里面明确说明了支持下拉导航,那么添加以上代码即可实现下拉导航功能。如果主题不附带下拉导航功能,请参考“zblog如何做下拉导航?zblogphp下拉导航菜单制作方法”此文自行添加下拉导航功能。

zblogphp面包屑导航的集合写法

首先来水一下面包屑导航的介绍和作用:

面包屑导航(BreadcrumbNavigation)这个概念来自童话故事"汉赛尔和格莱特",当汉赛尔和格莱特穿过森林时,不小心迷路了,但是他们发现在沿途走过的地方都撒下了面包屑,让这些面包屑来帮助他们找到回家的路。所以,面包屑导航的作用是告诉访问者他们目前在网站中的位置以及如何返回。


面包屑导航的作用

  1. 让用户了解当前所处位置,以及当前页面在整个网站中的位置。

  2. 体现了网站的架构层级,能够帮助用户快速学习和了解网站内容和组织方式,从而形成很好的位置感。

  3. 提供返回各个层级的快速入口,方便用户操作。

  4. Google已经将面包屑导航整合到搜索结果里面,因此优化面包屑导航每个层级的名称,多使用关键字,都可以实现SEO优化。面包屑路径,对于提高用户体验来说,是很有帮助的。

  5. 方便用户,面包屑主要用于为用户提供导航一个网站的次要方法,通过为一个大型多级网站的所有页面提供面包屑路径,用户可以更容易的定位到上一次目录,引导用户通行;

  6. 减少返回到上一级页面的点击或操作,不用使用浏览器的“返回”按钮或网站的主要导航来返回到上一级页面;

  7. 不用常常占用屏幕空间,因为它们通常是水平排列以及简单的样式,面包屑路径不会占用页面太多的空间。这样的好处是,从内容过载方面来说,他们几乎没有任何负面影响;

  8. 降低跳出率,面包屑路径会是一个诱惑首次访问者在进入一个页面后去浏览这个网站的非常好的方法。比如说,一个用户通过谷歌搜索到一个页面,然后看到一个面包屑路径,这将会诱使用户点击上一级页面去浏览感兴趣的相关主题。这样,从而,可以降低网站的总体跳出率。

  9. 有利于百度蜘蛛对网站的抓取,蜘蛛直接沿着那个链走就可以了,很方便。

  10. 面包屑有利于网站内链的建设,用面包屑大大增加了网站的内部连接,提高用户体验。

以上内容摘抄自百度百科。


水完之后进入本文的正题。zblogphp的面包屑导航集合写法,直接上代码:

{if $type=='article'}<a href="{$host}">网站首页</a> / <a href="{$article.Category.Url}">{$article.Category.Name}</a> / 正文 {elseif $type=='category'}<a href="{$host}">网站首页</a> / <a href="{$category.Url}">{$category.Name}</a>  {elseif $type=='index'}网站首页 {else}<a href="{$host}">网站首页</a> / {$title}{/if}

以上代码放在任何模板页面均可生效,因为用了if判断type页面,首页、列表页、内容页、单页、tag页均可以显示正确的面包屑导航栏。

如有bug,欢迎反馈。

zblog无法上传附件/图片怎么办?

zblog论坛里面经常有网友在问“zblog无法上传附件怎么办?”或者“zblog无法上传图片怎么办?”。本文尝试为大家归类几种原因。


1、上传的图片或者附件太大了超出了限制。

解决办法:后台--网站设置--全局设置--允许上传文件的大小(单位MB)。将允许上传文件的大小设置大一些。


2、主机权限不足或者有限制。

解决办法:将“zb_users”文件夹的权限设置为“777”,然后再次登录尝试上传文件。


3、安装了某些插件导致的。

解决办法:停用插件,一般是存储类插件(例如七牛之类)造成的。如果实在不知道是什么插件造成的,可以用排除法,停用一个插件就去看下问题是否解决,一一排查。


如果你还遇到其他类别的zblog无法上传附件/图片,欢迎在本文下评论区域留言。

导航栏下拉至一定高度后固定在顶部的特效

额,出去玩了几天很累。可是文章还是要更新的,不然百度就不喜欢我了...

今天来水一篇“导航栏下拉至一定高度后固定在顶部的特效”,也有同学喜欢叫跟随导航什么的。反正就是这个么意思。先直接上代码:

<script type="text/javascript">
$(function(){
var nav=$(".nav"); //得到导航对象
var win=$(window); //得到窗口对象
var sc=$(document);//得到document文档对象。
win.scroll(function(){
  if(sc.scrollTop()>=100){
    nav.addClass("fixednav"); 
  }else{
   nav.removeClass("fixednav");
  }
})  
})
</script>

将这个js放到要实现效果的页面里面去,然后我们要修改的是第三行的.nav,“nav“改成你自己页面导航栏的class;第七行的”100“为下拉到100个像素的时候触发特效,可以自行修改至合适的高度。

然后在css文件里面增加这个属性:

.fixednav {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 999;
}

这样就差不多完成了。

大概讲下这个js的意思,判断下拉到一定高度的时候,给导航栏的div插入一个”fixednav“属性,然后给”fixednav“加上固定在顶部的参数。

嗯,大家请自行折腾,有什么不懂的欢迎在本文下面评论区留言,请勿直接加我QQ问.....

关于zblogphp文章列表摘要的说明

最近有许多朋友都在咨询天兴工作室这个关于zblogphp文章列表摘要的事情,大部分都是说为什么在后台发布文章的时候手动生成了摘要但是前台确不显示。

原因是:天兴工作室所制作的zblogphp模板里面文章列表的摘要全部都是获取内容并限制了字数的。

为什么要这样做呢?因为要保证模板不会出错。

很多刚接触网站的朋友写文章喜欢到处去复制,复制过来的文字里面含有大量的代码,代码复制不完整直接会冲突导致整个页面错位等等。然后就会认为是模板有问题导致的。

所以,直接我们的做法是去除代码直接提取正文内容里面的文字,那样的话有再多的垃圾代码也不会出什么问题。

当然这样做还是会有些朋友感觉到不方便,不能自己定义摘要的内容觉得很坑爹。那么本文就给大家讲一下怎么来修改达到自己的要求。

首先,zblogphp文章列表的模板是“post-multi.php”和“post-istop.php”,其中“post-multi”是正常文章列表,“post-istop”是置顶的文章列表。

打开这两个文件,天兴工作室制作的模板里面管摘要显示的代码一般是这个:

{php}$description = preg_replace('/[\r\n\s]+/', '', trim(SubStrUTF8(TransferHTML($article->Content,'[nohtml]'),170)).'...');{/php}
{$description}

将以上代码替换成“{$article.Intro} ”即为调用的系统摘要,可以自己在发布文章的时候自定义输出文章摘要。

补充阅读:zblogphp清除摘要代码并控制字数的方法

关于zblog版权的说明

本文说的是关于zblog版权的一些说明,想了解zblog版权的可以看下。

首先,zblog是有“授权和商业服务”的。土豪或者三观很正的朋友请点击这个去了解zblog的授权详情。

然后大部分玩zblog都是做个人博客的,实在没必要去花钱获取授权服务,留个版权也不会死人。最重要的是zblog的版权限制非常非常宽松,宽松的简直可怜。

zblog版权的限制条件汇总成一句话就是“只要让用户知道你在用zblog的程序就可以了。”

不管以什么方式,用js;用mate;用文字,用图片,用链接等等一切方式,只要让用户可以知道你在用zblog这个程序就行了。

所以在这么宽松的版权限制规则下,强烈建议使用zblog的大家们支持和尊重版权。

ps:肯定有人会说,我就不加版权怎样?就是不想让人知道我在用zblog程序怎样?

回答:无辜脸....不会怎样啊,反正肯定不会死....

zblog导航栏怎么设置?zblog导航栏的逻辑!

经常有刚接触到zblog的朋友会被zblog的导航栏给弄昏,这是正常的,因为我也觉得zblog的导航栏不太符合逻辑。

首先,zblog的导航栏是单向操作的,怎么说呢?就是说你可以直接在新建分类里面勾选添加到导航栏,但是当你删除这个分类的时候导航栏里面的这个分类并不会被一并删除,你还得去后台--模块管理里面手动代码删除一次,遇到不熟悉的就直接蒙了....

so...

zblog导航栏的精髓就在后台--模块管理--导航栏里面,前台调用的就是这个模块里面的内容,想要控制导航栏也推荐直接在这里修改。

延伸出去再说下,zblog的导航栏和zblog的分类管理又是两个不同的东西,区别在于:导航栏里面的东西可以自定义修改,可以添加单页面或者外部链接什么的;zblog的分类管理只调用网站分类而且并不能进行手工修改。

说这个是什么意思呢?如果要做个导航栏的下拉导航功能,直接调用网站分类是可行的,但是自定义功能几乎没有,想添加个单页面什么的在导航栏里面去直接煞笔了;如果调用导航栏呢?还得去修改导航栏里面的代码以符合下拉导航的代码需求,遇到不懂代码的小白也是够呛了。

吐槽下zblog的导航栏,然后就这样了,吐槽多了猪也许会修改下呢,这谁说的清楚。

zblogphp遇到错误了怎么办?怎么解决?

很多朋友在用zblogphp的过程当中会遇到错误,但是又不知道是哪里出了问题,应该怎么解决。本文尝试着给大家一个思路。

首先,zblogphp出现了错误是会给出了错误提示的,如果没有,请在后台--网站设置--全局设置里面开启“调试模式”。开启这个模式后出现了错误就会有具体的错误提示。

如下图就是一个错误提示:

QQ截图20150830222732.png

zblogphp的错误提示分为“错误原因”和“文件位置”两个部分。

错误原因这个一般是专业术语组成的,不懂php的可能看不懂。不过可以复制了去百度翻译啊什么的翻译一下,运气好可以蒙一下。

最重要的就是“文件位置”了。文件位置的第一行就是告诉我们是哪个文件出了错误导致的,而且最重要的是有具体的文件所在路径和出错的具体代码。

有了这个我们就能大概判断是什么错误,如果你对代码一窍不通也不要紧,直接把整个页面截图下来,发到zblog官方论坛去求助,有错误的具体信息一般都会有人回答的(论坛里面有好多人直接发求助贴,错误信息根本也不写,或者写的很模糊,想帮忙都没有办法...)

最后推荐一个神器,鸟儿做的一个插件,名字叫“设置助手”,下载地址:http://app.zblogcn.com/?id=662。这个插件里面有一个“调试模式全集”,开启这个之后属于严格模式,主题有一点点错误都是不行的额,强迫症和完美主义者可以尝试下,开发者必备。

zblogasp中出现ytcms未知错误的解决办法

zblogasp确实是...出现了报错居然是“未知错误”。完全不知道怎么去找到问题并修复好吧。

不过遇到的问题多了也就大概能猜到大概是什么错误了,这也许就是所谓的经验吧。本文为大家讲下zblogasp在使用过程中出现ytcms未知错误的解决办法。

出现这种错误一般是主题使用了cms调用模式。先打开后台主题配置,看有没有调用栏目ID的选项。如果有,那么问题就解决了大半,出现未知错误的原因就是主题所需要调用的栏目根本不存在造成的

這样说可能并不是很好懂,来图片说明:

如下图,后台主题配置说明里面写的很清楚了,首页需要调用某个栏目,在主题配置里面填写這个栏目的栏目ID。

QQ图片20150828232022.png

很多朋友并不知道這个怎么填写,我们先打开后台--分类管理:

QQ截图20150828232121.png

红框就是栏目ID,根据后台主题配置里面的说明,你想调用那个栏目的内容就填写這个栏目的ID即可。

很多朋友先设置好了栏目ID,然后不小心或者有需要删掉了那个栏目,而主题配置里面又没有改过来,就会出现“未知错误”的提示。当然有时候还会给這样的错误提示“Content Manage System Microsoft VBScript 运行时错误 9 下标越界“,错误原因和解决办法也是一样的。

最后的最后,建议大家可以从zblogasp转到zblogphp来了,不然真心累...

dedecms做成博客样式 需要用到自由列表

真的是zblog用惯了,博客列表样式也习惯了。前几天有个客户找到天兴工作室需要把天兴工作室制作的一套zblog模板转成dedecms模板。当我把這个单子接下来之后才发现这是一个坑啊!

dedecms是一个cms程序,首页全部是cms样式排列的。首页想象zblog這样的文章列表排列+分页就非常难搞了。

起先我的思路是:先设置一个顶级栏目,然后其他栏目全部在這个顶级栏目之下,然后首页直接显示這个顶级栏目。后来想想还要301定向什么的好坑爹就算了。

后来网上找啊找,找到了這个dedecms的自由列表,虽然说也略显坑爹,起码是没什么问题了。

操作步骤:

  1. dedecms后台--核心--自由列表管理;

  2. 新建一个自由列表,列表HTML存放目录去掉“freelist/”,模板选择首页模板;

  3. 循环内的单行记录样式按自己模板的需求填写好,保存提交。

    切记主意:“不使用目录默认主页“這个勾不能勾选。要不然首页直接是空白没法替换的。

  4. 然后在首页模板里面去添加代码,主体部分“{dede:freelist/}”,分页条“{dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="3"/}”

最后更新自由列表。就差不多OK了。

使用這个方法比较坑的地方在于:以后不能直接去更新首页,必须要在自由列表管理這里去更新自由列表;第二个就是那个”不使用目录默认主页“的勾要记得去掉(其实有方法可以在底层直接去掉)

<< < 22 23 24 25 26 27 28 29 30 31 > >>
«    2026年4月    »
12345
6789101112
13141516171819
20212223242526
27282930
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
搜索
最新留言
文章归档
网站收藏
友情链接

Powered By Z-BlogPHP 1.7.5

天兴工作室主题演示站点,如遇到问题请联系我们的在线qq:207649916咨询