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

一、问题简介

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

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

二、添加网址填写框

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

//自己加的网址填写框
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>';

添加代码前后的对比

三、查看后台数据存储

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

四、修改代码跳转网址

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

在对 /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>';
		}
	}

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