HTML To WordPress Theme Creation

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.

Related Posts
How to get last insert ID in PHP Codeigniter?

In this article, we are going to discuss how to get the last inserted ID in Codeigniter. I will let

Custom T-Shirt ECommerce Website Development Company

Blazingcoders is an eCommerce Website Development Company. We specially design and develop a Custom

ECommerce website maintenance and support services

Blazingcoders Good maintenance of eCommerce website will helps establish your brand and uses full fo

Docker Usage

What is Docker? Docker is an open platform for developers and sysadmins to build, ship, and run d

Get free quote for

Outsource WordPress Theme Conversion

Offshore HTML To WordPress Theme Creation

Contact us