ویژه آموزش نمایش آخرین دیدگاه ها همراه با آواتار وردپرس بدون افزونه

[Yazdan 1,703]

سلام دوستان

 

توسط کد زیر میتونید آخرین دیدگاه های کاربران سایت رو به همراه آواتار کاربری نمایش بدین. کد زیر رو در محل مورد نظر قالبتون قرار بدین .

 

 

<div id="last-com-left-side">
<?php $comments = get_comments('status=approve&number=5'); ?>
<?php foreach ($comments as $comment) { ?>
<li> <?php echo get_avatar( $comment, '40' ); ?> <a title=""> <span class="name-send-comment"><?php echo strip_tags($comment->comment_author); ?></span> <br />
<span class="text-comment-form"><a href="https://go.20script.ir/index.php?url=<?php comments_link(); ?>"><?php echo wp_html_excerpt( $comment->comment_content, 300 ); ?>...</a></span> </a>
<div style="clear: both;"></div>
</li>
<?php } ?>

 

 

 

کد زیر رو در شیوه نامه (معمولا style.css ) قرار بدین.

 

#last-com-left-side {       width:92%;       margin:0 auto;}#last-com-left-side > li:hover .text-comment-form {       color: #000;}#last-com-left-side > li {       border: 1px solid #CCCCCC;       direction: rtl;       list-style: none outside none;       padding: 3px;       text-align: right;       margin-bottom: 5px;       cursor: pointer;       background: #fff;       transition: all 0.3s linear;       -o-transition: all 0.3s linear;       -ms-transition: all 0.3s linear;       -moz-transition: all 0.3s linear;       -webkit-transition: all 0.3s linear;       border-radius: 0 10px 0 10px;}#last-com-left-side > li:hover {       border: 1px solid #bada0f;       background: #fbfbfb;       border-radius: 10px 0 10px 0 ;}#last-com-left-side > li:hover img {       border: 1px solid #bada0f;}#last-com-left-side > li img {       border: 1px solid #CCCCCC;       float: right;       margin-left: 5px;       padding: 2px;       transition: all 0.3s linear;       -o-transition: all 0.3s linear;       -ms-transition: all 0.3s linear;       -moz-transition: all 0.3s linear;       -webkit-transition: all 0.3s linear;        transition: all 1s;}#last-com-left-side > li img:hover {       -webkit-transform: rotate(360deg);       -moz-transform: rotate(360deg);       -o-transform: rotate(360deg);       -ms-transform: rotate(360deg);       -webkit-border-radius: 50px;       -moz-border-radius: 50px;       border-radius: 50px;       transform: rotate(360deg);       opacity: .7;

 

 

 

موفق و پاینده باشید.