輕鬆調用WordPress表情符號

閱讀須知:

This site is best viewed with IE 11.0 higher and 1024*768 resolution HighColor.

連結內容時效性依所在網頁分享為主!

**本站內容無断転載禁止!

*本站圖庫放置於Flickr,少部分國家/地區因封鎖可能無法正常讀取!

*本站雜談內容相關記事為當下日時所記錄,不沿用至往後!

*小站いきものがかり相關訊息一切歡迎交流!

本站歡迎中國、香港、日本以及台灣等等華人圈訪客,極少部份中國人以及黑名單不歡迎到訪!

2016年10月(9/3測試完畢,近期進行無縫轉移)起新域名即將啟用,網站名稱以及內容將大幅減少個人色彩朝公眾化趨近,相關資源整合轉移進行中,舊域名屆時自動同步轉換至新域名!

9/7告知︰
為了配合網站以及新域名的使用,2016/10/1起能正常連線網站者的國家/地區如下︰
中國、香港、日本、澳門、美國、台灣、馬來西亞、新加坡、韓國

您的IP記錄位置(自動):
54.145.95.149

**10/26新增說明(補),轉移之後的頁面呈現目前只限現在可登入的訪客,登入後(新站)與登入前(舊站)的頁面呈現樣貌完全不同,登入後留言不顯示於舊站,日後開放註冊所公開的首頁顯示將僅以概略方式呈現!**

**12/25,新站兩次測試後運作穩定,2017年1月進行第三次測試(已測試結束)!**

**2017年4月起,正式嵌入新站影音區影音資料,既有facebook影音區不再使用(舊站不定期使用放置)!

**目前新舊站相併運行,新站放牧期間暫時不開放註冊,僅接受Mail申請(留言留下資料即可)!

WordPress是一款可作為會員網站或是個人網誌的PHP程式,在網路上的使用者越來越多,因為WordPress除了更新速度快之外,所被開發、附加的外掛以及版型算是在眾多此類型PHP程式中最多的,不少名人以WordPress作為個人網站。

在WordPress中,原先就附設了表情符號,只不過讓預設的表情符號出現,是要知道表情英文的代碼或是符號才能呈現出來,而對於大多數使用者來說,這等同於大海裡撈針,誰會想到要輸入什麼英文代碼才能出現何種類型表情。

而對於網站的站長,通常會藉由外掛來調用WordPress預設的表情符號或是自行添加的表情圖示,不過有時還要考慮是否會和其他插件、佈景不兼容等等,現在只要簡單的幾項步驟,即可輕鬆調用WordPress表情符號。

步驟一︰【/wp-content/themes/使用中版型】

將下列語法複製到記事本,上傳到使用中版型的資料夾,將文件檔案命名為smiley.php

步驟三便以此文件作尋找修改

