WordPressでエラーが発生する

category.phpを練習で作成中です。
コードを入力しきったところで、「このサイトで重大なエラーが発生しました。」となり、ページが確認できなくなってしまいました。
恐らくコードの入力がどこか間違っているのかと思いますが、解答通りにやってみても、エラーとなります。
何が間違っているのか教えていただけると幸いです。

下記のようなカテゴリーページを作りたいです。

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url')?>" media="all" />
  <title>東京ビートルズ</title>
</head>
 
<body>
  <div id="wrapper">

  <div id="header">
   <h1><?php bloginfo('title'); ?></h1>
    <?php wp_nav_menu( ); ?>
  </div>  
    
  <div id="main">
    <?php if( is_category(4)): ?>
      <div id="content">　
       <div id="photo">
        <img src="<?php bloginfo('template_url'); ?>/Beatles/images/live.jpg" alt="ビートルズトップ画像" width="650" height="169">
       </div>
        <?php while(have_posts()):the_post(); ?>
          <h3>
            <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
          </h3>
        <?php the_excerpt(); ?>
       <?php endwhile; ?>
      </div>

      <div id="sidebar">
        <h2>過去のライブレポート</h2>
        <ul>
        　<li><a href="">2012.2.11 東京ドーム</a></li>
        　<li><a href="">2012.1.11 横浜アリーナ</a></li>
          <li><a href="">2010.3.11 西武ドーム</a></li>
        </ul>
      </div>
      <?php else; ?>
       <div id="content">
        <?php if (in_category(2)): ?>
          <h2>Beatle News</h2>
        <?php elseif(in_category(3)): ?>
           <h2>New Video</h2>
        <?php else:?>

        <?php endif; ?>
        <?php while(have_posts()): the_post(); ?>

         <div id="section">
          <div id="thumb">      
           <?php the_post_thumbnail(); ?>
          </div>
                  
          <div id="desc">
           <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
           <?php the_excerpt(); ?>
          </div>
         </div>
           <?php endwhile; ?>
         </div>
         <div id="sidebar">
         </div>
        <?php endif; ?>

  </div>
  
    <div id="footer">
      <div id="footer-wrapper"> 
      <p>東京ビートルズ事務局　東京都銀座3丁目ビートルズビルヂング</p>
      </div>
    </div>  

  </div>  
</body>

</html>