Post na página inicial

Bom pessoal, espero que aqui eu consiga alguma ajuda.
Eu estou tentando transformar um site em html para WordPress, eu consegui já fazer algumas funções, mais em um apresentou um erro, eu queria fazer uma forma do seguinte código apresentar somente 3 postagens e se alguém poder me auxiliar agradeço, pois pesquisei muito, fiz testes e continua a mesma coisa.

<div class="row">
                        <div class="row-content">
                            <?php while ( have_posts() ) : the_post() ?>
						<!-- code inicial duas colunas -->
                           <div class="column col-md-6 " data-panel="" id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
                              <div class="tile foto-sobreposta" id="a60d568c-6289-40b6-8883-3fbe563104ab">
                                 <div class="nitf-basic-tile tile-content">
                                    <a class="imag" href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
									<img src="<?php echo get_template_directory_uri(); ?>/img/qiakaifqtkkr.jpg" width="565" height="338" class="left" alt="<?php the_title_attribute(); ?>" />
                                    </a>
                                    <p class="tile-subtitle"><?php echo get_the_category_list(', '); ?> - <?php the_time( get_option( 'date_format' ) ); ?>
                                    <div class="social-links"><a title="Facebook" href="https://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>"  rel="bookmark"><i class="fab fa-facebook-f"></i></a><a title="Twitter" href="https://twitter.com/share?text=<?php the_title(); ?>;url=<?php the_permalink(); ?>"  rel="bookmark"><i class="fab fa-twitter"></i></a><a class="link-clipboard" onclick="event.preventDefault()" href="<?php the_permalink(); ?>" rel="bookmark" title="Copiar para área de transferência"><i class="fas fa-link"></i></a><a class="toggle-social-links"><i class="fas fa-share-alt"></i><i class="fas fa-times"></i></a></div>
                                    </p>
                                    <h2><a href="<?php the_permalink(); ?>" title="<?php printf( __('Permalink to %s', 'castler'), the_title_attribute('echo=0') ); ?>" rel="bookmark"><?php the_title(); ?></a></h2>
                                    <?php /* Meta dados da postagem com possibilidade de tradução */ ?>
                                    <div class="visualClear"></div>
                                    <ul class="share">
                                       <li class="share-item share-twitter share-pinned">
                                          <a class="slPrivacy" title="Tweet (abre em nova janela)" href="href="https://twitter.com/share?text=<?php the_title(); ?>;url=<?php the_permalink(); ?>  rel="bookmark" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;">
                                          Twitter
                                          </a>
                                       </li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
					 <?php endwhile; ?>
                      <?php  wp_reset_postdata (); ?>

Este é o código dos quadrados maiores, só que eu preciso também um com esse código

<div class="column col-md-6 " data-panel="" id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
                              <div class="tile tile-default" id="fd6695c7-2744-40d9-ae2d-2ef38988b46a">
                                 <div class="nitf-basic-tile tile-content">
                                    <p class="tile-subtitle"><?php echo get_the_category_list(', '); ?> - <?php the_time( get_option( 'date_format' ) ); ?>
                                    <div class="social-links"><a title="Facebook" href="https://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>"  rel="bookmark"><i class="fab fa-facebook-f"></i></a><a title="Twitter" href="https://twitter.com/share?text=<?php the_title(); ?>;url=<?php the_permalink(); ?>"  rel="bookmark"><i class="fab fa-twitter"></i></a><a class="link-clipboard" onclick="event.preventDefault()" href="<?php the_permalink(); ?>" rel="bookmark" title="Copiar para área de transferência"><i class="fas fa-link"></i></a><a class="toggle-social-links"><i class="fas fa-share-alt"></i><i class="fas fa-times"></i></a></div>
                                    </p>
                                    <h2><a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a></h2>
                                    <div class="visualClear"></div>
                                    <ul class="share">
                                       <li class="share-item share-twitter share-pinned">
                                         <a class="slPrivacy" title="Tweet (abre em nova janela)" href="href="https://twitter.com/share?text=<?php the_title(); ?>;url=<?php the_permalink(); ?>  rel="bookmark" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;">
                                          Twitter
                                          </a>
                                       </li>                                       
                                       <li class="share-more share-pinned">
                                          <a title="Mais opções" href="<?php echo esc_url( home_url( '/' ) ); ?>#">...</a>
                                       </li>
                                    </ul>
                                 </div>
                              </div>

A ideia é deixar de acordo com o que mostra nessa imagem se alguém poder me ajudar agradeço.