wordpressで記事のループをさせたいけど記述方法が分からない

Question

東京フリーランスというサイトを見ながらwordpressの設定をしているのですがループをする所があり検索キーワードが書いてあったのでcodexで調べてわからなくて他を調べても上手くいきません。
どうすればループができるようになるのでしょうか？
サイトの画像と私のコードを載せます。

コード

<?php get_header(); ?>

<!-- pickup -->
<div id="pickup">
	<div class="inner">
		<div class="pickup-items">
			<a href="#" class="pickup-item">
				<div class="pickup-item-img">
                    <img src="<?php echo get_template_directory_uri() ?>/img/pickup1.png" alt="">
                    <?php get_temp ?>
					<div class="pickup-item-tag">カテゴリ名</div><!-- /pickup-item-tag -->
				</div><!-- /pickup-item-img -->
				<div class="pickup-item-body">
					<h2 class="pickup-item-title">記事のタイトルが入ります記事のタイトルが入ります記事のタイトルが入ります</h2><!-- /pickup-item-title -->
				</div><!-- /pickup-item-body -->
			</a><!-- /pickup-item -->
			<a href="#" class="pickup-item">
				<div class="pickup-item-img">
                <img src="<?php echo get_template_directory_uri() ?>/img/pickup2.png" alt="">
                    <?php get_temp ?>
					<div class="pickup-item-tag">カテゴリ名</div><!-- /pickup-item-tag -->
				</div><!-- /pickup-item-img -->
				<div class="pickup-item-body">
					<h2 class="pickup-item-title">記事のタイトルが入ります記事のタイトルが入ります記事のタイトルが入ります</h2><!-- /pickup-item-title -->
				</div><!-- /pickup-item-body -->
			</a><!-- /pickup-item -->
			<a href="#" class="pickup-item">
				<div class="pickup-item-img">
                <img src="<?php echo get_template_directory_uri() ?>/img/pickup3.png" alt="">
                    <?php get_temp ?>
					<div class="pickup-item-tag">カテゴリ名</div><!-- /pickup-item-tag -->
				</div><!-- /pickup-item-img -->
				<div class="pickup-item-body">
					<h2 class="pickup-item-title">記事のタイトルが入ります記事のタイトルが入ります記事のタイトルが入ります</h2><!-- /pickup-item-title -->
				</div><!-- /pickup-item-body -->
			</a><!-- /pickup-item -->
		</div><!-- /pickup-items -->
	</div><!-- /inner -->
