Wordpress belli bir kategorideki yazıları çekme?

Merhaba arkadaşlar, hayırlı ramazanlar.
Wordpresste bir kategorideki yazıları aşağıdaki resimde görüldüğü gibi nasıl listeleyebilirim?
https://i.hizliresim.com/b6AXY0.png

<ul>
    <?php
    global $post;
 
    $myposts = get_posts( array(  // istediğimiz gönderileri getirmesi için wp hazır get_posts() fonksiyonunu kullanıyoruz.
        'posts_per_page' => 5, //sayfa başına gönderi
        'offset'         => 1,
         'sort_order' => 'asc' //sıralama
        'category'       => 1    // gönderileri çekmek istediğiniz kategorinin id bilgisini girerek  kategoriden gönderileri çekebilirsiniz.
    ) );
 
    if ( $myposts ) {
        foreach ( $myposts as $post ) : 
            setup_postdata( $post ); ?>
            <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
        <?php
        endforeach;
        wp_reset_postdata();
    }
    ?>
</ul>

Şablon üzerinde oynamalar yaparak istediğiniz görünümü elde edebilirsiniz.

Daha fazla bilgi için: https://developer.wordpress.org/refe...ons/get_posts/

Hocam şu kodlara nasıl import ederiz? Ne yaptıysam hep son yazılan yazıları listeleyebildim.

<div class="article" style = "margin-top:-5px">
<a href = "KATEGORİ LİNKİ" class = "button2">Tümü</a>
<h3 class="frontTitle"><div class="latest"><img src = "images/f.png" width="18" alt = "Futbol" style = "margin-top:8px; margin-left:-4px" align = "left"/> Futbol İddaa Tahminleri</div></h3>

<article style = "padding-right:5px; height:50px;" class="pc50mobil100 fl pexcerpt0 post excerpt ">
<a href="YAZI LİNKİ" target = "_blank" title="YAZI BAŞLIĞI" rel="nofollow" id="featured-thumbnail" class = "mini-resim">
<div class="featured-thumbnail"><img width="220" height="162" src="wp-content/uploads/2017/07/6pPJjY47X35CZm6GUNxAi1-220x162.jpg" class="attachment-featured size-featured wp-post-image" alt="21 mayıs isveç ligi iddaa tahminleri" title="" /></div><!--<div class="featured-cat">İddaa Tahminleri</div>
-->
</a>
<header>
<h2 class="mini-title mini-title-analiz">
<a href="YAZI LİNKİ" target = "_blank" title="YAZI BAŞLIĞI" rel="bookmark"></a>
</h2>
</header><!--.header-->
</article>

<div class="article" style = "margin-top:-5px">
<a href = "KATEGORİ LİNKİ" class = "button2">Tümü</a>
<h3 class="frontTitle"><div class="latest"><img src = "images/f.png" width="18" alt = "Futbol" style = "margin-top:8px; margin-left:-4px" align = "left"/> Futbol İddaa Tahminleri</div></h3>
 
    <?php
    global $post;
  
    $myposts = get_posts( array(  // istediğimiz gönderileri getirmesi için wp hazır get_posts() fonksiyonunu kullanıyoruz.
        'posts_per_page' => 5, //sayfa başına gönderi
        'offset'         => 1,
         'sort_order' => 'asc' //sıralama
        'category'       => 1    // gönderileri çekmek istediğiniz kategorinin id bilgisini girerek  kategoriden gönderileri çekebilirsiniz.
    ) );
  
    if ( $myposts ) {
        foreach ( $myposts as $post ) : 
            setup_postdata( $post ); ?>

<article style = "padding-right:5px; height:50px;" class="pc50mobil100 fl pexcerpt0 post excerpt ">
<a href="YAZI LİNKİ" target = "_blank" title="YAZI BAŞLIĞI" rel="nofollow" id="featured-thumbnail" class = "mini-resim">
<div class="featured-thumbnail"><img width="220" height="162" src="wp-content/uploads/2017/07/6pPJjY47X35CZm6GUNxAi1-220x162.jpg" class="attachment-featured size-featured wp-post-image" alt="21 mayıs isveç ligi iddaa tahminleri" title="" /></div><!--<div class="featured-cat">İddaa Tahminleri</div>
-->
</a>
<header>
<h2 class="mini-title mini-title-analiz">
<a href="YAZI LİNKİ" target = "_blank" title="YAZI BAŞLIĞI" rel="bookmark"></a>
</h2>
</header><!--.header-->
</article>


			<?php
        endforeach;
        wp_reset_postdata();
    }
    ?>
</div>

Sizin tasarımsal kodunuz ile arkadaşın verdiği sorgu bu şekilde bütünleşir.