• Abigail December 24, 2017
    html

    Migrate Html site to WordPress

    Step 1: Create a New Theme Folder and Necessary Files

    • Style.css
    • Index.php
    • header.php
    • sidebar.php
    • footer.php
    • function.php

    Step 2: Copy Existing CSS Into New Stylesheet

    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.

    Step 3: Separate Your Current HTML

    First, open your current site’s index.html file. Highlight everything from the top of the file to the opening div class=”main” tag. Copy and paste this section into your header.php file, save and close.

    Second, go back to your index.html file. Highlight the aside class=”sidebar” element and everything inside it. Copy and paste this section into your sidebar.php file, save and close.

    Third, in your index.html select everything after your sidebar and copy and paste it into your footer.php file, save and close.

    Finally, in your index.html file, select everything that’s left (this should be the main content section) and paste it into your index.php file. Save, but do not close yet.

    You can close your index.html file now however and move on to the final steps. Almost done!

    Step 4: 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 (besides the main content) that are housed in the other files you’ve created. Or in other words, put back together the elements we just “chopped up”.

    At the very top of your index.php file, place the following line of php.

    <?php get_header(); ?>

    Then, at the very bottom of your index.php file, place these lines of php.

    <?php get_sidebar(); ?>

    <?php get_footer(); ?>

    Step 5: Upload Your New Theme

    Now that you’ve created your theme files and have them all stored within your new theme folder, you’re going to need to access your new WordPress installs directory.

    Place your new theme folder inside /wp-content/themes/. Then navigate back to WP Admin > Appearance > Themes and your newly created theme should appear there.

    Summary
    How to migrate Html site to WordPress ?
    Article Name
    How to migrate Html site to WordPress ?
    Description
    Over the static HTML website design service WordPress has been originally developed for publishing purposes with a lot of functions embedded in the platform, which makes it dynamic at the same time.
    Author
    Publisher Name
    WordPress Support LLC
    Publisher Logo

    Leave a comment.

    Your email address will not be published. Required fields are marked*

    error: Content is protected !!