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
Software Development Company For Textile Industries

We provide custom software development for the textile industries. Our Software Solutions coordinate

Web design and Development Company for Lawyers Firm

Blazingcoders provides Web design and development solutions for lawyer firm with responsive webdesig

Advantage of Offshore IT Services

Blazingcoders is a offshore Website Design and Web Development Company, India. W

Hire Software, Mobile and Automation Tester Hyderabad

Blazingcoders in Hyderabad provides a wide range of service in Software testing with includes, Autom

Get free quote for

Outsource WordPress Theme Conversion

Offshore HTML To WordPress Theme Creation

Contact us