<ruby id="vvttv"></ruby>

    
    

      <pre id="vvttv"><del id="vvttv"></del></pre>

      <del id="vvttv"><mark id="vvttv"></mark></del>
      <pre id="vvttv"></pre><ruby id="vvttv"><b id="vvttv"><progress id="vvttv"></progress></b></ruby><p id="vvttv"></p>
      logo
      當前位置:首 頁 > 資源分享 >WP技巧 > 查看文章

      由于自己內頁都是音樂試聽,原來Tstyle免費共享版里面沒有Ajax評論,所以每次評論就刷新頁面,導致音樂也要被刷新,要從新開始播放,感覺特別不友好。于是在網上搜到了代碼實現Ajax評論的方法,發出來共享給需要的朋友。代碼來自來自于 Willin 大師。

       

      代碼下載


      comments-ajax-1.29.zip (5.4 KB, 1,743 次) 失效反饋
      本站下載音樂僅供試聽交流,未經原作者授權禁止用于任何商業用途!

      v1.29 適用於 WordPress 2.8 ~ 3.0版本

      comments-ajax-1.3.zip (5.3 KB, 1,815 次) 失效反饋
      本站下載音樂僅供試聽交流,未經原作者授權禁止用于任何商業用途!

      (v1.3 2010/5/20 更新) 用了新函數 get_post_status_object(), 適用于 WordPress 3.0 以上版本。

      ?

      安裝方法


      解壓之后, 將 comments-ajax.js 及 comments-ajax.php 放在模板所在目錄
      在 header.php 找到

      1. <?php?if?(?is_singular()?)?wp_enqueue_script(?‘comment-reply’?);??> ??
      2. <?php?wp_head();??>??

      將其替換為

      1. <script?type=“text/javascript”?src=“http://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js”></script> ??
      2. <?php?wp_head();??> ??
      3. <?php?if?(?is_singular()?){??> ??
      4. <script?type=“text/javascript”?src=“<?php?bloginfo(‘template_directory’);??>/comments-ajax.js”></script> ??
      5. <?php?}??>??

      如果你博客模板header.php里面已經加載過jquery.min.js這個JQ庫文,上面的這句代碼可刪除,不用加入header.php

      1. <script?type=“text/javascript”?src=“http://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js”></script> ??

      因為 comments-ajax.js 已合併了 WP 的 comment-reply.js, 所以不必再叫用原來的 wp_enqueue_script( ‘comment-reply’ )如果你的模板夠標準, 這樣就可以正常工作了。

       

      如果有任何運行不正常, 請繼續看以下注意事項:


      1. 安裝前, 請先確認 WordPress 內置嵌套評論已正常運作. 如果不是內置嵌套評論, 會出問題的。
      2. 各式模板設計不同, 請檢查 comments.php 是否夠標準, 盡量不修改模板, 只要對應修改本文件, 以免 css 亂套。

      1.  ◎標準模板是指: ??
      2.    “評論數”?id=“comments”?(WP?3.0?用的是?id=“comments-title”) ??
      3.     例:?<h3?id=“comments”><?php?comments_number(?…有%條評論…?</h3> ??
      4.     已知有不少模板用的不是?“comments”,?它的?“comments”?已用到別地方, ??
      5.     如果評論提交后,?評論數位置出現很多源代碼,?通常是這問題,?要特別留意! ??
      6.     ps.?WP?3.0?用的是?id=“comments-title”,?新版我已將?“comments”?改?“comments-title”, ??
      7.      如果你要用以前的?“comments”,?請在?comments-ajax.js?第?25?行更改. ??
      8.    “評論列表”?id=“commentlist”??
      9.     例:?<ol?id=“commentlist”>?注意是?ol?不是?ul. ??
      10.    “窗體”?id=“commentform”??
      11.     例:?<form?action=“<?php?echo?get_option(‘siteurl’);??>/wp-comments-post.php”?method=“post”?id=“commentform”> ??
      12.    “評論框”?id=“respond”?(是含?author,?email,?url,?comment) ??
      13.     例:?<div?id=“respond”?…?> ??
      14.    “評論區”?id=“comment”??
      15.     例:?<textarea?name=“comment”?id=“comment”?…?> ??
      16.    “提交”?id=“submit”??
      17.     例:?<input?…?id=“submit”?…?> ??
      18.   ※以上所用的?id?標簽是?js?運作的重要關鍵!?請確認與模板對應無誤!??

       3. 本程序主要提供 Ajax comments 功能, css 已盡量配合原模板輸出. 如果還有 css 需求, 請自行修改.
       4. 在 comments-ajax.php 最下方有評論格式, 若你的 functions.php 有 mytheme_comment(), 請對應覆蓋, 且拿掉 “回復” 鏈接.

      下面是自己修改comments-ajax.php 最后評論樣式代碼以適應Tstyle模板,如果不是Tstyle模板的,可以無視了。

      1. <div?class=“box”> ??
      2. <li?<?php?comment_class();??>?id=“li-comment-<?php?comment_ID();??>”> ??
      3. ????<div?id=“div-comment-<?php?comment_ID();??>”?class=“comment-body”> ??
      4. ????????<div?class=“comment-author?vcard”> ??
      5. ????????????<img?src=“<?php?echo?bloginfo(‘template_directory’),’/img/gravatar.jpg’??>”?alt=“”?class=“avatar”?/> ??
      6. ????????????<?php?printf(?__(?‘<cite?class=“fn”>%s</cite>?<span?class=“says”>says:</span>’),?get_comment_author_link()?);??> ??
      7. ????????????<?php?if?(?$comment->comment_approved?==?‘0’?)?:??> ??
      8. ????????????<span?style=“color:#0ff;?font-style:inherit”>您的評論正在等待審核中…</span> ??
      9. ????????????<?php?endif;??> ??
      10. ????????????<br> ??
      11. ????????????<div?class=“comment-meta?commentmetadata”><?php?comment_date()??>?<?php?comment_time()??></div> ??
      12. ????????</div> ??
      13. ????????<?php?comment_text();??> ??
      14. ????</div> ??
      15. </div>??

      雖然沒有原版Tstyle的Ajax那么完美,但是感覺基本上也可以了,大家可以試下。

      清霄憑欄語凝噎,音灑陋屋思翩躚。

      —— 清音陋屋

      清音陋屋
      你可能也喜歡Related Posts
      眾說紛紜Comments
      大眼 可愛 大笑 壞笑 害羞 發怒 折磨 快哭了 大哭 白眼 暈 流汗 困 靦腆 驚訝 憨笑 色 得意 骷髏 囧 睡覺 眨眼 親親 疑問 閉嘴 難過 淡定 抗議 鄙視 豬頭
      小提示:直接粘貼圖片到輸入框試試
      努力發送中...
      評論加載中……
      1. 1 樓 wag

        挺好的 :eek:

        2013年05月04日 04:54:05 回復 取消回復
      2. 2 樓 wag

        我想問問博主的,方法我的頭像評論頭像不能正常顯示了

        2013年05月04日 10:57:10 回復 取消回復
      3. 3 樓 wag

        博主在沒,我等的好急啊

        2013年05月04日 11:19:46 回復 取消回復
      4. d103e64682
        4 樓 wei久伴她ゝ

        好文章,我就是弄不了!不知道錯在哪里!能請教你嗎?

        2015年07月16日 12:09:31 回復 取消回復
      • 推薦文章
      • 最多評論
      • 最熱文章
      • 最新評論
      footer logo
      本站提供音樂僅供試聽交流,請勿用于任何商業用途!如果本站發布信息侵犯到您的權益,請留言指出,本站將及時刪除相關信息。
      Copyright ? 52QingYin.CN   Theme by QQOQ   蜀ICP備11021737號-1
      亚洲熟妇色xxxxx欧美老妇_国产人妖视频一区二区_成人高潮视频在线观看_亚洲七七久久桃花影院

        <ruby id="vvttv"></ruby>

        
        

          <pre id="vvttv"><del id="vvttv"></del></pre>

          <del id="vvttv"><mark id="vvttv"></mark></del>
          <pre id="vvttv"></pre><ruby id="vvttv"><b id="vvttv"><progress id="vvttv"></progress></b></ruby><p id="vvttv"></p>