子比主题评论区添加网址填写框

一、问题简介

子比主题默认的评论区没有评论作者网址的填写框,并且评论区的用户名点击后只能跳转到已注册用户的个人中心,这是在使用子比主题这段过程中遇到的两个问题,针对这两个问题在折腾 Cravatar 头像的过程中找到了相关的代码,我这边已经于前几天修改完成,忙里偷闲把需要修改的地方整理一下写出来,顺便帮助一下同样有此需求的小伙伴。

修改的过程分为两步,分别是给评论区用户填写信息的地方加上网址填写框、点击用户名可以跳转到用户评论时留下的网址,文章搭配了一些图片,涉及文件不同路径的问题可自行解决。

二、添加网址填写框

图片[1] - 子比主题评论区添加网址填写框 - 登山亦有道

添加如下代码到该文件的107后边即可,为了显示整洁下面的代码删除了缩进,自己添加的时候需要注意一下。

使用下列代码时需要先在前边定义网址填写框的占位符,$o_t1 = $require_name_email ? ‘(可不填)’ : ”;

//自己加的网址填写框
echo '<li class="line-form">';
echo '<input type="text" name="url" class="line-form-input" tabindex="3" value="' . esc_attr($comment_author_url) . '" placeholder="">';
echo '<div class="scale-placeholder">网址' . $o_t1 . '</div>';
echo '<div class="abs-right muted-color"><i class="fa fa-fw fa-sitemap"></i></div>';
echo '<i class="line-form-line"></i>';
echo '</li>';
图片[2] - 子比主题评论区添加网址填写框 - 登山亦有道

添加代码前后的对比

图片[3] - 子比主题评论区添加网址填写框 - 登山亦有道

三、查看后台数据存储

修改后清空缓存,可以看到评论区已经有了网址填写的输入框,用户在评论时可以留下网址,在后台评论也可以看到留下的网址,但是因为前台的用户名没有关联网址直接点击是没有反应的。

图片[4] - 子比主题评论区添加网址填写框 - 登山亦有道

四、修改代码跳转网址

因为前台评论区用户名这边获取的是注册用户的个人中心的链接,由于大部分用户都没有注册登陆因此并没有什么用。

在对 /wp-content/themes/zibll/inc/functions/zib-comments-list.php 这个文件的代码进行如下修改之后,就可以点击用户名跳转到用户留下的网址,方便回访。

//由原来的get_author_posts_url改为get_comment_author_url,判断方式从$user_id改为$comment->comment_ID by:chenyan98
	
	if (get_comment_author_url ($comment->comment_ID) != null) {
		$author_link = '<a target="_blank" href="' . get_comment_author_url ($comment->comment_ID) . '">' . $author_link . '</a>';

		if ($user_id ==  get_the_author_meta('ID') && _pz('comment_author_tag', true)) {
			$author_link  .= '<span class="badg c-red hollow badg-sm">作者</span>';
		}
	}

大部分代码并没有改动,通过搜索可以找到该段代码,找到后直接进行替换即可。

图片[5] - 子比主题评论区添加网址填写框 - 登山亦有道
© 版权声明
THE END
喜欢就支持一下吧
点赞24赞赏分享
评论 共4条
匿名的头像 - 登山亦有道
提交


匿名的头像 - 登山亦有道

昵称

在 WordPress 上使用 Sticker Heo 增添互动时的乐趣吧 !

取消
昵称表情代码图片
    • 夏天烤洋芋的头像 - 登山亦有道
      夏天烤洋芋 Windows Chrome 92.0.4515.10
      • 晨岩的头像 - 登山亦有道
        晨岩 Windows Edge 92.0.902.84
    • 林羽凡的头像 - 登山亦有道
      林羽凡 iPhone Safari 14.1.2