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

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

Wordpress外掛《Highslide4WP》讓表情符號不佔版面更清爽! 01

一、安裝Highslide4WP:

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

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

Wordpress外掛《Highslide4WP》讓表情符號不佔版面更清爽! 03

點擊〝立即安裝〞

Wordpress外掛《Highslide4WP》讓表情符號不佔版面更清爽! 04

再啟用外掛即可~

Wordpress外掛《Highslide4WP》讓表情符號不佔版面更清爽! 05

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

<?php highslide_emoticons(); ?>

Wordpress外掛《Highslide4WP》讓表情符號不佔版面更清爽! 06

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

Wordpress外掛《Highslide4WP》讓表情符號不佔版面更清爽! 02

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

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

WordPress外掛《Custom Smilies》可愛的洋蔥頭我來囉!!

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

使用的,趕緊去試試吧。

Categorized in:

WordPress,

Last Update: 2009 年 11 月 25 日