オーサーページ出力

オーサーページへ飛ばすリンク出力コード
記事中

 <?php the_author_posts_link(); ?>

アーカイブで一覧が出力されるが
オーサーphpをいれればそちらが出る
ワイルノループをけしたです。

<div class="top_new">
  <div style="padding-top:30px;"></div>
<?php
if ( have_posts () ) :

        the_post();
?>
<!--アバター--> 
    <div class="prof_img2">
      <?php 
$prof_photo_id = get_the_author_meta('prof_imgs');
$prof_photo_img = wp_get_attachment_image_src($prof_photo_id, 'prof_img2');
echo '<img src="' .$prof_photo_img[0] . '">'
?>
    </div>
    <!--ニックネーム--> 
        <div class="prof_title"><?php the_author_meta(user_nicename); ?></div>
        <div class="prof_posi">SOL Market Department</div>
<div class="prof_comment">
  <div class="prof_comment_box"> <div class="prof_comment_box_in">
<?php //ユーザープロフ改行
	$user_data = get_userdata($author);
	echo wpautop( $user_data->description );
?>

<?php echo wpautop(get_the_author_meta('user_description')); //これも改行あり?>
  
</div>
 </div></div>
</div class="top_new">

 <?php

endif;
?> 
 
 <?php wp_reset_query(); ?>
  

.prof_img2 {
	background-image: url(../img/sol_auther.png);
	background-repeat: no-repeat;
	height: 144px;
	width: 144px;
	padding: 14px;
	float: left;
}
.prof_comment {
}

.prof_comment_box{
	overflow: hidden;
	background-image: url(../img/sol_auther_comment.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 15px;
}
.prof_comment_box_in {
	background-color: #CCC;
	overflow: hidden;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 30px;
}
.prof_title{
	font-size: 35px;
	padding-left: 20px;
	overflow: hidden;
}
.prof_posi{
	font-size: 15px;
	overflow: hidden;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

こんな感じ