美化 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 目前共有1027次下载

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

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

  • thief

    Awesome.

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

  • 的确很美观~

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

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

  • 赞! 😆

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

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

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

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

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

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

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

  • 哥笑而不语。

  • @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

  • ezboy

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

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

  • @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

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

  • @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还是出现这样的情况

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

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

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

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

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

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

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

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

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

  • sck

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

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

  • 这插件不错 🙂

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

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

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

    /**
     * 自动转换标题为图片
     *
     * 可以添加一个选项是否使用自动转换标题
     * 然后判断是否调用这个过滤器
     *
     * @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');
  • @yinheli
    不错,自动转换的话就不用修改模板确实很方便,话说你这段日子消失了回来后技术增进不少,你的blog很多东西我都已经“抄”不了了

  • @Leeiio
    有没有更新啊?

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

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

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

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

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

  • @A.shun
    朴素好啊~

  • 的确很漂亮啊,呵呵。

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

  • 牺牲了hover效果……

  • surgit

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

  • @Sivan
    有得必有失嘛~

    @ surgit
    哈哈,好看吧

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

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

  • 很不错,这样好看多了 😕

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

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

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

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

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

  • @卷
    有什么提示么?

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

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

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

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

  • an9

    路过,围观一下。

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

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

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

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

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

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

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

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

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

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

  • jason

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

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

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

  • Pingback: 个性字生成图片标题插件 | 梦幻天坛()

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

  • 恩,好看。

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

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

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

    • @yiwon 后台设置里面没有提示么?
      用<?php the_ttftitle(); ?>替换原来博客模版里面的<?php the_title(); ?>

    • @Leeiio 多谢,已经搞定

  • 很好

  • 不会啊

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

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

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

  • Joey

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

  • Joey

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

  • Joey

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

  • 8错 😛

  • na

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

    • @na 是否把原来的显示标题的函数替换成了the_ttftitle()?

    • na

      呃。。在哪儿改?

    • @na 模板文件里,搜索the_title(),一般是在模板的index.php以及single.php文件里

    • na

      @Leeiio =U=好了~谢谢~

    • @na 哈哈,那便好

  • 不错的插件

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

  • sd

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

    • @sd 请检查你的css文件里.post img, .post a img这个css,你设置了背景颜色和边框。

  • sd

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

    • @sd 你可以看我的源代码,其实就是两个背景图么

    • sd

      @Leeiio
      哥,怎么添加背景图

  • ya

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

    • @ya 图片里面依旧含有alt信息,搜索引擎爬虫还是正常能识别的。

  • 努力找北

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

    • @努力找北 我的博客不就是中文标题么?你或者是中文字体没上传,或者是没设置该中文字体。

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

  • Pingback: 8月WordPress装修手记 | My Story()

  • 非常好的插件 支持了~!

  • 好,试试

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

    • @yoyoo 请替代主题文件中的the_title()为the_ttftitle()即可。

    • @Leeiio

      那主题里没有这条语句的,不论是single还是index里,所以无奈之余才想起来问下你,呵呵

    • @yoyoo 搜索主题整个文件夹的文件,philna这小子估计自己封装了下函数

    • @yoyoo 其实,你应该搜索the_title,因为这里面是可以传参数进去的

    • @Leeiio
      不晓得如何查啊,基本上我把每个文件都找了一遍,换过其它主题,都得找个这个函数,就这个主题找不到。
      但是在其它主题里也遇到一个问题,就是改了函数,发现都是改的日志主题而非博客主题,郁闷。

    • @yoyoo 不可能搜不到的,只改了日至主题说明你只改了一个地方

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

  • 这个插件不错的说

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

  • ellrywych

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

  • 顶一顶 😛

  • 小龙

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

  • ksws0236934

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

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

    • @老李 字体传不上去就得问你自己了…没有小圆的颜色按钮可能是浏览器问题

  • atmo

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

  • jun

    确实不错哦~~~谢谢了

  • 带个效果图就好了!!

  • 好复杂啊! 👿

  • Tmd

    貌似不错啊