Call Now

WhatsApp

Go back
to top

Arrow Icon
Site Logo

HTML To WordPress theme creation

Shape Image Layout Star Icon Star Icon

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

Outsource WordPress Theme Conversion, Offshore HTML To WordPress Theme Creation

Customized Software For Barcode Printer

Blazingcoders we develop customized for Barcode Printers, Label and Receipt Printers. We are customi

Read More
Outsource WordPress Theme Conversion, Offshore HTML To WordPress Theme Creation

Building Your Online Alumni Community: A Step-by-Step Guide to Success

Are you looking to create a thriving online community for your alumni? Whether you're starting f

Read More

How to convert an HTML element or document into image ?

In this article, I will be able to show you ways to convert Html div to a pictur

Read More