Easiest Way to convert HTML template into WordPress Theme

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

Easiest Way to convert HTML template into WordPress Theme

Latest Posts