Chào các bạn hôm nay mình sẽ hướng dẫn các bạn cách  mà các bạn có thể thêm một khung nho nhỏ hiển thị thông tin tác giả dưới mỗi bài viết của mình . Đơn giản thôi và ngắn gọn thôi các bạn chỉ cần làm theo các bước mình hướng dẫn dưới đây 5phút là xong ngay đấy mà  🙂 

Các bạn hãy làm theo 4 bước rất đơn giản sau nhé : 

Bước 1 : các bạn vào phần Theme của bạn và chọn file Single.php . Sau đó các bạn tìm nơi các bạn hiển thị chi tiết dòng sau:

<?php the_content(); ?>

</div>

Phần hiển thị chi tiết của các bạn 

Sau đó thêm vào ở dưới:

 

<div>
<?php echo get_avatar( get_the_author_id() , 100 ); ?>
<h4>Bài viết của <?php the_author(); ?></h4>
<p><?php the_author_description(); ?></p>
<p><?php the_author_meta(‘nickname’); ?> đã đóng góp <span><?php the_author_posts(); ?></span> bài viết cho itshare24h.com</p>
</div>

 

Click Update File là xong.

Bước 2 : make up cho khung tác giả của chúng ta một chút nhé . Tiếp tục chọn file styles.css. Bạn thêm dòng này vào cuối file:

postauthor {background: #F5F5F5; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 1.5em;}
 .postauthor img {border: 5px solid #e2dede; float: left; margin-right: 1.5em;}
 .postauthor h4 {color: #666; font-size: 2em; margin-bottom: 5px;}
 .postauthor p {color: #515151; font-size: 13px; margin-bottom: 12px;}
 .postauthor p.hlight {font-size: 11px; text-transform: uppercase;}
 .postauthor p.hlight span {color: #CB3131; font-size: 13px; font-style: italic; font-weight: bold; letter-spacing: 0.8px;}

 

Bước 3 :Các bạn vào WP-Admin->Uses->Your Profile->Bio-> Gõ vào dòng giới thiệu về bản thân. Lúc này bạn sẽ thấy cuối mỗi bài viết có một box giới thiệu về tác giả của bài viết.

Bước 4  : Xong rồi đấy các bạn thử đi nào  🙂  

Ngoài ra bạn còn có thể tham khảo thêm về hàm the_author_meta tại đây:http://codex.wordpress.org/Template_Tags/the_author_meta

Chúc các bạn thành công .

ĐỂ LẠI PHẢN HỒI CỦA BẠN TẠI ĐÂY

Phản hồi về bài viết này

1 COMMENT

LEAVE A REPLY


*