由于自己內(nèi)頁(yè)都是音樂(lè)試聽(tīng)，原來(lái)Tstyle免費(fèi)共享版里面沒(méi)有Ajax評(píng)論，所以每次評(píng)論就刷新頁(yè)面，導(dǎo)致音樂(lè)也要被刷新，要從新開(kāi)始播放，感覺(jué)特別不友好。于是在網(wǎng)上搜到了代碼實(shí)現(xiàn)Ajax評(píng)論的方法，發(fā)出來(lái)共享給需要的朋友。代碼來(lái)自來(lái)自于 Willin 大師。
代碼下載
comments-ajax-1.29.zip (5.4 KB, 2,017 次) 失效反饋
本站下載音樂(lè)僅供試聽(tīng)交流，未經(jīng)原作者授權(quán)禁止用于任何商業(yè)用途！
comments-ajax-1.3.zip (5.3 KB, 2,055 次) 失效反饋
本站下載音樂(lè)僅供試聽(tīng)交流，未經(jīng)原作者授權(quán)禁止用于任何商業(yè)用途！
?
安裝方法
解壓之后, 將 comments-ajax.js 及 comments-ajax.php 放在模板所在目錄
在 header.php 找到
- <?php?if?(?is_singular()?)?wp_enqueue_script(?‘comment-reply’?);??> ??
- <?php?wp_head();??>??
將其替換為
- <script?type=“text/javascript”?src=“http://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js”></script> ??
- <?php?wp_head();??> ??
- <?php?if?(?is_singular()?){??> ??
- <script?type=“text/javascript”?src=“<?php?bloginfo(‘template_directory’);??>/comments-ajax.js”></script> ??
- <?php?}??>??
如果你博客模板header.php里面已經(jīng)加載過(guò)jquery.min.js這個(gè)JQ庫(kù)文，上面的這句代碼可刪除，不用加入header.php
- <script?type=“text/javascript”?src=“http://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js”></script> ??
因?yàn)?comments-ajax.js 已合併了 WP 的 comment-reply.js, 所以不必再叫用原來(lái)的 wp_enqueue_script( ‘comment-reply’ )如果你的模板夠標(biāo)準(zhǔn), 這樣就可以正常工作了。
如果有任何運(yùn)行不正常, 請(qǐng)繼續(xù)看以下注意事項(xiàng):
1. 安裝前, 請(qǐng)先確認(rèn) WordPress 內(nèi)置嵌套評(píng)論已正常運(yùn)作. 如果不是內(nèi)置嵌套評(píng)論, 會(huì)出問(wèn)題的。
2. 各式模板設(shè)計(jì)不同, 請(qǐng)檢查 comments.php 是否夠標(biāo)準(zhǔn), 盡量不修改模板, 只要對(duì)應(yīng)修改本文件, 以免 css 亂套。
- ◎標(biāo)準(zhǔn)模板是指: ??
- “評(píng)論數(shù)”?id=“comments”?(WP?3.0?用的是?id=“comments-title”) ??
- 例:?<h3?id=“comments”><?php?comments_number(?…有%條評(píng)論…?</h3> ??
- 已知有不少模板用的不是?“comments”,?它的?“comments”?已用到別地方, ??
- 如果評(píng)論提交后,?評(píng)論數(shù)位置出現(xiàn)很多源代碼,?通常是這問(wèn)題,?要特別留意! ??
- ps.?WP?3.0?用的是?id=“comments-title”,?新版我已將?“comments”?改?“comments-title”, ??
- 如果你要用以前的?“comments”,?請(qǐng)?jiān)?comments-ajax.js?第?25?行更改. ??
- “評(píng)論列表”?id=“commentlist”??
- 例:?<ol?id=“commentlist”>?注意是?ol?不是?ul. ??
- “窗體”?id=“commentform”??
- 例:?<form?action=“<?php?echo?get_option(‘siteurl’);??>/wp-comments-post.php”?method=“post”?id=“commentform”> ??
- “評(píng)論框”?id=“respond”?(是含?author,?email,?url,?comment) ??
- 例:?<div?id=“respond”?…?> ??
- “評(píng)論區(qū)”?id=“comment”??
- 例:?<textarea?name=“comment”?id=“comment”?…?> ??
- “提交”?id=“submit”??
- 例:?<input?…?id=“submit”?…?> ??
- ※以上所用的?id?標(biāo)簽是?js?運(yùn)作的重要關(guān)鍵!?請(qǐng)確認(rèn)與模板對(duì)應(yīng)無(wú)誤!??
3. 本程序主要提供 Ajax comments 功能, css 已盡量配合原模板輸出. 如果還有 css 需求, 請(qǐng)自行修改.
4. 在 comments-ajax.php 最下方有評(píng)論格式, 若你的 functions.php 有 mytheme_comment(), 請(qǐng)對(duì)應(yīng)覆蓋, 且拿掉 “回復(fù)” 鏈接.
下面是自己修改comments-ajax.php 最后評(píng)論樣式代碼以適應(yīng)Tstyle模板，如果不是Tstyle模板的，可以無(wú)視了。
- <div?class=“box”> ??
- <li?<?php?comment_class();??>?id=“li-comment-<?php?comment_ID();??>”> ??
- ????<div?id=“div-comment-<?php?comment_ID();??>”?class=“comment-body”> ??
- ????????<div?class=“comment-author?vcard”> ??
- ????????????<img?src=“<?php?echo?bloginfo(‘template_directory’),’/img/gravatar.jpg’??>”?alt=“”?class=“avatar”?/> ??
- ????????????<?php?printf(?__(?‘<cite?class=“fn”>%s</cite>?<span?class=“says”>says:</span>’),?get_comment_author_link()?);??> ??
- ????????????<?php?if?(?$comment->comment_approved?==?‘0’?)?:??> ??
- ????????????<span?style=“color:#0ff;?font-style:inherit”>您的評(píng)論正在等待審核中…</span> ??
- ????????????<?php?endif;??> ??
- ????????????<br> ??
- ????????????<div?class=“comment-meta?commentmetadata”><?php?comment_date()??>?<?php?comment_time()??></div> ??
- ????????</div> ??
- ????????<?php?comment_text();??> ??
- ????</div> ??
- </div>??
雖然沒(méi)有原版Tstyle的Ajax那么完美，但是感覺(jué)基本上也可以了，大家可以試下。
【W(wǎng)ordPress技巧】禁止wordpress自動(dòng)加br標(biāo)簽的方法![【wordpress技巧】[轉(zhuǎn)]輸出數(shù)據(jù)庫(kù)查詢具體內(nèi)容，減少查詢次數(shù)](/wp-content/uploads/2012/06/wordpress.jpg)
【wordpress技巧】[轉(zhuǎn)]輸出數(shù)據(jù)庫(kù)查詢具體內(nèi)容，減少查詢次數(shù)【wordpress技巧】?jī)?yōu)化wordpress登錄和退出后頁(yè)面（返回當(dāng)前或指定頁(yè)面）
【W(wǎng)ordPress技巧】防止評(píng)論者冒充博主進(jìn)行評(píng)論【wordpress技巧】wordpress實(shí)現(xiàn)側(cè)邊欄調(diào)用分類目錄
【wordpress技巧】解決中文標(biāo)簽打不開(kāi)404錯(cuò)誤問(wèn)題- 推薦文章
- 最多評(píng)論
- 最熱文章
- 最新評(píng)論
- 用生命埋葬記憶 配樂(lè):Adagio 作者:月滿西窗
- 淡淡的憂傷 《黃手帕》吉他配樂(lè)
- 擱淺流年 配樂(lè):愛(ài)在左，情在右 作者：網(wǎng)絡(luò)
- 有一種愛(ài)只是意外 配樂(lè)：白色印記 作者:寒蕭蕭
- 絕情谷&英雄的黎明《神雕俠侶》配樂(lè)
- 《鬼鼓》配樂(lè)《波曼最后的民謠》
- 零落在風(fēng)中的殘傷 作者：夕月 配樂(lè)：《雪花神劍》
- 幻世 配樂(lè)：司崗里情
- 夜的迷茫 配樂(lè)：逆時(shí)針 作者：小靈子
- 失去的輕狂 配樂(lè)：楊柳 作者:追憶輕狂
- 《緣之空》優(yōu)美鋼琴背景音樂(lè)《遠(yuǎn)い空へ》
- 【鋼琴精選】天籟鋼琴精選合集 100首[百度網(wǎng)盤(pán)]
- S.E.N.S. 神思者簡(jiǎn)介 （1988-2015全集無(wú)損下載FLAC/APE/MP3）
- 《新白娘子傳奇》經(jīng)典配樂(lè)集伴奏集（含配樂(lè)無(wú)損下載）
- 化作千風(fēng)守護(hù)你 憂傷塤曲
- 《蝶戀》-仙劍奇?zhèn)b配樂(lè)（鋼琴、竹笛、吉他、墨明棋妙等10個(gè)版本）
- 芊芊（純音竹笛版）藝術(shù)家：周小航
- 【墨明棋妙】《雨碎江南》印象 琵琶 二胡 笛子 洞簫 塤 客緣等9個(gè)版本
- 《羋月傳》配樂(lè) - 羋月與黃歇的愛(ài)情主題 女聲 哼唱
- 【W(wǎng)ordPress技巧】wordpress Tstyle實(shí)現(xiàn)Ajax評(píng)論（非插件代碼版）
- 【鋼琴精選】天籟鋼琴精選合集 100首[百度網(wǎng)盤(pán)]
- 《緣之空》優(yōu)美鋼琴背景音樂(lè)《遠(yuǎn)い空へ》
- 【墨明棋妙】《雨碎江南》印象 琵琶 二胡 笛子 洞簫 塤 客緣等9個(gè)版本
- 《新白娘子傳奇》經(jīng)典配樂(lè)集伴奏集（含配樂(lè)無(wú)損下載）
- TVB 經(jīng)典憂傷二胡配樂(lè) 《思君黯然》
- 《后宮》電視劇配樂(lè)
- 【W(wǎng)ordPress技巧】wordpress Tstyle實(shí)現(xiàn)Ajax評(píng)論（非插件代碼版）
- 《蝶戀》-仙劍奇?zhèn)b配樂(lè)（鋼琴、竹笛、吉他、墨明棋妙等10個(gè)版本）
- 化作千風(fēng)守護(hù)你 憂傷塤曲
- 【人物】手繪帥哥美女
在 《熱門(mén)標(biāo)簽
- 古典詩(shī)詞 網(wǎng)絡(luò)投稿 古典民樂(lè) 鋼琴曲 網(wǎng)絡(luò)美文 古風(fēng)純音 鋼琴 影視配樂(lè) 憂傷散文 二胡 古風(fēng) 笛子 電臺(tái)節(jié)目 現(xiàn)代詩(shī)歌 游戲配樂(lè) 淺吟心殤 琵琶 動(dòng)漫配樂(lè) 傷感散文 優(yōu)美散文 國(guó)風(fēng) 哼唱 散文隨筆 經(jīng)典憂傷 小提琴 古風(fēng)清音 七絕 古風(fēng)詩(shī)詞 新世紀(jì) 專輯推薦 PS素材 散文詩(shī) 簫 經(jīng)典配樂(lè) 古箏 DJ田鵬 音樂(lè)地球村 現(xiàn)代詩(shī) 音畫(huà) 竹笛 吉他 吟唱 隨筆 笛簫
挺好的 :eek:
我想問(wèn)問(wèn)博主的，方法我的頭像評(píng)論頭像不能正常顯示了
博主在沒(méi)，我等的好急啊
好文章，我就是弄不了！不知道錯(cuò)在哪里！能請(qǐng)教你嗎？