Suppose we already have the HTML page for the main page of site ('index.htm') with page content, description and keywords:
<html> <head> <title>Hello World!</title> <meta content="About Hello World page" name="description"> <meta content="hello world page about" name="keywords"> <link href="/css/main.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="header"> <img src="/images/logo.png" class="logo" /> <ul class="nav"> <li><a href="/">Home</a></li> <li><a href="/download/">Download</a></li> <li><a href="/order/">Purchase</a></li> <li><a href="/support/">Support</a></li> </ul> </div> <!-- HEADER END --> <div class="content"> <h3>Hello World</h3> <p>This is Hello World page.</p> </div> <!-- FOOTER BEGIN --> <div class="footer"> <p>© 2011 Hello world. All rights reserved.</p> </div> </body> </html>
Since we already have a page layout, the most important for us are page content, page title, keywords and description (selected bold).
Now, create a file 'index.php' in the '/content' folder. At the beginning of PHP file we indicate title and keywords for the main page:
<?php $this->title = 'Hello World!'; $this->keywords = 'hello world page about'; $this->description = 'About Hello World page'; ?>
Now let's add the page content from the HTML source above:
<?php $this->title = 'Hello World!'; $this->keywords = 'hello world page about'; $this->description = 'About Hello World page'; ?> <div class="content"> <h3>Hello World</h3> <p>This is Hello World page.</p> </div>
The main page of site is done. The same we do for other pages.