Title: Creating WP Theme, getting HTTP ERROR 500
Last modified: May 31, 2017

---

# Creating WP Theme, getting HTTP ERROR 500

 *  [mranchovie](https://wordpress.org/support/users/mranchovie/)
 * (@mranchovie)
 * [8 years, 11 months ago](https://wordpress.org/support/topic/creating-wp-theme-getting-http-error-500/)
 * Hey all.
 * Currently converting my HTML website into a WP theme and having trouble getting
   it setup.
 * So far, I have made all my main files and taken all parts from HTML and sorted
   them accordingly to header, footer and sidebar.
 * When I install my files into my WP content folder and activate the theme I get:
 * _“This page isn’t working
    solgarretthanna.co.uk is currently unable to handle
   this request. HTTP ERROR 500”
 * My index file so far is: (not doing sidebar as of yet)
 * “<?php get_header(); ?>
    <?php get_footer(); ?>”
 * Any pointers?
 * Thanks

Viewing 10 replies - 1 through 10 (of 10 total)

 *  [kjodle](https://wordpress.org/support/users/kjodle/)
 * (@kjodle)
 * [8 years, 11 months ago](https://wordpress.org/support/topic/creating-wp-theme-getting-http-error-500/#post-9185362)
 * It’s difficult to say without seeing what you have in your `header.php` and `
   footer.php` file, but your index file is not calling the loop, which is what 
   would output any content.
 * See: [https://codex.wordpress.org/The_Loop](https://codex.wordpress.org/The_Loop)
 * Also, this infographic has some great information about the loop: [http://yoast.com/wordpress-theme-anatomy/](http://yoast.com/wordpress-theme-anatomy/)
 *  Thread Starter [mranchovie](https://wordpress.org/support/users/mranchovie/)
 * (@mranchovie)
 * [8 years, 11 months ago](https://wordpress.org/support/topic/creating-wp-theme-getting-http-error-500/#post-9185378)
 * here is my HTML website: [http://sgh.x10host.com/](http://sgh.x10host.com/)
 * All the code in my header/footer is just copied from that main index.
 * I will look through those links, thanks!
 *  [sumithsuku11](https://wordpress.org/support/users/sumithsuku11/)
 * (@sumithsuku11)
 * [8 years, 11 months ago](https://wordpress.org/support/topic/creating-wp-theme-getting-http-error-500/#post-9186120)
 * HI , Which are the files you have includes inside the theme ? (header.php ,footer.
   php ,index.php , style.css) ?
 *  Thread Starter [mranchovie](https://wordpress.org/support/users/mranchovie/)
 * (@mranchovie)
 * [8 years, 11 months ago](https://wordpress.org/support/topic/creating-wp-theme-getting-http-error-500/#post-9188286)
 * Header, footer, index, sidebar, style.css are the files.
 * Then a couple folders for parts linked to document. They consists of: CSS (not
   for main style, but for other fonts) js, images, fonts.
 *  Thread Starter [mranchovie](https://wordpress.org/support/users/mranchovie/)
 * (@mranchovie)
 * [8 years, 11 months ago](https://wordpress.org/support/topic/creating-wp-theme-getting-http-error-500/#post-9188331)
 * Header
 *     ```
       <!DOCTYPE HTML>
       <html>
       	<head>
       		<title><?php bloginfo('title'); ?></title>
       		<meta charset="utf-8" />
       		<meta name="viewport" content="width=device-width, initial-scale=1" />
       		<!--[if lte IE 8]><script src="js/ie/html5shiv.js"></script><![endif]-->
       		<link href="<?php bloginfo('stylesheet_url'); ?>" rel="stylesheet" />
       		<?php wp_head(); ?>
       		<!--[if lte IE 8]><link rel="stylesheet" href="css/ie8.css" /><![endif]-->
       	</head>
       	<body class="homepage">
       		<div id="page-wrapper">
   
       			<!-- Header -->
       				<div id="header">
       					<div id="headtext"><h1><a href='#'><?php bloginfo('name');></a></h1></div>
   
       					<!-- Inner -->
       						<div class="inner">
       							<header>
       								<h1><a href="index.html" id="logo">
       							</footer>
       						</div>
   
       					<!-- Nav -->
       						<nav id="nav">
       						<?php wp_nav_menu(); ?>
       						</nav>
       				</div>
       ```
   
    -  This reply was modified 8 years, 11 months ago by [mranchovie](https://wordpress.org/support/users/mranchovie/).
    -  This reply was modified 8 years, 11 months ago by [mranchovie](https://wordpress.org/support/users/mranchovie/).
    -  This reply was modified 8 years, 11 months ago by [mranchovie](https://wordpress.org/support/users/mranchovie/).
 *  Thread Starter [mranchovie](https://wordpress.org/support/users/mranchovie/)
 * (@mranchovie)
 * [8 years, 11 months ago](https://wordpress.org/support/topic/creating-wp-theme-getting-http-error-500/#post-9188346)
 * Footer:
 *     ```
       <!------------------------------------------------------------Top Footer------------------------------------------------>
       				<div id="footer">
       					<div class="container">
       						<div class="row">
   
       <!------------------------------------------------------------Certificates------------------------------------------------>
       								<section class="4u 12u(mobile)">
       									<header>
       										<h2 class="icon fa-file circled"><span class="label">Posts</span></h2>
       									</header>
       									<ul class="divided">
       										<li>
       											<article class="post stub">
       												<header>
       													<h3><a href="#">500 Hour volunteering</a></h3>
       												</header>
       												<span class="timestamp">May, 2017</span>
       											</article>
       										</li>
       										<li>
       											<article class="post stub">
       												<header>
       													<h3><a href="#">Formula Student 2016</a></h3>
       												</header>
       												<span class="timestamp">July 2016</span>
       											</article>
       										</li>
       										<li>
       											<article class="post stub">
       												<header>
       													<h3><a href="#">Michelin fabrication certificate</a></h3>
       												</header>
       												<span class="timestamp">November 2015</span>
       											</article>
       										</li>
       										<li>
       											<article class="post stub">
       												<header>
       													<h3><a href="#">Formula Student 2017</a></h3>
       												</header>
       												<span class="timestamp">July 2017</span>
       											</article>
       										</li>
       									</ul>
       						  </section>
   
       <!------------------------------------------------------------Photos------------------------------------------------>
       								<section class="4u 12u(mobile)">
       									<header>
       										<h2 class="icon fa-camera circled"><span class="label">Photos</span></h2>
       									</header>
   
       									<div class="row 25%">
       										<div class="6u">
       											<a href="#" class="image fit"><img src="images/d1.jpg" alt="" /></a>
       										</div>
       										<div class="6u$">
       											<a href="#" class="image fit"><img src="images/d1.jpg" alt="" /></a>
       										</div>
       										<div class="6u">
       											<a href="#" class="image fit"><img src="images/d1.jpg" alt="" /></a>
       										</div>
       										<div class="6u$">
       											<a href="#" class="image fit"><img src="images/d1.jpg" alt="" /></a>
       										</div>
       										<div class="6u">
       											<a href="#" class="image fit"><img src="images/d1.jpg" alt="" /></a>
       										</div>
       										<div class="6u$">
       											<a href="#" class="image fit"><img src="images/d1.jpg" alt="" /></a>
       										</div>
       									</div>
       								</section>
   
   
       <!-------------------------------------------------------------First Product---------------------------------------------->							<section class="4u 12u(mobile)">
       					<header>
       						<h2 class="icon fa-shopping-cart  circled"><span class="label">Products</span></h2>
       					</header>
       									<ul class="divided">
       									<li>                                        																<article class="post stub">
       					<header>
       									<h3><a href="wwww.products.com">VW Polo 9n Custom Wishbones <div class="proimg">											<a class="image fit"><img src="images/place.png" alt=""/> </a>														</div></a></h3>
       					</header>
       						<span class="timestamp">£299</span>
       									</article>
       					</li>
   
       <!------------------------------------------------------------Second Product------------------------------------------------>
                                       <li>
       				<article class="post stub">
       				<header>
       				<h3><a href="wwww.products.com">VW 20mm Engine Raisers <div class="proimg"> 
       				<a href="wwww.products.com" class="image fit"> <center><img src="images/place.png" alt=""/> </a>									</div></a></h3>
       				</header>
       				<span class="timestamp">£80</span>
       				</article>
       				</li>
   
       <!------------------------------------------------------------Bottom Footer------------------------------------------------>
       									</ul>
       						  </section>
       					  </div>
   
       						<hr />
       						<div class="row">
       							<div class="12u">
   
       							  <section class="contact">
   
       								  <ul class="icons">
       									  <li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
       									  <li><a href="#" class="icon fa-linkedin"><span class="label">Linkedin</span></a></li>
       								  </ul>
       								</section>
   
       								<!-- Copyright -->
       									<div class="copyright">
       										<ul class="menu">
       											<li>&copy; Sol Garrett-Hanna. All rights reserved.</li>
       									</ul>
       								</div>
   
       							</div>
   
       						</div>
       					</div>
       				</div>
   
       		</div>
   
       		<!-- Scripts -->
       			<script src="js/jquery.min.js"></script>
       			<script src="js/jquery.dropotron.min.js"></script>
       			<script src="js/jquery.scrolly.min.js"></script>
       			<script src="js/jquery.onvisible.min.js"></script>
       			<script src="js/skel.min.js"></script>
       			<script src="js/util.js"></script>
       			<!--[if lte IE 8]><script src="js/ie/respond.min.js"></script><![endif]-->
       			<script src="js/main.js"></script>
   
       	</body>
       </html>
       ```
   
 * And index is simply:
 * <?php get_header(); ?>
 * <?php get_footer(); ?>
 *  Thread Starter [mranchovie](https://wordpress.org/support/users/mranchovie/)
 * (@mranchovie)
 * [8 years, 11 months ago](https://wordpress.org/support/topic/creating-wp-theme-getting-http-error-500/#post-9188369)
 * I added a lot more pages, as required for WP like 404, comments, archive etc.
 * Now when I load the theme I just get a blank white screen. Getting somewhere 
   at least!
 *  [sumithsuku11](https://wordpress.org/support/users/sumithsuku11/)
 * (@sumithsuku11)
 * [8 years, 11 months ago](https://wordpress.org/support/topic/creating-wp-theme-getting-http-error-500/#post-9189611)
 * i have checked it and you have mistaken a php tag in the ?> header.php file .
   Please check it.
 * The right file is below.
 *     ```
       <!DOCTYPE HTML>
       <html>
       	<head>
       		<title><?php bloginfo('title'); ?></title>
       		<meta charset="utf-8" />
       		<meta name="viewport" content="width=device-width, initial-scale=1" />
       		<!--[if lte IE 8]><script src="js/ie/html5shiv.js"></script><![endif]-->
       		<link href="<?php bloginfo('stylesheet_url'); ?>" rel="stylesheet" />
       		<?php wp_head(); ?>
       		<!--[if lte IE 8]><link rel="stylesheet" href="css/ie8.css" /><![endif]-->
       	</head>
       	<body class="homepage">
       		<div id="page-wrapper">
   
       			<!-- Header -->
       				<div id="header">
       					<div id="headtext"><h1><a href='#'><?php bloginfo('name');?></a></h1></div>
   
       					<!-- Inner -->
       						<div class="inner">
       							<header>
       								<h1><a href="index.html" id="logo">
       							</footer>
       						</div>
   
       					<!-- Nav -->
       						<nav id="nav">
       						<?php wp_nav_menu(); ?>
       						</nav>
       				</div>
       ```
   
 *  Thread Starter [mranchovie](https://wordpress.org/support/users/mranchovie/)
 * (@mranchovie)
 * [8 years, 11 months ago](https://wordpress.org/support/topic/creating-wp-theme-getting-http-error-500/#post-9203267)
 * Thanks man!
 *  Thread Starter [mranchovie](https://wordpress.org/support/users/mranchovie/)
 * (@mranchovie)
 * [8 years, 11 months ago](https://wordpress.org/support/topic/creating-wp-theme-getting-http-error-500/#post-9210516)
 * Unfortunately the new code didn’t fx it. When I load the theme its just whiteness.
 * Thanks for trying thogh!

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Creating WP Theme, getting HTTP ERROR 500’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 10 replies
 * 3 participants
 * Last reply from: [mranchovie](https://wordpress.org/support/users/mranchovie/)
 * Last activity: [8 years, 11 months ago](https://wordpress.org/support/topic/creating-wp-theme-getting-http-error-500/#post-9210516)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics
