網頁特殊字體的實現的話題一直被人們所談論,就目前而言,還是無法直接實現兼容全瀏覽器的,通過一些工具生成字體庫載入或者 js 實現等的方法倒是有很多。本篇不討論這些。今天我要介紹的是一款讓 WordPress 的標題以圖片形式輸出的插件,且可以定義輸出圖片的文字樣式(包括字體、大小、是否陰影等)。
發現現在越來越多人的博客標題都設置成了「微軟雅黑」,但是當訪客的電腦沒有微軟雅黑的時候,看到的將會是訪客電腦上的默認字體(Windows用戶看到的是宋體,Mac 用戶看到的是 Hei 體),並且因為電腦字體渲染的關係,在 Windows 下如果「微軟雅黑」的字體不足夠大,顯示的效果還是挺糟糕的,主要是線條太細了,個人原因我是看不慣。
那麼有沒有方法能讓每個人都能看到定義過字體的博客標題呢?第一段已經說明過,要想實現文字字體特殊樣式且兼容目前的全部主流瀏覽器並不是一件易事,雖然說CSS 3中的@font-face屬性可以定義字體樣式,但是畢竟CSS 3目前並未普及,且離普及還尚有一段很長的時間,要知道,IE 6還並未有死去。
於是,就目前來說,最好的解決特殊字體樣式輸出的方法便是用圖片輸出,這款插件開發的作者就是這個想法,於是這款插件應運而生。可是由於該插件年代久遠且都沒有提交到WP官方插件目錄,所以有什麼問題可以直接給我留言,只要能幫到的我可以提供技術支持。
不用擔心因此會造成對 SEO 的影響,因為原標題自動寫進了圖片的alt屬性裡面,所以,如果你不在乎那麼點的圖片下載,又喜歡讓你的博客標題顯得個性,那麼就試試這款插件吧。
TTF Titles 版本號:0.4.2 (最後更新時間:2009-01-12)
TTF Titles下載134.46 kB 目前共有1061次下載
iLiHei 字體 版本號:5.0 (最後更新時間:2007-08-15)
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
要把裡面函數取出來單獨使用似乎有點麻煩 😥
@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: 個性字生成圖片標題插件 » 奔四大叔的博客
想請教一下博主,現在我已經用了這個插件,但是奇怪的是標題並沒有完全顯示出來,底下還有一點兒缺失了,不知道應該修改css哪個地方讓圖片全部顯示出來呢?
@sck
TTFTitles設置裡面減少Leading值試試~
這插件不錯 🙂
這個插件不錯。。可我現在用的是BO-BLOG程序。。不懂怎麼設置。 。
PHP也不太懂。
很強的一款插件. 我挺感興趣地本地測試了一下, 效果真的很棒. 我看到有你的鏈接了. 這個是插件你也參與了. 不錯不錯.
我再給你個小小的建議, 僅僅是個人意見: 自動轉換標題, 大概代碼如下.
@yinheli
不錯,自動轉換的話就不用修改模板確實很方便,話說你這段日子消失了回來後技術增進不少,你的blog很多東西我都已經「抄」不了了
@Leeiio
有沒有更新啊?
@奔四大叔
這幾日加班,沒有時間,等週末抽出時間吧。
我的原則是:我自己看著舒服就行了了… IE6的讀者除了誤點廣告,也不會創造什麼價值…
聽上去是苛刻了點兒,但是我現在真的 blog for myself 了 😆
還有,很久前發現的一個BUG,你的sidebar的Others里的小badge圖文順序是錯亂的~
@disinfeqt
哈哈,果然,定位寫錯了,已經修正了。
博客嘛,自己博著開心就好~
還是不做改動。。我很樸素
@A.shun
樸素好啊~
的確很漂亮啊,呵呵。
對了 我換地址了 更新一下鏈接嘛
犧牲了hover效果……
很大一滴汗,之前還奇怪的,我的pc里沒有你title的字體,卻能夠顯示 = =!
原來title是圖片(在經過滑鼠選中操作後發現)..很好很強大的說… 🙄
@Sivan
有得必有失嘛~
@ surgit
哈哈,好看吧
😯 美觀,不過想我這樣美工一竅不通的人,還真有難度。
順便問一下你左邊多了跳到頂端跟底部 這要怎樣實現?
@ucax
就是錨點鏈接,比如頂部有個id:top,底部有個id:footer,然後鏈接href=”#footer”或者href=”#top”即可~
很不錯,這樣好看多了 😕
聽起來很強大,哈哈,去試試。
@Leeiio
還是沒辦法把圖案,剛好加到邊緣 Orz…… 試不出來
我設置了一個中文名字就這麼都安裝不上了。。
話說安裝上去,也選了字體。怎麼不顯示呢。。。 🙁
我是win主機。可以用嗎。設不了777屬性哦
@卷
有什麼提示么?
@yinheli
自動轉換其實不可以這麼做,因為標題的title信息裡面也會有the_title,自動轉換後會出錯
一不小心,又撞到這裡了!呵本來想安裝來著,但是還是放棄了,我用的插件實在太多了!
@kevin
哈,所謂有得必有是嘛,得失取捨在自己~
哎 中文的就是折騰~如果只是英文的用用cufon就很贊了,而且還是客戶端的,不增加伺服器負擔…
路過,圍觀一下。
自己弄了個中文字體加進去,,,為啥說Could not create image。。。 🙄
如現在所示:http://chambre.noiry.com
@noiry
呃,後台配置確定無誤么?不會是空間不支持吧應該不會
@Leeiio
應該不是空間的問題,我在本地測試也不行。難道不能用漢字字體?
@noiry
如果空間支持,那就好辦了,你英文字體可以生成么?中文字體也是可以的,你看我的博客就是中文字體。如果可以你可以建個測試admin悄悄mail我看下你的後台
@Leeiio
WP的還是cpanel的?後者不太會哎,怎麼整。。
剛換了個測試空間,許可權限制很多,,,一切都在研究中
不錯啊,這麼一搞,確實好看許多。
@noiry
呃,是wordpress,因為我嚴重懷疑是你沒配置好~你啟用裡面兩套默認的設置有反應么?英文字體呢?
@崔凱
是好看了,代價是犧牲了帶寬..
英文的能顯示。試了三套中文字體都是不能生成圖像。
暫時先不用了,主要還是因為現在本來速度就不快… 以後換好空間了再用。
這個中文字體你研究下哈~
Simple gray v1 主題用這個插件 實現後標題背景灰色的一條怎麼去掉 新手多多指教 謝謝
真的好炫啊~這個我也成功的使用了~哈哈
這里好東西真多~
@Never summer
哈哈,謝謝惠顧,本人比較懶散,沖你這句話我也得多寫一篇哈~
Pingback: 個性字生成圖片標題插件 | 夢幻天壇
很漂亮的字體,謝謝樓主分享了 😈 😈
恩,好看。
但是alt屬性在SEO中占的權重還是不如直接文字啊
@jason
圖片是用h1包裹的,無所謂這些,h1已經是很高的權重了
你好,插件安裝了,也設置好了,但是怎麼樣才能應用到博客上呢?
菜鳥一個,望指教
@yiwon 後台設置裡面沒有提示么?
用<?php the_ttftitle(); ?>替換原來博客模版裡面的<?php the_title(); ?>
@Leeiio 多謝,已經搞定
很好
不會啊
這個本地測試沒有用吧
必須在伺服器設置文件許可權777
很感謝你,我已經用上了。
今天才看懂..慚愧啊…謝謝啦,在你這學了好多~~ 🙄 🙄 🙄
你好,我用了這個插件。但是在WP裡面顯示的漢字全是亂碼啊~~我的WP版本是2.9.1,請問博主如何解決呢?
補充一下,是生成的字體都是亂碼~
比如這樣。。。見圖
http://www.joeychik.com/luanma.png
暈~我在遠程端上試就好了~應該是我本地伺服器配置的問題~這不好意思麻煩啦
8錯 😛
為什麼裝了之後都沒變化啊。。。
求解……
@na 是否把原來的顯示標題的函數替換成了the_ttftitle()?
呃。。在哪兒改?
@na 模板文件里,搜索the_title(),一般是在模板的index.php以及single.php文件里
@Leeiio =U=好了~謝謝~
@na 哈哈,那便好
不錯的插件
WP3.0安裝了插件找不到在什麼地方設置啊!
請問生成的標題後面的灰色底框是怎麼回事,該怎麼去掉
@sd 請檢查你的css文件里.post img, .post a img這個css,你設置了背景顏色和邊框。
呀,修改了header.php. 底框去掉了,還想問下,如何像您博客主題那般加上雙引號?
@sd 你可以看我的源代碼,其實就是兩個背景圖么
@Leeiio
哥,怎麼添加背景圖
😉 請問這樣會不會不利於搜索引擎啊?
@ya 圖片裡面依舊含有alt信息,搜索引擎爬蟲還是正常能識別的。
🙁 為什麼不支持中文?我把文章標題寫成中文就顯示不了了,或是亂碼..求助啊~ 🙁
@努力找北 我的博客不就是中文標題么?你或者是中文字體沒上傳,或者是沒設置該中文字體。
圖片路徑填什麼啊?總是找不到圖片…
@loke 伺服器的文件絕對路徑
@Leeiio
san球
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
這個插件不錯的說
博主真是強淫,我還是個新手,不懂的請多指教
請問,到底怎麼做?插件在後天只有編輯停用兩個選項
頂一頂 😛
🙁 菜鳥我是 不會用教教?
314803137@qq.com
我自己做了一個asp.net 網站 我想使用這個插件在我的網站裡面 可以嗎?
我的郵箱是314803137@qq.com
謝謝了。
字體傳不上去是怎麽回事呢?另外,我的顯示怎麽沒有那個小圓的顏色按紐呢?
@老李 字體傳不上去就得問你自己了…沒有小圓的顏色按鈕可能是瀏覽器問題
請問我想把sidebar的標題變成圖片文字而文章標題不變,要加什麼參數呢?
確實不錯哦~~~謝謝了
帶個效果圖就好了!!
好複雜啊! 👿
貌似不錯啊