知更鳥主題為評論者添加國籍、操作系統、瀏覽器和IP信息顯示

  • A+
所屬分類:知更鳥begin美化

知更鳥主題為評論者添加國籍、操作系統、瀏覽器和IP信息顯示
1、下載:show-useragent(顯示國籍系統瀏覽器文件))和 ip2c(顯示運營商IP信息文件)

2、上傳并解壓到WordPress主題目錄(解壓后得到show-useragent文件夾和ip2c文件夾)

3、將show-useragent和ip2c引入到主題:

將以下代碼放到主題目錄下的functions.php中

  1. include("ip2c/ip2c.php");//IP歸屬地和運營商查詢功能??
  2. include("show-useragent/show-useragent.php");//顯示國籍、系統、瀏覽器信息

4、在需要顯示的位置加入以下代碼

  1. <span??class="ua-info">
  2. <?php
  3. CID_print_comment_flag();/*國籍*/
  4. echo?'?';/*空格*/
  5. CID_print_comment_browser();/*瀏覽器*/
  6. echo?convertip(get_comment_author_ip());/*運營商*/
  7. ?>
  8. </span>

如:begin主題,則在主題目錄下inc/comment-template.php文件,并找到以下代碼,加在前面

  1. <span?class="comment-meta?commentmetadata">

添加后為:

  1. <span??class="ua-info">
  2. <?php
  3. CID_print_comment_flag();/*國籍*/
  4. echo?'?';/*空格*/
  5. CID_print_comment_browser();/*瀏覽器*/
  6. echo?convertip(get_comment_author_ip());/*運營商*/
  7. ?>
  8. </span>
  9. <span?class="comment-meta?commentmetadata">

備注:如圖標顯示位置不對,在對應主題style.css文件內,加以下css代碼調整

  1. /*調整留言者系統瀏覽器和運營商位置*/
  2. ?.ua-info?{
  3. margin-left:30px;
  4. ?}
  5. ?.WB-OS?img{
  6. ?vertical-align:-3px;
  7. ?}

5、如需鼠標經過時顯示或隱藏以上UA信息和IP地址,則在對應主題footer.php中添加代碼:

  1. <script>
  2. ????jQuery(function(){
  3. ????????$(".comment-body").hover(function(){
  4. ????????????$(this).find(".ua-info").toggle();
  5. ????????},function(){
  6. ????????????$(this).find(".ua-info").toggle();
  7. ????????});
  8. ????});
  9. </script>

如果顯示和隱藏效果相反,則在在對應主題style.css文件內或自定義CSS處,加以下css代碼調整

  1. .ua-info?{
  2. ?display:none;/*設置隱藏*/
  3. ??margin-left:8px;
  4. }

 

  • 我的微信
  • 技術支持添加二維碼
  • weinxin
  • 我的QQ二維碼
  • 教程下載請掃二維碼
  • weinxin
馬找錢

發表評論

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen: