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

iLiHei 字體 版本號:5.0 (最後更新時間:2007-08-15)

iLiHei 字體下載11.1 MB 目前共有1115次下載

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 to ucax Cancel reply

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