美化 WordPress 标题,个性字体生成图片标题插件推荐!

TTFTitles 美化 WordPress 标题,个性字体生成图片标题插件推荐!
网页特殊字体的实现的话题一直被人们所谈论,就目前而言,还是无法直接实现兼容全浏览器的,通过一些工具生成字体库载入或者 js 实现等的方法倒是有很多。本篇不讨论这些。今天我要介绍的是一款让 WordPress 的标题以图片形式输出的插件,且可以定义输出图片的文字样式(包括字体、大小、是否阴影等)。

发现现在越来越多人的博客标题都设置成了“微软雅黑”,但是当访客的电脑没有微软雅黑的时候,看到的将会是访客电脑上的默认字体(Windows用户看到的是宋体,Mac 用户看到的是 Hei 体),并且因为电脑字体渲染的关系,在 Windows 下如果“微软雅黑”的字体不足够大,显示的效果还是挺糟糕的,主要是线条太细了,个人原因我是看不惯。

那么有没有方法能让每个人都能看到定义过字体的博客标题呢?第一段已经说明过,要想实现文字字体特殊样式且兼容目前的全部主流浏览器并不是一件易事,虽然说CSS 3中的@font-face属性可以定义字体样式,但是毕竟CSS 3目前并未普及,且离普及还尚有一段很长的时间,要知道,IE 6还并未有死去。

于是,就目前来说,最好的解决特殊字体样式输出的方法便是用图片输出,这款插件开发的作者就是这个想法,于是这款插件应运而生。可是由于该插件年代久远且都没有提交到WP官方插件目录,所以有什么问题可以直接给我留言,只要能帮到的我可以提供技术支持。

TTFTitles 美化 WordPress 标题,个性字体生成图片标题插件推荐!

不用担心因此会造成对 SEO 的影响,因为原标题自动写进了图片的alt属性里面,所以,如果你不在乎那么点的图片下载,又喜欢让你的博客标题显得个性,那么就试试这款插件吧。

TTF Titles 版本号:0.4.2 (最后更新时间:2009-01-12)

TTF Titles下载134.46 kB 目前共有1062次下载

iLiHei 字体 版本号:5.0 (最后更新时间:2007-08-15)

iLiHei 字体下载11.1 MB 目前共有1116次下载

