[外掛教學]利用TTF Titles達至標題圖像化!

好久沒寫Wordpress外掛教學了呼~
前幾天有位帥哥敲我家的門(其實是偷偷send e-mail給我),請我定必撰寫一下關於ttftitles的一切。
啊啊~那篇煩人的完食感想真的很煩人!!(廢話)  某闇自12號一直寫寫寫到今天可能還會跨年地寫OTL 太恐怖了我(囧

不管那篇了~來寫教學了啦啦啦♪ (被眾看倌扔香蕉皮)

自上一版(就是我家的那個紫色的佈景)開始,某闇已經使用圖片化標題了。
雖然看似很吃空間資源,可是絕對會讓BLOG美觀起來的!!

首先,請到官方網站下載ttftitles。
把檔案解壓,放到wp-content/plugins的目錄下。
在wp-content/plugins/ttftitles的目錄中,找到fonts。這是你放置字體的地方。
預設是一大堆字體,不過貌似沒有中文字體OTL

那麼,毫不猶疑刪掉它們就可以了!

以「微軟正黑體」為例:

自行在網上搜尋該字體的ttf檔,下載好以後,把字體上傳到fonts目錄。
返回後台,於「外觀」>TTF titles>fonts中就可以看見字體了。


Highslide JS

頂部是導航條,style那個可以讓你設定字體的大小顏色字體,還有陰影等等。請自行摸索。
如果看倌你希望陰影是灰色的話,我會比較推薦你用#575757這個色碼。

儲存好設定,就要設定index.php、page.php和single.php了。
平時標題列的code是<?php the_title(); ?>,
ttftitles的就是<?php the_ttftitle(); ?>

先翻開index.php,也許你的佈景會有這麼的一段代碼:

<h2><a class="title" href="<?php the_permalink() ?>" title="<?php _e('Permanent Link to', 'LowYA'); ?>
<?php the_title(); ?>" rel="bookmark"><?php the_title(); ?></a></h2>

此時你就要把後面那個the_title();改成the_ttftitle();了,儲存後,看看效果怎樣?

Highslide JS

看來不錯喔 8-)

滿意的話就按剛才的方法繼續加插ttf字樣到index.php、page.php和single.php了。

P.S.:ttftitles是有快取唷,想刪除快取節省空間資源,只需在後台的cache>clear cache一按刪除便可。

另,某闇現在用的字體是Meguri
覺得漂亮的就請在這兒下載吧,不過千萬不要在目錄中加入大量的字型檔!!
這樣是會大量吃掉空間容量(字體一般都要3-2X MB),導致觀看網頁的速度變慢。

以上!!

  1. NG TAIWAN Mozilla Firefox Windows
    2010-01-02 @ 下午 4:04 
    1

    原來...我是帥哥!(炸
    說真格的,
    真的十分感謝,你為我寫教學!(感動
    先去研究了!
    感謝!

    小闇說:
    快去研究(踢)
    ……話說,我家那未調教的askimet擋了NG桑你的留言,萬分抱歉OTL|||

  2. NG TAIWAN Mozilla Firefox Windows
    2010-01-02 @ 下午 10:49 
    2

    沒關係~~

    小闇說:
    XDD~

  1. TrackBack
    圖樣式標題 | 閒言閒語 TAIWAN WordPress
    2009-12-30 @ 下午 7:55 
    1

    [...] 教學請看這裡 [...]

:wink: :twisted: :roll: :oops: :mrgreen: :m(_ _)m: :lol: :idea: :haha: :evil: :cry: :arrow: :?: :-| :-x :-o :-P :-D :-? :) :!: 8-O
(完成後可按 Ctrl+Enter 發表留言)
抱歉了!這兒是不會寄出迴響回覆通知信件的
你必須自行回來看我的迴響耶XD