オーサーページ出力

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

1
<?php the_author_posts_link(); ?>

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<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(); ?>
  
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
.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;
}

こんな感じ