Page Loading ...

Easiest Way to convert HTML template into WordPress Theme

Easiest Way to convert HTML template into WordPress Theme
    Watch the video

    click to begin

    Youtube

    Hello youtube today, I will show you the easiest way to convert
    HTML
    template into the WordPress site
    For this I am using
    xampp if you don't know how to install on wordpress on xampp it was my video link is even in the description
    So further or do let's move into the video we will be importing this template into a wordpress site
    For navigation I have used fat-nav
    for slider flexslider
    And for gallery
    lightbox
    This is the HTML template so let's put it in the htdocs
    Now let's rename this file as index.php
    Now let's copy this css
    Let's open
    this css
    For editing I am using sublime text you can use any other
    And
    paste this code here
    Give you a theme name suppose my theme
    The domain name is same as theme name
    Give your theme url
    author
    Suppose ram
    we don't need this
    In description just write
    We don't need his tag
    Now let's go to the site
    Here is our theme, so let's activate it
    Now let's see how our site looks like
    Currently
    It looks like this
    Now we have to fix our links
    let's open this index.php
    Now you should put this code in front of every links
    let's save now let's see the change
    Now let's fix all the
    Links now go to
    htdocs and
    Put all this link
    Here
    Now let's put this code in front of every link
    Now go to js and
    Put all the links here
    And repeat the same process
    Let's save this now let's see the change
    You can see the change
    Now let's fix the links of images
    paste it here
    Now let's fix the link
    Now let's see the change

    Now go to
    flexslider.css, let's open this
    Now here you see the control image
    here is our gallery so let's fix this
    here You can see something missing our
    Control and close image is missing solar so let's fix this
    For this let's go to lightbox.css
    here You can see your control image
    And close image
    Now you can see something missing in social icons
    For this we must fix this fontawsome CSS links, let's open this
    Then you should put all funds in front just like before
    cut and paste
    let's save this now let's see the change
    here you can see our all social links
    Now let's create a new file let us save this as
    header.php
    And paste this code here
    let's save this let's see the change
    Sorry we have done something mistake so let's fix this
    Before we forgot to save this now it must be ok
    Yes
    Now let's go to the footer
    Sorry first let's create a new file again. Let's save this as
    footer.php
    now let's copy all the footer
    let's save this
    put this code in the index file now again let's see the change
    It's working
    In this way you can put your any HTML file
    in WordPress
    Thanks for watching my video, please hit like and subscribe
    Fix Error 16 problem in all adobe products in Windows 10 How to change email of YouTube 2018 how to register filmora permanently without disconnecting internet How to install WordPress on Xampp How to remove filmora watermark free 2018 How to design a complete website using bootstrap 4, html5 ,css3 and jQuery A Day in the Life of Timmy வாணி ராணி - VAANI RANI - Episode 1548 - 21/11/2017 TVF's Monitor Ho Toh Aisa | Classroom Qtiyapa Songs in Real Life - Part 9