Design your page

1. Create the HTML and CSS file
2. Rename the HTML file (e.g. home-custom.html)

Create a custom template

1. Open your XAMPP site directory (e.g./Applications/XAMPP/xamppfiles/htdocs/byamportfolio/wp-content/themes)
2. Copy and paste one of the themes to the same directory
3. Rename it to ‘custom’

Select the custom template on WordPress

1. Open your WP (WordPress) site (e.g. akiramaria/wp-admin)
2. Login
3. Once in the WP dashboard, select Appearance > Themes
4. Select the theme that has word “custom” on it

Replace the theme homepage to the customized homepage

1. Go back to the XAMPP custom theme directory
2. Go to custom/templates
3. Copy and paste your customized HTML in that folder

Set up the home page on WordPress

1. Go to Pages on WordPress
2. Create a new page (e.g. Welcome page)
3. On the right bar under Page Attributes, select Template the name of the HTML file (e.g. home-custom)
4. Publish

Set the new page as the front page

1. Go to Settings > Reading
2. Select Homepage as “Welcome page”)
3. Save
4. Go to your site (e.g localhost/akiramaria)