Jump to content

Converting Layout To Template


Johnns
 Share

Recommended Posts

Hey guys,

 

first of all I would like to thank you again for helping me last time with my wordpress problem.

 

i have my layout all worked out, and its xhtml /css valid. but since i dont want to cut it into pieces again with a footer, header, sideline etc for wordpress i was wondering if i could just insert the wordpress "tags" in my complete index.php

 

perhaps you could help me a bit with adding some tags too my layout, because i dont seem to get it right. (much appreciated)

 

this is how the layout looks in firefox/internet explorer. down below you can see my source.

 

the items in the left menu (besides the one like homepage, archief, over ons, adverteren and contact) can be added and edited with the wordpress admin.)

 

See image below

 

thanks in advance

 

><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>My new webpage</title>
<style type="text/css">
@import "style.css";
</style>
</head>
<body>
<div id="container"><div id="wrap">
<div id="header"></div>
<div id="main1"><div id="main2">
<div id="left" class="clearfix"><div id="leftcol">
<div id="categories">
	<ul>
	<li><a href="index.php">Homepage</a></li>
	<li><a href="/archief">Archief</a></li>
	<li><a href="/overons">Over ons </a></li>
	<li><a href="/adverteren">Adverteren</a></li>
	<li><a href="/contact">Contact</a></li>
	</ul>
</div></div>
<div id="menuspacer1"></div>
<div id="leftcol2">
<div id="informatie">
	<ul>
	<li><a href="/category/instellingen">Instellingen</a></li>
	<li><a href="/category/open-dagen">Open dagen </a></li>
	<li><a href="/category/opleidingen">Opleidingen</a></li>
	<li><a href="/category/studieondersteuning">Studieondersteuning </a></li>
	<li><a href="/category/uitwisselingen">Uitwisselingen</a></li>
	<li><a href="/category/studieverenigingen">Studieverenigingen</a></li>
	<li><a href="/category/studie-financien">Studie  financiën</a></li>
	</ul>
</div></div>
<div id="menuspacer2"></div>
<div id="leftcol3">
<div id="scholieren">
  <ul>
	<li><a href="/category/ho-voor-scholieren">HO voor scholieren </a></li>
	<li><a href="/category/master-bachelor-systeem">Master / Bacelor systeem </a></li>
	<li><a href="/category/studiekeuze">Studiekeuze</a></li>
	</ul>
</div></div>
</div>
<div id="right"><div class="column-in">
  <div id="searchbox">search	

</div>
  </div>
</div>	
<div id="middle">
  <div class="column-in">
</div>
</div>
</div>
<div class="cleaner"></div>

</div></div> <!-- closing main1, main 2 -->
<div id="footer"><span class="ruitspreader">RSS FEED</span><img src="images/ruit.gif" alt="" width="5" height="5" /><span class="ruitspreader">DISCLAIMER</span><img src="images/ruit.gif" width="5" height="5" alt="" /><span class="ruitspreader">PRIVACY POLICY</span><img src="images/ruit.gif" width="5" height="5" alt="" /><span class="ruitspreader">CONTACT</span></div>
</div> 

</body>
</html>

 

again, thanks

post-599-1135885187_thumb.jpg

Link to comment
Share on other sites

Maybe I should say why I said to stick to a theme with pieces.

 

Main reason: Wordpress is a work in progress, upgrading to a newer version you are going to have problems.

 

Reason 2: It's easier to maintain and edit. You aren't doing anything special that hasn't been done with a zillion other themes out there for WP.

 

Reason 3: You can play with your design just by copying your theme folder to another theme folder and make any adjustments you like to your sidebar, footer, header and css. And change them as often as you like. Maybe you might want to make some color changes or offer alternate themes to your visitors with the theme switcher.

 

One other comment. You are making a lot of work for yourself hard coding your links and categories into your sidebar when Wordpress creates them so easily on it's own. Adding a new link or category is simple in the Admin panel and you don't have to edit a single file.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...