[外掛教學]利用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,也許你的佈景會有這麼的一段代碼:

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

Highslide JS

看來不錯喔 8-)

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

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

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

以上!!

3則留言

留言(2)引用通告(1)

  1. NG

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

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


    2010 年 01 月 02 日 下午 4:04 | #1 @
    • NG

      沒關係~~

      小闇說:
      XDD~


      2010 年 01 月 02 日 下午 10:49 | #2 @

發表評論


(Ctrl+Enter)