很多人在留言的部份都會加裝表情符號的插件,站長也不例外,就算洋蔥頭會佔流量,但丫湯最多把他變成小洋蔥,也沒放棄他,但要如何像丫湯一樣是彈出式的小框框呢?才不會弄了一堆表情符號有礙版面,應該不少人都知道是利【Highslide4WP】這個外掛來達成這樣的效果,不過卻不知道如何替換掉預設的圖片吧!其實只要再多加裝一個外掛就可以囉~

如同下圖彈出式表情框框,這原本只需利用Highslide4WP就可以製作出來的效果,不過如要修改裡面的圖示的話,就必需要加上Custom Smilies這個外掛囉,否則要修改Highslide4WP的原碼可是很麻煩。

一、安裝Highslide4WP:

外掛下載:http://wordpress.org/extend/plugins/highslide4wp/

下載解壓後上傳至 /wp-content/plugins 資料內再啟用即可,或利用後台安裝 外掛→新增外掛→輸入Highslide4WP搜尋 ,點擊Highslide4WP安裝

點擊〝立即安裝〞

再啟用外掛即可~

然後comments.php找適當的位置加入以下語法:

<?php highslide_emoticons(); ?>

再來到前台看看留言處有沒有問題,如此一來就完成了基本的彈出式的表情框,接下來我們往下來看看怎麼設定裡面的圖示吧。

二、利用Custom smilies設定預設表情圖示:

Custom smilies的安裝及使用方法請參考以下連結:

Wordpress外掛【Custom Smilies】可愛的洋蔥頭我來囉!!

在參考上述文章的安裝過程中,有一步驟也是要插入程式碼的,此步驟就請省去,也就是安裝後直接設定表情符號即可,也就是可利用Custom smilies外掛來設定Highslide4WP內要顯示的表情符號哦,非常方便,站長也是無意間發現可以這樣

使用的,趕緊去試試吧。

日期:2009/04/29 | 瀏覽 680 次 | 留言:10 個 | 作者:scorpio
分類:Wordpress, wp-plugins(外掛)
標籤:, , , ,
本站採用CC授權不歡迎全文轉載,如需轉載(部份)、引用文章,請務必附上作者及來源處。
訂閱『就是教不落』的RSS

10 個留言

  1. lioyeah 說道:

    是否可以考虑用CSS配置一下表情按钮的位置呢?
    那样看起来会更协调和美观呢~

    丫湯說:

    一直沒去調,打算換下個佈景時再來做調整

  2. xD~碳 說道:

    碳碳發現了文章錯誤 ← 真的是眼尖的碳碳啊 :as33
    「或利用後台安裝 外掛→新增外掛→輸入Hideslide4WP搜尋」
    的Hideslide4WP
    不是隱藏(Hide)吧? 難怪搜尋不到(驚)
    ㄚ湯把它改成「Highslide4WP」不然它已經哭很久囉 :as10

    版主回應:

    改好了~XD

  3. Poshi 說道:

    :as61 吼吼,你寫的還真及時,我正想問你怎麼做這個效果呢~~~

    版主回應:

    之前拆組達人就有問過我

    一直要寫都忘記

    昨天熊熊想到…

  4. Elvis 說道:

    之前香腸也有介紹過~
    很不錯的一個外掛^^

    版主回應:

    不過沒人介紹修改預設圖示

    大部份人只知道取代原圖

  5. Ausir 說道:

    很少用表情符號溜

    難怪大家都誤會我 :as51

    版主回應:

    誤會你啥

  6. 拆組達人 說道:

    原本有留言詢問說怎麼換預設的的符號
    後來自己無意中摸索出來了^^
    版大也「救甘興」 :as51 ,過沒兩天也發文教學文
    「肛溫」啊~~ :as24

    版主回應:

    當做是做個筆記嘛呵呵

    人老容易會忘掉

  7. Arno Ruan 說道:

    這外掛真的蠻實用的,諾也有裝,文章中也能用唷。^_^

    版主回應:

    嗯嗯,只可惜他沒有可以直接在後台

    修改使用圖示,幸好被我亂搞找出其它方法

  8. 說道:

    :as57

    版主回應:

    @@…….

  9. Werboy 說道:

    沙發座到沒?

    版主回應:

    恭喜你~板凳…….

  10. 天仙 說道:

    有坐到沙發嘛?? :as51

    版主回應:

    不過今天不舒服,剛好要來去睡囉

發表留言 »





網站資訊


Creative Commons License Google PageRank查詢
Copyright 2009 就是教不落 | Theme Sco v2.0 By:Scorpio