分享各种网络资源
是我乃至整个互联网的精髓所在
最新公告:
  • 开启被动注册模式,详情点击这里,同时接小单,QQ:330733312
  • 目前站点正在不断折腾和调试中,如有问题请见谅
     您目前所在位置: 站点首页 » WordPress » WordPress 讨论 » DUX主题修复更换用户功能失效问题
  • DUX主题修复更换用户功能失效问题

  • 问题描述
  • 解决方法
  • 总结
  • DUX主题修复更换用户功能失效问题-BanYuner

    首先这里要吐槽一下,这个DUX主题基本都是按照D8主题来修改的,也就是说D8主题是XIU和DUX主题的妈,但是D8主题代码方面都是很完善的,虽然功能方面是很没有DUX多。DUX主题虽然功能很多,相对于D8主体来说更加完善,但是代码中的小BUG也是不少,我自己还得慢慢琢磨。DUX最近也更新了一次,但是我看了一下,并没有提到我今天说的这个问题,那么我就简单来说下吧。

    我不会写代码,所以只能自己慢慢的东拼西凑,只要功能实现了,我的目的就达到了,代码方面可能不标准,不完善等等问题还请谅解,毕竟不是专业的。

    问题描述

    我们都知道WordPress评论的时候需要填写昵称,邮箱,站点等信息,一般WordPress通过邮箱地址来获取头像的,这里就不多说了。但是后时候我们想要更换用户的时候就必须要重新填写相关信息,那么我们就需要用到更换用户这个功能。DUX本身提供了这个按钮,但是按了之后没有任何反应,为什么呢?我像是作者写代码的时候卸掉了或者说复制掉了。

    对比D8主题相关代码之后,我找到了问题。

    解决方法

    对比代码之后,我发现DUX主题下的点击事件根本不存在,就是一个空的,但是D8主题就存在这个事件,那么这个事件就是重点了,通过不断寻找相关代码,最终我在D8主题中的jquery.js中找到了相关事件的代码,那么这里就直接告诉大家如何使用了,过程太麻烦了。

    修改comments.php中的代码

    首先我们需要修改主题目录下comments.php的代码,我们直接搜索关键字“更换”,之后定位到行,我们可以看到以下代码:

    if ( !empty($comment_author) ){
    	echo '<p>'.$comment_author.'</p>';
    	echo '<p><a href="javascript:;" evt="comment-user-change">更换</a></p>';
    }
    

    那么我们需要修改的就是含有更换文字的那行,将那行的代码修改为以下代码即可:

    echo '<p><a href="javascript:;" data-type="switch-author">更换</a></p>';
    

    添加到main.js中的代码

    修改了comments.php中的代码之后,我们需要做的还有,就是相关事件,那么代码如下:

    $(document).on('click', function(e){
            e = e || window.event;
            var target = e.target || e.srcElement, _ta = $(target)
    
            if( _ta.hasClass('disabled') ) return
            if( _ta.parent().attr('data-type') ) _ta = $(_ta.parent()[0])
            if( _ta.parent().parent().attr('data-type') ) _ta = $(_ta.parent().parent()[0])
    
            var type = _ta.attr('data-type')
    
            switch( type ){
    				case 'switch-author':
                	$('.comt-comterinfo').slideToggle(300);
    				$('#author').focus();
                	
    
                break; 
            }
        })
    	
    	$('#comment-author-info p input').focus(function() {
    		$(this).parent('p').addClass('on')
    	})
    	$('#comment-author-info p input').blur(function() {
    		$(this).parent('p').removeClass('on')
    	})
    
    	$('#comment').focus(function(){
    		if( $('#author').val()=='' || $('#email').val()=='' ) $('.comt-comterinfo').slideDown(300)
    	})
    

    代码方面我直接从D8主题中拷贝过来的,测试之后可以使用,大家可以尝试一下。

    总结

    其实一个主题只是表面的,我们可以看到的不见得可以使用,所以慢慢的修改也是一种学习的过程,但是我个人感觉,我这种不算学习,什么时候能够写出自己的代码就是学习了。

    关注我们 打赏 分享此文

    微信扫码,关注我们

    扫码,支持我

    DUX主题修复更换用户功能失效问题

    支付宝(点击图片切换)

    扫码,支持我

    DUX主题修复更换用户功能失效问题

    微信(点击图片切换)

    扫码,手机看

    DUX主题修复更换用户功能失效问题
    匿名

    个人评价:┃草根博主┃站点无技术含量┃文章内容不够吸引人┃转载内容随处可见┃资源均来自网络┃分享是我的宗旨,也是这个站点存在意义,分享的东西你现在可能不需要,但是我相信只要在某个时间你需要的时候能在这里找到,那么我就是成功的

    DUX主题修复更换用户功能失效问题
    5 + 7 =
    1. 2楼
      茗血
      最后评论时间:2017/10/29 16:33
      来自天朝的朋友 谷歌浏览器 Windows 10 山东省 电信
      哇, 大佬你这个大前端改的真他妈,,,好看 :grin:
      茗血 4周前 (10-29)回复
      • 帅气小琦琦
        最后评论时间:2017/11/23 19:55
        来自天朝的朋友 谷歌浏览器 Windows 10 湖北省武汉市 电信
        @茗血 过奖过奖 :!: 直男审美很难符合大众审美
        帅气小琦琦    14小时前回复
        • 茗血
          最后评论时间:2017/10/29 16:33
          来自天朝的朋友 谷歌浏览器 Windows 10 山东省 电信
          @帅气小琦琦 :mrgreen: good,我只是好奇你这个网站手机端看会不会特别乱
          茗血 4周前 (10-29)回复
          • 帅气小琦琦
            最后评论时间:2017/11/23 19:55
            来自天朝的朋友 谷歌浏览器 Windows 10 湖北省武汉市 电信
            @茗血 你可以尝试一下 :smile:
            帅气小琦琦    14小时前回复
            • 茗血
              最后评论时间:2017/10/29 16:33
              来自天朝的朋友 谷歌浏览器 Windows 10 山东省 电信
              @帅气小琦琦 就不试,其实你,顺便求一下左下角验证码的代码 :oops:
              茗血 4周前 (10-29)回复
    2. 1楼
      体操之乡
      最后评论时间:2017/10/19 23:07
      来自天朝的朋友 火狐浏览器 Windows 10 广东省珠海市 电信
      不错,最喜欢这种自己折腾的分享
      体操之乡 1个月前 (10-19)回复