1. Finding a Theme

Start with a HTML Template from the internet. Some good places to start:

• https://bootstrapmade.com/
• http://themeforest.com/

2. Save to themes folder

• Download the zip file to the "amadeus/themes/" folder / move it there
• Extract the folder to themes so that the subfolder contains "index.html"
  • Rename the folder to add hyphens before new words and remove capitals.
  • For eg: BizLand should become biz-land (we prefer lowercase for urls so all folder/file names should follow that rule.

3. header.php

• Save the index.html as header.php
• Use a code editor like PSPad to edit the php, html, css, js files

a. Title and Meta

Search For <title> and replace the line with: <title><?php title(); ?></title>

Search for <meta content="" name="description"> <meta content="" name="keywords"> and replace with (a single) <?php seo_tags(); ?>

b. Icon (for browser tab)

and add this line just after that `

<link href="<?php echo cs_var('url'); ?>icon-<?php echo cs_var('safeName'); ?>.png" rel="icon" />

`

c. $theme

Search for

"assets

and replace with

"<?php echo $theme; ?>assets

• some themes use directly css/ and js/ folders and this may need to be treated separately

d. site assets

Search for all the css/js files in the file. This is either in the head or just before . After it, add the line: <?php styles_and_scripts(); ?>

e. head hooks

Before the tag ends, add the line <?php head_hooks(); ?>

f. Menu

In bootstrapmade.com, its usually within this tag