</div><!-- /pickup -->
<!-- content -->
<div id="content">
	<div class="inner">
		<!-- primary -->
		<main id="primary">
            <php if(have_posts()): ?>
			<!-- entries -->
			<div class="entries">
                <?php while(have_posts()): the_post();?>
				<!-- entry-item -->
				<a href="#" class="entry-item">
					<!-- entry-item-img -->
					<div class="entry-item-img">
                    <img src="<?php echo get_template_directory_uri() ?>/img/entry1.png" alt="">
                        <?php get_temp ?>
					</div><!-- /entry-item-img -->
					<!-- entry-item-body -->
					<div class="entry-item-body">
						<div class="entry-item-meta">
							<div class="entry-item-tag">カテゴリ名</div><!-- /entry-item-tag -->
							<time class="entry-item-published" datetime="2019-01-01">2019/1/1</time><!-- /entry-item-published -->
						</div><!-- /entry-item-meta -->
						<h2 class="entry-item-title">記事のタイトルが入ります記事のタイトルが入ります記事のタイトルが入ります</h2><!-- /entry-item-title -->
						<div class="entry-item-excerpt">
							<p>文章の一部が入ります文章の一部が入ります文章の一部が入ります文章の一部が入ります文章の一部が入…</p>
						</div><!-- /entry-item-excerpt -->
                    </div><!-- /entry-item-body -->
                
                
                </a><!-- /entry-item -->
                <?php endwhile; ?>
                
				<!-- entry-item -->
				<a href="#" class="entry-item">
					<!-- entry-item-img -->
					<div class="entry-item-img">
                    <img src="<?php echo get_template_directory_uri() ?>/img/entry2.png" alt="">
                        <?php get_temp ?>
					</div><!-- /entry-item-img -->
					<!-- entry-item-body -->
					<div class="entry-item-body">
						<div class="entry-item-meta">
							<div class="entry-item-tag">カテゴリ名</div><!-- /entry-item-tag -->
							<time class="entry-item-published" datetime="2019-01-01">2019/1/1</time><!-- /entry-item-published -->
						</div><!-- /entry-item-meta -->
						<h2 class="entry-item-title">記事のタイトルが入ります記事のタイトルが入ります記事のタイトルが入ります</h2><!-- /entry-item-title -->
						<div class="entry-item-excerpt">
							<p>文章の一部が入ります文章の一部が入ります文章の一部が入ります文章の一部が入ります文章の一部が入…</p>
						</div><!-- /entry-item-excerpt -->
                    </div><!-- /entry-item-body -->
                    
                    
                </a><!-- /entry-item -->
                <?php endwhile; ?>
                
				<!-- entry-item -->
				<a href="#" class="entry-item">
					<!-- entry-item-img -->
					<div class="entry-item-img">
                    <img src="<?php echo get_template_directory_uri() ?>/img/entry3.png" alt="">
                        <?php get_temp ?>
					</div><!-- /entry-item-img -->
					<!-- entry-item-body -->
					<div class="entry-item-body">
						<div class="entry-item-meta">
							<div class="entry-item-tag">カテゴリ名</div><!-- /entry-item-tag -->
							<time class="entry-item-published" datetime="2019-01-01">2019/1/1</time><!-- /entry-item-published -->
						</div><!-- /entry-item-meta -->
						<h2 class="entry-item-title">記事のタイトルが入ります記事のタイトルが入ります記事のタイトルが入ります</h2><!-- /entry-item-title -->
						<div class="entry-item-excerpt">
							<p>文章の一部が入ります文章の一部が入ります文章の一部が入ります文章の一部が入ります文章の一部が入…</p>
						</div><!-- /entry-item-excerpt -->
                    </div><!-- /entry-item-body -->
                    
                </a><!-- /entry-item -->
                <?php endwhile; ?>
                
				<!-- entry-item -->
				<a href="#" class="entry-item">
					<!-- entry-item-img -->
					<div class="entry-item-img">
                    <img src="<?php echo get_template_directory_uri() ?>/img/entry4.png" alt="">
                        <?php get_temp ?>
					</div><!-- /entry-item-img -->
					<!-- entry-item-body -->
					<div class="entry-item-body">
						<div class="entry-item-meta">
							<div class="entry-item-tag">カテゴリ名</div><!-- /entry-item-tag -->
							<time class="entry-item-published" datetime="2019-01-01">2019/1/1</time><!-- /entry-item-published -->
						</div><!-- /entry-item-meta -->
						<h2 class="entry-item-title">記事のタイトルが入ります記事のタイトルが入ります記事のタイトルが入ります</h2><!-- /entry-item-title -->
						<div class="entry-item-excerpt">
							<p>文章の一部が入ります文章の一部が入ります文章の一部が入ります文章の一部が入ります文章の一部が入…</p>
						</div><!-- /entry-item-excerpt -->
					</div><!-- /entry-item-body -->
                </a><!-- /entry-item -->
                <?php endwhile; ?>
            </div><!-- /entries -->
            <?php endif; ?>
			<!-- pagenation -->
			<div class="pagenation">
				<span class="page-numbers current">1</span>
				<a class="page-numbers" href="#">2</a>
				<a class="page-numbers" href="#">3</a>
				<a class="next page-numbers" href="#"><i class="fas fa-angle-right"></i></a>
			</div><!-- /pagenation -->
		</main><!-- /primary -->
        <?php get_sidebar(); ?>
	</div><!-- /inner -->
</div><!-- /content -->
<!-- footer-menu -->
<div id="footer-menu">
	<div class="inner">
		<div class="footer-logo"><a href="/">TF-30</a></div><!-- /footer-logo -->
		<div class="footer-sub">サブタイトルが入りますサブタイトルが入ります</div><!-- /footer-sub -->
		<nav class="footer-nav">
			<ul class="footer-list">
				<li class="menu-item"><a href="#">メニュー1</a></li>
				<li class="menu-item"><a href="#">メニュー2</a></li>
				<li class="menu-item"><a href="#">メニュー3</a></li>
				<li class="menu-item"><a href="#">メニュー4</a></li>
				<li class="menu-item"><a href="#">メニュー5</a></li>
			</ul>
		</nav>
	</div><!-- /inner -->
</div><!-- /footer-menu -->

<?php get_footer(); ?>

Answer 1

上三枚の画像が参考にされているサイトのコードなら、肝心の投稿を表示するコードが書かれていないようですよ。
とりあえず、codexの参考のページを張っておきます。

The Loop in Action
3.2 投稿の生成
http://wpdocs.osdn.jp/The_Loop_in_Action#.E6.8A.95.E7.A8.BF.E3.81.AE.E7.94.9F.E6.88.90

参考まで。

Answer 2

記事のループとは？
記事の一覧を表示させたいのなら<?php while(have_posts()): the_post();?>でできているはずですよ。

Comments

[kyohaya]

回答ありがとうございます、画像を追加したのですが下から2番目の画像のように表示したいのですが1番下の
画像の様にエラーになります。

[kyoya0819]

「WordPressのデバッグを詳しくみる」を押して、押した内容をコピペしてください。
スクショはやめてください。

[kyohaya]

MANPでやっているのですがhttp://localhost/wordpress/です。

[kyoya0819]

はい、localhostなので我々からは見えません。
デバッグの結果をコピペしてください。

[kyohaya]

どの画像を貼ればいいか分からないのでページ全部を貼りました。

[kyoya0819]

「コピペしてください」