HTML To WordPress theme creation
Converting Your Static HTML Site to WordPress
If your goal is to not only get your content from your static HTML site into WordPress but also duplicate your current design, this means you will need to create your own custom theme. Thankfully, that is not as scary as it might sound at first. It only involves creating a few folders and files, a bit of copy and paste, and then uploading the result.
Step 1: Create a New Theme Folder and Necessary Files
create a new folder to hold your theme files. Name it whatever you’d like your theme to be named.
Next, create a few files in your code editor. Don’t do anything to them just yet. Just leave them open for further editing.
- Style.css
- Index.php
- header.php
- sidebar.php
- footer.php
Step 2: Copy Existing CSS Into New Stylesheet
So the first file you’re going to want to edit is your Style.css file.
To begin, add the following to the top of your file.
/*
Theme Name: Replace with your Theme’s name.
Theme URI: Your Theme’s URI
Description: A brief description.
Version: 1.0
Author: You
Author URI: Your website address.
*/
After this section simply paste your existing CSS below. Save and close the file.
Step 3: Finalize Your Index.php File
In order to finalize your new theme’s index.php file, you need to make sure it can call up the other section header, footer and sidebar sections.
Then, at the very bottom of your index.php file, place these lines of PHP.
Step 4: Upload Your New Theme
Move your New Theme files to the folder /Wp-content/themes/your theme. Then back to Navigate menu Click WP Admin-> Appearance->Themes and your newly created theme should appear there activate it.