//調用表情符號起始點
<script type="text/javascript" language="javascript">
<!--
function emoticon(smiley) {
	var txtarea = document.comments_form.comment;//comments_form?comments.php的<form ...>行的name的值 || comment?<textarea ...></textarea>行的name的值
	smiley = ' ' + smiley + ' ';
	if (txtarea.createTextRange && txtarea.caretPos) {
		var caretPos = txtarea.caretPos;
		caretPos.comment = caretPos.comment.charAt(caretPos.text.length - 1) == ' ' ? smiley + ' ' : smiley;//comment?<textarea ...></textarea>行的name的值
		txtarea.focus();
	} else {
		txtarea.value  += smiley;
		txtarea.focus();
	}
}
//-->
</script>
<br />
<a href="javascript:emoticon(':smile:')"><img src="<?php bloginfo('url'); ?/>/wp-includes/images/smilies/icon_smile.gif" alt="微笑" border="0"></a>
<a href="javascript:emoticon(':grin:')"><img src="<?php bloginfo('url'); ?/>/wp-includes/images/smilies/icon_biggrin.gif" alt="開口笑" border="0"></a>
<a href="javascript:emoticon(':sad:')"><img src="<?php bloginfo('url'); ?/>/wp-includes/images/smilies/icon_sad.gif" alt="悲傷" border="0"></a>
<a href="javascript:emoticon(':eek:')"><img src="<?php bloginfo('url'); ?/>/wp-includes/images/smilies/icon_surprised.gif" alt="驚訝" border="0"></a>
<a href="javascript:emoticon(':shock:')"><img src="<?php bloginfo('url'); ?/>/wp-includes/images/smilies/icon_eek.gif" alt="震驚" border="0"></a>
<a href="javascript:emoticon(':???:')"><img src="<?php bloginfo('url'); ?/>/wp-includes/images/smilies/icon_confused.gif" alt="困惑" border="0"></a>
<a href="javascript:emoticon(':cool:')"><img src="<?php bloginfo('url'); ?/>/wp-includes/images/smilies/icon_cool.gif" alt="酷" border="0"></a>
<a href="javascript:emoticon(':lol:')"><img src="<?php bloginfo('url'); ?/>/wp-includes/images/smilies/icon_lol.gif" alt="大笑" border="0"></a>
<a href="javascript:emoticon(':mad:')"><img src="<?php bloginfo('url'); ?/>/wp-includes/images/smilies/icon_mad.gif" alt="發怒" border="0"></a>
<a href="javascript:emoticon(':razz:')"><img src="<?php bloginfo('url'); ?/>/wp-includes/images/smilies/icon_razz.gif" alt="吐舌頭" border="0"></a>
<a href="javascript:emoticon(':oops:')"><img src="<?php bloginfo('url'); ?/>/wp-includes/images/smilies/icon_redface.gif" alt="臉紅" border="0"></a>
<a href="javascript:emoticon(':cry:')"><img src="<?php bloginfo('url'); ?/>/wp-includes/images/smilies/icon_cry.gif" alt="哭泣" border="0"></a>
<a href="javascript:emoticon(':evil:')"><img src="<?php bloginfo('url'); ?/>/wp-includes/images/smilies/icon_evil.gif" alt="邪惡" border="0"></a>
<a href="javascript:emoticon(':twisted:')"><img src="<?php bloginfo('url'); ?/>/wp-includes/images/smilies/icon_twisted.gif" alt="變態" border="0"></a>
<a href="javascript:emoticon(':roll:')"><img src="<?php bloginfo('url'); ?/>/wp-includes/images/smilies/icon_rolleyes.gif" alt="敷衍" border="0"></a>
<a href="javascript:emoticon(':wink:')"><img src="<?php bloginfo('url'); ?/>/wp-includes/images/smilies/icon_wink.gif" alt="暗示" border="0"></a>
<a href="javascript:emoticon(':!:')"><img src="<?php bloginfo('url'); ?/>/wp-includes/images/smilies/icon_exclaim.gif" alt="驚嘆" border="0"></a>
<a href="javascript:emoticon(':?:')"><img src="<?php bloginfo('url'); ?/>/wp-includes/images/smilies/icon_question.gif" alt="疑問" border="0"></a>
<a href="javascript:emoticon(':idea:')"><img src="<?php bloginfo('url'); ?/>/wp-includes/images/smilies/icon_idea.gif" alt="主意" border="0"></a>
<a href="javascript:emoticon(':arrow:')"><img src="<?php bloginfo('url'); ?/>/wp-includes/images/smilies/icon_arrow.gif" alt="箭頭" border="0"></a>
<a href="javascript:emoticon(':neutral:')"><img src="<?php bloginfo('url'); ?/>/wp-includes/images/smilies/icon_neutral.gif" alt="中立" border="0"></a>
<a href="javascript:emoticon(':mrgreen:')"><img src="<?php bloginfo('url'); ?/>/wp-includes/images/smilies/icon_mrgreen.gif" alt="傻笑" border="0"></a>
<br />
//語法代碼結束

步驟二︰【/wp-content/themes/使用中版型/comments.php】

尋找下列語法<1>

<form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php"</form>

請記下後方 name="呈現的代碼" 或是 id="呈現的代碼"

尋找下列語法<2>

<textarea name=

請記下後方 name="呈現的代碼" 或是 id="呈現的代碼"

步驟三︰【/wp-content/themes/使用中版型/smiley.php】

尋找下列語法<1>

var txtarea = document.comments_form.comment;

comments_form請替換成步驟二中尋找下列語法<1>name後面所呈現的代碼
comment請替換成步驟二中尋找下列語法<2>name後面所呈現的代碼

尋找下列語法<2>

caretPos.comment = caretPos.comment.charAt(caretPos.text.length - 1

兩個comment請替換成步驟二中尋找下列語法<2>name後面所呈現的代碼

步驟四︰【/wp-content/themes/使用中版型/comments.php】

尋找下列語法

<textarea name="

在這行之前加上

< ?php include (TEMPLATEPATH . '/smiley.php'); ?>

如此一來,依照酷米小子的方法,輕輕鬆鬆的完成了調用表情符號的工作,不需要插件、也不用擔心WordPress更新時還要修改,如果覺得預設的表情符號不好,可以自由更換步驟一文件當中的表情符號位址。

閱讀須知:

This site is best viewed with IE 11.0 higher and 1024*768 resolution HighColor.

連結內容時效性依所在網頁分享為主!

**本站內容無断転載禁止!

*本站圖庫放置於Flickr,少部分國家/地區因封鎖可能無法正常讀取!

*本站雜談內容相關記事為當下日時所記錄,不沿用至往後!

*小站いきものがかり相關訊息一切歡迎交流!

阿茂

いきものがかり.ゆず.生物股長.柚子.1年2組.超いきものまつり2016 台湾參戦団-海老名初日 8/27.いきものがかり テレビ收藏愛好者 2006 ~ 2016/11/10.NEW收藏2016/11/10 ~ 現在.日文: 閱讀O.慣用語: 中文.台灣-高雄

Latest posts by 阿茂 (see all)

3則留言在 “輕鬆調用WordPress表情符號

此篇已經關閉留言功能.