小一博客

关注IT互联网,博客营销,山寨文化,软件游戏,手机,Google,Linux

关于Z-Blog的修改(三)

作者:小一   分类:独立博客   时间:2008-5-2 10:34:35   评论:11   人气:

Keep Moving问到:文章标题很长很长很长的话,会撑破页面怎么办?小一的回答:把题目缩短!呵呵~~文章标题弄那么长干什么?标题是文章内容的中心思想,是文章内容的概括,没必要弄那么长吧,除非~~有什么特殊需要?对了,如果是用火车头什么的采集的话,标题过长确实是个问题。
 

小一觉得标题过长问题主要集中在侧边栏上,因为一般的主题侧边栏的宽度在200px左右,题目稍长就会出问题。那么,大家是如何解决这个问题的呢?选择自动换行还是用省略号替换?或者你还有更好的办法?欢迎大家一起讨论!


1、文章标题自动换行

这个很简单,给文章标题的CSS加上word-break:break-all;就好了。
优点:文章标题自动换行,保证标题完整性;对SEO较为有利。
缺点:不美观;只在IE下有效;
 

2、文章标题用省略号替换多余部分

这个也不难,在文章标题的CSS里加上如下代码就可以了:

         display: block;
         width: 150px;
         overflow: hidden;
         white-space: nowrap;
         -o-text-overflow: ellipsis;
         text-overflow: ellipsis;

其中,width属性是用来定义宽度的,文章标题超出这个宽度的部分会用...替换。
优点:美观。
缺点:文章标题显示不全;搜索引擎看到的是不完整标题,不利于SEO。
 

P.S.  小一还是建议大家精简标题,浓缩的才是精华嘛,呼呼!

  • quote 11.篮球世界博客
  • http://www.lanqiuworld.com.cn
  • Gravatar Icon
    小一,你好,我的博客也是用的zblog程序,但今天我修改的时候不知道为什么现在我的博客详细文章页面的标题竟然显示不全,但其他的位置能显示全。我不懂代码,所以劳驾帮我看看
    小一 于 2009-10-18 18:55:16 回复
    文件重建一下试试,显示不全的标题,都变成H2了,正常的应该是H1。。。
    可能是文件重建没完全。。。
  • 10/17/2009 11:51:16 PM .
  • quote 10.Yimi
  • http://www.yimio.cn
  • Gravatar Icon
    关于文章标题以7、8个字比较好,少了容易与别人的相同,多了,显示不全,都不好
  • 5/3/2008 10:22:46 AM .
  • quote 7.anliu
  • http://an-liu.cn
  • Gravatar Icon
    晕,有没有抢到沙发啊,呵呵
    我的好多文章题目显示不全,但是没有撑破。只是想将文章区域变大一些,不知道怎么修改!
  • 5/2/2008 8:10:35 PM .
  • quote 3.Azrael
  • http://www.awblog.com.cn
  • Gravatar Icon
    Sofa没了……
    锐风把竞页带坏了?……

    你好好写~写好这个修改的
    小一 于 2008-5-2 12:11:14 回复
    还说锐风呢,你也有份Haha
  • 5/2/2008 12:08:33 PM .
  • quote 2.SINOBLOG
  • http://www.sinoblog.org
  • Gravatar Icon
    尽然来了,就再顶一下,谁让小一博客现在的PR是4呢,板凳!~
    小一 于 2008-5-2 11:34:42 回复
    Hehe你也学会了呀。。。最近锐风好像消失了,要不这沙发还真不好抢!
  • 5/2/2008 11:31:52 AM .
  • quote 1.SINOBLOG
  • http://www.sinoblog.org
  • Gravatar Icon
    在写每篇文章标题之前,我都会通过搜索引擎看看人家是怎么搜索的~~
    小一 于 2008-5-2 11:33:37 回复
    呵呵~~百度相关搜索,百度指数……挨个搜搜……
  • 5/2/2008 11:31:26 AM .

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

渝ICP备06007150号 SYSTEM:Z-BLOG 
技术支持:小一