請讓你的WP模板適合中文顯示
我要说的其实很简单:请注意你的Blog中文字体显示效果。WordPress模板数量绝对是所有Blog程序里最庞大的一个,但是大部分模板都是老外所作,这里就有一个很重要的问题:中文。来看一下几个站点的效果:
使用IE作为浏览器看到的字体会比这个大,但是使用Firefox/Opera浏览器并且没有设定Minimum font size = 12的朋友就会得到这样一个效果。这是因为大部分模板是基于英语或相关语系来做,而模板设定的默认字体大小并不适合中文显示造成的。至于为什么IE浏览会稍好的原因我不在本篇解释了,有兴趣的可以看看这个讨论。
修正这个也很简单,只要修改css文件中有关font-size的部分,把字体调整到12px以上就可以了。顺便再次介绍修改用的超强组合:Firefox + Web Developer,用这个组合可以马上看到修改后的效果而不用直接修改源代码,对像我这样对网页一窍不通的会很有帮助。
除了字体大小外还有一个很讨厌的问题:
仔细看会发现第二行的英文间隔相比第一行来说有些奇怪,这是因为大部分模板喜欢用justify这种排列方式。justify会自动调整字间距来保证每行的左右对齐,但这个效果仅仅对于字母类型的文字有效,当它被作用到一篇中英文混排的文章时,效果实在差强人意,更有甚者常常会出现提早换行这样的结果。修正起来也比较简单,编辑你的css文件中有关text-align: justify的条目修改为text-align: left。这样的对齐方式相比之下会更适合中文阅读。
35 Responses to “請讓你的WP模板適合中文顯示”
-
借一步说话
我升级到2.0版本后也与大家一样,无法正常trackback与ping了,虽你链接了一篇文章,里面有解决方法,但是可惜我就算是加了还是不行。同时我又在别的BLOG上看到说不可以正常行用trackback与PING问题根本不是程序问题,而是模板问题,所以我都糊涂了。在此可不可以把你的程序打包一下,给我发一个。
以下是有关这个问题的联连,请参考。
http://blog.serv.idv.tw/2005/12/29/379/
http://blog.ijliao.info/archives/2005/09/15/1760/
如是这个问题无法解决,心里总是不舒服,都没有心情写BLOG。希望解决。 -
ChamPioNeer: 如果把宋体放在第一位的话,那么英文字体就会受到影响,Simsun.ttf的英文字体并不讨人喜欢。
佐仔:你看一下这篇文章,有可能是因为你修改之前没有发送出去的tb造成修改后也没有作用。
-
很有收获!谢谢!
-
俺以后也要多写写这类文章,一般调css换模板或者装插件后都懒得写。
以后要多写,多和大家交流。 -
有可能是因为修改之前没有发送出去的tb造成修改后也没有作用?那怎样解决呢?请教!
-
请问我做了备案, 当修改FOOTER加入’沪ICP备05055331号’这备案号的时候,发现主页上显示的是乱码, 无奈下只得去掉中文字改成ICP05055331
请问有什么办法能让我的备案成功显示中文呢?
谢谢 -
aoeking2: 用utf8编码存盘,或者直接在web上改
佐仔: 就是那篇暴力文章说的,清数据库 -
kDolphin,不好意思,再次麻烦你。那篇暴力文章说的,清数据库。我把to_ping里面的内容全部都清空了,还是不行。也无法ping。如果把to_ping表删掉,更不行,不能发表文章。
所以麻烦把你的程序打包一下,给我一份,我试试看。OK? -
汗 第一个就是我的。马上改改
-
你提供的那两个文件我早已补过了,但是还是没有用.唉,算了,等新版吧.
-
不过发现你的execute-pings.php好大耶,有80K,并且与http://blog.serv.idv.tw/2005/12/29/379/
这里的包的文件有很多代码不同,真不知补那一个好 -
知道了
谢谢! -
我Blog上有一篇“细说字体Sans serif和Serif”,Dolphin可以看看,可以对字体了解更全面一点。
-
[…] http://blog.kdolph.in/158 […]
-
kdolphin,你好。想问你下WP显示中文的问题:我的Blog正文的字体不知道为什么会是粗体的,我在css里试着修改,都没有变化。
我用的是default theme,你的Blog的字体看起来很舒服,我那里在opera,firefox,ie显示的都不太一样,想请你给点意见。谢谢 -
garconcn: 我看了一下,问题看来并不是出在css上。你关闭所有插件看看?另外,我猜想可能是wp2的可视编辑器的问题,或许你套用了错误的样式,你关闭它再写一篇看看。
-
我把插件全部关闭后还一样。
我不太清楚你说的可视编辑器哪里错了,我在writing options里把Users should use the visual rich editor by default去掉了。
theme我用default,除了添加几个插件改动过,其它我没有单独修改。
你的有没有装什么中文的东西?我的用的全是默认的东西
谢谢你的回答:D -
没帮上什么忙,我查看你的代码,粗体是由于加了strong标签造成的,但是猜不到原因,你使用其他模版有没有这样的情况?
-
换上了classic theme就没了粗体。
Default theme没经过改动时应该不是粗体的吧 -
那应该是模版的问题,除了css你查看一下模版的index.php和single.php。
你修改过哪些地方?我试着用默认的css套用你的页面仍然是有粗体的,而默认是没有的,应该不是css上的问题。 -
我只按照插件的要求修改过index.php, comment.php, sidebar.php, & header.php. 在这几个文件里查了也没找到可疑的地方
-
另外,刚才我用opera9.0的feeds回复你的帖子时,不知道为啥发不出
-
汗,终于发现原因了。前面那些贴都是用opera发的,内容都是粗体。刚才用ie发了一个,就没有粗体了。也不清楚opera哪里设置的问题
谢谢你的帮忙:D -
为什么我的css文件里的字体不是用像素表示,而是用什么%表示的,怎么弄?
-
没关系啊,你也增加相应的%就可以,比如120%。
-
非常好的一个文章.
-
太好了,为此烦了几天,总算解决了,thx!
-
[…] 海豚微笑的背后 » Blog Archive » 請讓你的WP模板適合中文顯示 […]
-
[…] FireFox + WebDeveloper,这个组合我提过很多次了,具体可以看一下链接里的介绍。 […]
-
[…] 不过,此时这个模版在Firefox下的中文显示效果可能不太理想,比如侧边栏的文字过小。我的解决方法是将Blog的全部字体大小都加大,即修改Site Style Sheet的font-size,这里一般改成85%以上就没问题了。另外,海豚介绍的修改方法不适用于Blogsome,不懂css的就将就点用我的土办法吧。 […]
-
[…] FireFox + WebDeveloper,这个组合我提过很多次了,具体可以看一下链接里的介绍。 […]
-
[…] FireFox + WebDeveloper,这个组合我提过很多次了,具体可以看一下链接里的介绍。 […]
-
很有用,谢谢啦
CSS字体设置中最好加入宋体并放在首选位置,这样中文字会看起来漂亮些。如果想在PHP文件中直接显示中文,需要将文件以utf-8格式保存。