Popüler Yazılar bileşen gösterimine Yazar ismi nasıl eklenir ???

Selam WM üyeilerii

ben temamın popüler yazıları gösterdigi bileşenin gösterme şeklinde bir değişiklik yapmak istiyorum. Şöyle
Bileşen popüler yazıları Resim,başlık ve gün bilgileri vererek yayınlıyor ben birde yazar bilgisi eklemek istiyorum.

Bu bileşenin gösterimine yazar isimlerini nasıl ekleyebilir.

Yarımlarını bekliyorum, teşekkürler

https://codex.wordpress.org/Function_Reference/the_author

Buradan yararlanarak bileşen dosyanızda ilgili yerde yazar ismini gösterebilirsiniz.

Teşekkürler paylaşımın için ama daha yolun çok başında bir tasarımcıyım, mesaja bileşenin php kodunu eklesem, verdiğiniz kodu nereye ekleyeceğimi gösterir misiniz.

görünüm:

kod:

## widget_tabs
add_action( 'widgets_init', 'tie_widget_tabs_box' );
function tie_widget_tabs_box(){
register_widget( 'tie_widget_tabs' );
}
class tie_widget_tabs extends WP_Widget {
function tie_widget_tabs() {
$widget_ops = array( 'description' => 'Most Popular, Recent, Comments, Tags' );
parent::__construct( 'widget_tabs', THEME_NAME .' - '.__( 'Tabs' , 'tie') , $widget_ops );
}
function widget( $args, $instance ) {

if( !empty( $instance['posts_order'] ) )
$posts_order = $instance['posts_order'];

if( empty($instance['posts_number']) || $instance['posts_number'] == ' ' || !is_numeric($instance['posts_number'])) $posts_number = 5;
else $posts_number = $instance['posts_number'];
?>

}

function update( $new_instance, $old_instance ) {
$instance = $old_instance;
$instance['posts_number'] = strip_tags( $new_instance['posts_number'] );
$instance['posts_order'] = strip_tags( $new_instance['posts_order'] );
$instance['tabs_order'] = strip_tags( $new_instance['tabs_order'] );
return $instance;
}

function form( $instance ) {
$tie_random_id = substr(str_shuffle("0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"), 0, 5);

$id = explode("-", $this->get_field_id("widget_id"));
$widget_id = $id[1]. "-" .$tie_random_id;

$defaults = array( 'posts_order' => 'popular', 'posts_number' => 5 );
$instance = wp_parse_args( (array) $instance, $defaults );
?>

<script>
jQuery(document).ready(function($) {

jQuery( "#-order" ).sortable({
placeholder: "ui-state-highlight",
stop: function(event, ui) {
var data = "";

jQuery( "#-order li" ).each(function(i, el){
var p = jQuery( this ).data( 'tab' );
data += p+",";
});

jQuery("#-tabs-order").val(data.slice(0, -1));
}
});

});
</script>

>
>

}
}
?>

Ek Olarak: