Wordpress 博客表情插件 Custom Smilies
來源:程序員人生 發布時間:2014-05-28 22:36:41 閱讀次數:3583次
wordpress正文或留言中插入表情,是不是很生動呢?也會讓訪客感到更有樂趣的,實現這個功能很簡單,可以直接安裝插件或添加代碼,那么,就看看Custom Smilie這款插件吧。
Custom Smilies的安裝使用:
- 下載Custom Smilies插件,解壓后,上傳到plugin目錄;
- 登錄wordpress后臺控制面板,在plugins中找到Rustom Smilies插件,激活插件后既可使用了插件。
- 在“Settings”中找到“Smilies”,設置插件即可,出現如下圖頁面:
插件默認的是讀取/wp-includes/images/smilies目錄中的表情,如果你沒有刪除smilies文件夾中圖片,會列如上圖所示的幾列小圖標,wp默認的表情有點小丑。
網上有很多的表情包,你可以下載下來試試,博客表情大全,里面的表情就非常的不錯(點擊下載),下載之后,將表情圖片上傳到/wp-includes/images/smilies文件夾中,后臺刷新,將你需要用的表情設置表情代碼(不要太多),代碼中不要包含字符:" ' 。
將這段代碼插入到comment.php文件中的適當位置。
<?php if ( function_exists(cs_print_smilies) ) {cs_print_smilies();} ?>
建議放在緊挨留言文本框的上面或下面。
<textarea name="comment" id="comment" tabindex="4" rows="8" cols="50"></textarea>
復制代碼上面,刷新一下,看是不是有表情了。
表情設置:
- 顯示默認表情:不將所有表情列出,添加一個按鈕來顯示更多表情。
- 留言框ID:如果你的插件無法使用,比如點擊表情無法插入到文本框,在這里輸入留言框ID,即comment.php里<textarea中的id="...".
- 表情文件夾路徑,默認是/wp-includes/images/smilies,可以更改。
- 彈出窗口高度寬度:功能不詳。
- 其他設置:使用名為 comment_form 的 action,如果你的主題支持它的話。這樣,你就不用手動添加代碼到 comments.php 了(自己加還是好些)。
注意事項:
- 留言框ID最好是添加進去,以免出現問題,比如無法點擊表情(博主出現過該問題)。
- 設置表情代碼時,不要插入某些符號如" " 還有< >,否則會出現發表評論的時候顯示的是文本(表情代碼)而不是圖片了(博主出現過該問題)。
- 插入代碼時標簽注意位置,以免破壞布局,比如表情撐出(博主出現過該問題)。
- 自定義的表情圖片尺寸不要過大,圖片不要過多,否則會嚴重影響頁面美觀,頁面載入速度,流量等等
Custom Smilies插件下載地址:點擊下載
Custom Smilies插件作者地址:點擊進入
生活不易,碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