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)

  • 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.www.ads-software.com/The_Loop

    Also, this infographic has some great information about the loop: https://yoast.com/wordpress-theme-anatomy/

    Thread Starter mranchovie

    (@mranchovie)

    here is my HTML website: https://sgh.x10host.com/

    All the code in my header/footer is just copied from that main index.

    I will look through those links, thanks!

    HI , Which are the files you have includes inside the theme ? (header.php ,footer.php ,index.php , style.css) ?

    Thread Starter mranchovie

    (@mranchovie)

    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

    (@mranchovie)

    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 7 years, 6 months ago by mranchovie.
    • This reply was modified 7 years, 6 months ago by mranchovie.
    • This reply was modified 7 years, 6 months ago by mranchovie.
    Thread Starter mranchovie

    (@mranchovie)

    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

    (@mranchovie)

    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!

    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

    (@mranchovie)

    Thanks man!

    Thread Starter mranchovie

    (@mranchovie)

    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.