133 Responses to 美化 WordPress 标题,个性字体生成图片标题插件推荐!

  1. Donald says:

    好插件!这样的话真是漂亮多了~~

  2. huhua says:

    昨天已把标题改成图片了,确实美观不少。也是从博主这里写到的。

  3. huhua says:

    博主,LiHei Pro字体跟你的iLiHei有什么区别?能否提供一下?

  4. Maxsailor says:

    貌似我的会出错,不知道怎么回事

  5. Showfom says:

    默认的字体不能显示中文的,iio 我要你的字体

  6. Leeiio says:

    @huhua @Showfom
    字体已经更新到文章了哈~

  7. Leeiio says:

    @Maxsailor
    什么出错了?有提示么?

  8. Showfom says:

    @Leeiio
    好 朕批准你们用这个字体了 哦哈哈

  9. 奔四大叔 says:

    出现两个问题:第一,不能显示图片,第二发表评论是出错

  10. Leeiio says:

    @奔四大叔
    是否把原来的显示标题的函数替换成了the_ttftitle()?第二发表评论什么错误?

  11. shuil says:

    哥笑而不语。

  12. Maxsailor says:

    @Leeiio
    一、安装后后台出现乱码;
    二、然后出现一下错误:Warning: Cannot modify header information – headers already sent by (output started at /home1/ipodpcom/public_html/maxsailor/wp-content/plugins/ttftitles/ttftitles.php:1) in /home1/ipodpcom/public_html/maxsailor/wp-admin/theme-editor.php on line 69

  13. ezboy says:

    要把裡面函數取出來單獨使用似乎有點麻煩 😥

  14. Leeiio says:

    @Maxsailor
    有可能是编码造成的,之前是UTF-8格式,现在我转成了UTF-8无BOM格式编码,你再重新下载覆盖ttftitles.php文件试试?

  15. 奔四大叔 says:

    @Leeiio
    出现这样的错误:Warning: Cannot modify header information – headers already sent by (output started at /home/sunts/domains/dashu.info/public_html/wp-content/plugins/ttftitles/ttftitles.php:1) in /home/sunts/domains/dashu.info/public_html/wp-includes/pluggable.php on line 865

  16. Maxsailor says:

    @Leeiio
    嗯!问题基本上解决了。

  17. 奔四大叔 says:

    @Leeiio 把原来的显示标题的函数替换成了the_ttftitle()还是不能显示图片。
    发表评论时出现这样的错误:
    Warning: Cannot modify header information – headers already sent by (output started at /home/sunts/domains/dashu.info/public_html/wp-content/plugins/ttftitles/ttftitles.php:1) in /home/sunts/domains/dashu.info/public_html/wp-includes/pluggable.php on line 865
    重新下载ttptitle.php还是出现这样的情况

  18. Leeiio says:

    @奔四大叔
    也有可能是你自身的文件造成的,把wp-config文件另存为ANSI格式看看,使用windows自身的记事本就能转换。最好同时确认下该文件头尾<?php 和?>的开头或者尾部是否有多余空行?

  19. 奔四大叔 says:

    @Leeiio 完了,根据你提示的修改,现在后台都进不了了
    🙁 🙁

  20. Leeiio says:

    @奔四大叔
    呃,我在你的站注册了一个用户,可以登录后台啊,转换ansi编码前记得先复制原来的内容,转换格式后把原来的内容粘贴回去。

  21. 奔四大叔 says:

    @奔四大叔
    吓了一身冷汗,wp-config文件本来是UTF-8格式,改成ANSI后图片还是显示不了,于是又改回了UTF-8格式,谁知到就进步了后台了,再改成ANSI格式才能进后台,不知道什么原理

  22. Leeiio says:

    @奔四大叔
    原因就是windows自带的记事本的utf-8问题很大的,需要notepad++等这些更加专业的文本编辑器,我的就是用&;lt;?php the_ttftitle(); ?>来显示标题的,现在你的插件可以启用了么?评论还是否会出错?

  23. 奔四大叔 says:

    @Leeiio
    能启用,但是问题是不能生成图片,将index.php中显示标题的地方改成也不行

  24. Leeiio says:

    @奔四大叔
    呃,ttftitles/cache文件夹是否有可写权限?设置为777试试

  25. 奔四大叔 says:

    @Leeiio
    解决,原来如你所说是文件夹可写权限的问题,改成777就行了,谢谢

  26. Pingback: 个性字生成图片标题插件 » 奔四大叔的博客

  27. sck says:

    想请教一下博主,现在我已经用了这个插件,但是奇怪的是标题并没有完全显示出来,底下还有一点儿缺失了,不知道应该修改css哪个地方让图片全部显示出来呢?

  28. Leeiio says:

    @sck
    TTFTitles设置里面减少Leading值试试~

  29. 任平生 says:

    这插件不错 🙂

  30. 阿东 says:

    这个插件不错。。可我现在用的是BO-BLOG程序。。不懂怎么设置。 。
    PHP也不太懂。

  31. yinheli says:

    很强的一款插件. 我挺感兴趣地本地测试了一下, 效果真的很棒. 我看到有你的链接了. 这个是插件你也参与了. 不错不错.

    我再给你个小小的建议, 仅仅是个人意见: 自动转换标题, 大概代码如下.

    /**
     * 自动转换标题为图片
     *
     * 可以添加一个选项是否使用自动转换标题
     * 然后判断是否调用这个过滤器
     *
     * @param string $title 文章标题 文章类型: 所有
     * @see the_title()
     * @see get_the_title()
     * @see apply_filters( 'the_title', $title, $post-&gt;ID )
     * @return string $title
     */
    function ttftitleFilter($title){
    	global $wp_query;
    	//print_r($wp_query);
    	/*不在文章循环中直接返回*/
    	if(!$wp_query-&gt;in_the_loop)
    		return $title;
    	$style='';
    	$overrides='';
    	$title = ttftitles_render($title, $style, $overrides);
    	if (strlen($title) == 0){
    		return;
    	}
    	return $title;
    }
    add_filter('the_title','ttftitleFilter');
  32. Leeiio says:

    @yinheli
    不错,自动转换的话就不用修改模板确实很方便,话说你这段日子消失了回来后技术增进不少,你的blog很多东西我都已经“抄”不了了

  33. Leeiio says:

    @奔四大叔
    這幾日加班,沒有時間,等週末抽出時間吧。

  34. disinfeqt says:

    我的原则是:我自己看着舒服就行了了… IE6的读者除了误点广告,也不会创造什么价值…
    听上去是苛刻了点儿,但是我现在真的 blog for myself 了 😆

  35. disinfeqt says:

    还有,很久前发现的一个BUG,你的sidebar的Others里的小badge图文顺序是错乱的~

  36. Leeiio says:

    @disinfeqt
    哈哈,果然,定位写错了,已经修正了。
    博客嘛,自己博着开心就好~

  37. A.shun says:

    还是不做改动。。我很朴素

  38. 健康播报 says:

    的确很漂亮啊,呵呵。

  39. Showfom says:

    对了 我换地址了 更新一下链接嘛

  40. Sivan says:

    牺牲了hover效果……

  41. surgit says:

    很大一滴汗,之前还奇怪的,我的pc里没有你title的字体,却能够显示 = =!
    原来title是图片(在经过鼠标选中操作后发现)..很好很强大的说… 🙄

  42. Leeiio says:

    @Sivan
    有得必有失嘛~

    @ surgit
    哈哈,好看吧

  43. ucax says:

    😯 美觀,不過想我這樣美工一竅不通的人,還真有難度。
    順便問一下你左邊多了跳到頂端跟底部 這要怎樣實現?

  44. Leeiio says:

    @ucax
    就是锚点链接,比如顶部有个id:top,底部有个id:footer,然后链接href=”#footer”或者href=”#top”即可~

  45. niuhuifei says:

    很不错,这样好看多了 😕

  46. 一米 says:

    听起来很强大,哈哈,去试试。

  47. ucax says:

    @Leeiio
    還是沒辦法把圖案,剛好加到邊緣 Orz…… 試不出來

  48. says:

    我设置了一个中文名字就这么都安装不上了。。

  49. says:

    话说安装上去,也选了字体。怎么不显示呢。。。 🙁

  50. says:

    我是win主机。可以用吗。设不了777属性哦

  51. Leeiio says:

    @卷
    有什么提示么?

  52. Leeiio says:

    @yinheli
    自动转换其实不可以这么做,因为标题的title信息里面也会有the_title,自动转换后会出错

  53. kevin says:

    一不小心,又撞到这里了!呵本来想安装来着,但是还是放弃了,我用的插件实在太多了!

  54. Leeiio says:

    @kevin
    哈,所谓有得必有是嘛,得失取舍在自己~

  55. Justice says:

    哎 中文的就是折腾~如果只是英文的用用cufon就很赞了,而且还是客户端的,不增加服务器负担…

  56. an9 says:

    路过,围观一下。

  57. noiry says:

    自己弄了个中文字体加进去,,,为啥说Could not create image。。。 🙄

  58. noiry says:

    如现在所示:http://chambre.noiry.com

  59. Leeiio says:

    @noiry
    呃,后台配置确定无误么?不会是空间不支持吧应该不会

  60. noiry says:

    @Leeiio
    应该不是空间的问题,我在本地测试也不行。难道不能用汉字字体?

  61. Leeiio says:

    @noiry
    如果空间支持,那就好办了,你英文字体可以生成么?中文字体也是可以的,你看我的博客就是中文字体。如果可以你可以建个测试admin悄悄mail我看下你的后台

  62. noiry says:

    @Leeiio
    WP的还是cpanel的?后者不太会哎,怎么整。。
    刚换了个测试空间,权限限制很多,,,一切都在研究中

  63. 崔凯 says:

    不错啊,这么一搞,确实好看许多。

  64. Leeiio says:

    @noiry
    呃,是wordpress,因为我严重怀疑是你没配置好~你启用里面两套默认的设置有反应么?英文字体呢?

    @崔凯
    是好看了,代价是牺牲了带宽..

  65. noiry says:

    英文的能显示。试了三套中文字体都是不能生成图像。
    暂时先不用了,主要还是因为现在本来速度就不快… 以后换好空间了再用。
    这个中文字体你研究下哈~

  66. jason says:

    Simple gray v1 主题用这个插件 实现后标题背景灰色的一条怎么去掉 新手多多指教 谢谢

  67. Never summer says:

    真的好炫啊~這個我也成功的使用了~哈哈
    這里好東西真多~

  68. Leeiio says:

    @Never summer
    哈哈,謝謝惠顧,本人比較懶散,沖你這句話我也得多寫一篇哈~

  69. Pingback: 个性字生成图片标题插件 | 梦幻天坛

  70. meily says:

    很漂亮的字体,谢谢楼主分享了 😈 😈

  71. jason says:

    恩,好看。

    但是alt属性在SEO中占的权重还是不如直接文字啊

  72. Leeiio says:

    @jason
    图片是用h1包裹的,无所谓这些,h1已经是很高的权重了

  73. yiwon says:

    你好,插件安装了,也设置好了,但是怎么样才能应用到博客上呢?
    菜鸟一个,望指教

  74. hellocookies says:

    这个本地测试没有用吧
    必须在服务器设置文件权限777

  75. 小武 says:

    很感谢你,我已经用上了。

  76. 球犯 says:

    今天才看懂..惭愧啊…谢谢啦,在你这学了好多~~ 🙄 🙄 🙄

  77. Joey says:

    你好,我用了这个插件。但是在WP里面显示的汉字全是乱码啊~~我的WP版本是2.9.1,请问博主如何解决呢?

  78. Joey says:

    补充一下,是生成的字体都是乱码~
    比如这样。。。见图
    http://www.joeychik.com/luanma.png

  79. Joey says:

    晕~我在远程端上试就好了~应该是我本地服务器配置的问题~这不好意思麻烦啦

  80. na says:

    为什么装了之后都没变化啊。。。
    求解……

  81. sissi says:

    WP3.0安装了插件找不到在什么地方设置啊!

  82. sd says:

    请问生成的标题后面的灰色底框是怎么回事,该怎么去掉

  83. sd says:

    呀,修改了header.php. 底框去掉了,还想问下,如何像您博客主题那般加上双引号?

  84. ya says:

    😉 请问这样会不会不利于搜索引擎啊?

  85. 努力找北 says:

    🙁 为什么不支持中文?我把文章标题写成中文就显示不了了,或是乱码..求助啊~ 🙁

  86. loke says:

    图片路径填什么啊?总是找不到图片…

  87. Pingback: 8月WordPress装修手记 | My Story

  88. 早期症状 says:

    非常好的插件 支持了~!

  89. yoyoo says:

    插件不错,也上传了字体,但是PhilNa的这个主题发现改不了,自己也是技术盲,发现yinheli也在你上面留了言,它写了自动修改主题的代码,但是不知道这个插件里是否有这个功能,能否指点一下,谢谢!

  90. Pingback: Wordpress标题转图片插件TTF Titles| YesCola.FM

  91. yesureadmin says:

    这个插件不错的说

  92. 不知不觉 says:

    博主真是强淫,我还是个新手,不懂的请多指教

  93. ellrywych says:

    请问,到底怎么做?插件在后天只有编辑停用两个选项

  94. 小龙 says:

    🙁 菜鸟我是 不会用教教?
    314803137@qq.com

  95. ksws0236934 says:

    我自己做了一个asp.net 网站 我想使用这个插件在我的网站里面 可以吗?
    我的邮箱是314803137@qq.com
    谢谢了。

  96. 老李 says:

    字体传不上去是怎麽回事呢?另外,我的显示怎麽没有那个小圆的颜色按纽呢?

  97. atmo says:

    请问我想把sidebar的标题变成图片文字而文章标题不变,要加什么参数呢?

  98. jun says:

    确实不错哦~~~谢谢了

  99. 带个效果图就好了!!

  100. 随心 says:

    好复杂啊! 👿

  101. Tmd says:

    貌似不错啊

Leave a Reply

Your email address will not be published. Required fields are marked *