Converting HTML Sites to WordPress Sites

Learn how to convert your HTML website into a WordPress website!
Blog post: www.elegantthe...
Like us on Facebook: / elegantthemes

[@RobertoRaymon]

I've built wordpress sites for 14 years, but I've never built a custom theme. This quick tutorial is the perfect explanation on creating a custom theme. Thanx!!

[@MADHEWPRAGUE]

@Randy Wilson You must learn coding in html and css.

[@sebeek00]

@@MADHEWPRAGUE I guess he knows html/css if he's using wordpress for 14 years

[@alimohammed887]

This tutorial is freaking awesome and straight into the point in 7mins! Saved me hours of searching and following long tutorials than don't teach you the idea behind it.

[@archanasharma6251]

did it work for you?

[@barrabas1962]

I learned HTML a few years back and often wondered about the relationship with WordPress. Not any more. Great quick explanation. Thanks

[@shamelessplug5952]

I can't believe there are any negative comments for this video. Hands downs, this is the best/simplest Wordpress tutorial I have ever seen. I thought this was something very difficult to do, but you did a great job simplifying it. Thanks!

[@moncorp1]

There are negative comments because he left a lot out. This is a 5,000 foot view. If you have a site with multiple tabs, pages, etc., its not this simple.

[@SpencerTaylorOnline]

I've been recreating HTML sites with Divi, and Genesis before that. I haven't needed to do a direct HTML to WordPress conversion yet, but this is easier than I thought it would be. I may try one for fun!

[@garettclement6671]

Lemme know when it works

[@DavidElstob73]

Mr Digital makes awesome tutorials for coding a theme from scratch, but all I want to do is chop my existing theme up into a superlight version. This is absolutely perfect. Has saved me literally hours of rewatching old tutorials. Thank you. :)

[@pimaths675]

Simple and to the point. Thank you. I dislike videos where I have to hear some one chew gum for an hour to get the same knowledge across.

[@mohdtaha9153]

lol

[@shilohbowman-payen9867]

This did more for me. I guess you will always have people who will have negative comments but you broke down something that will help me out tremendously. This is the reason I liked and subscribed this video itself showed me how to multiply my money.

[@gurkansahinbas]

This video said to me "move on, write theme". Thanks!

[@jinatferdouse4945]

couldnot find the "HTML import 2" plugin.

[@icreatestuff3610]

Uhhh you literally just took what I've been working on for hours and summed it up in less than 10 minutes...and it worked...magic I tell you magic! Thanks a bunch!

[@zcrscej]

One of the better videos on WordPress that I have watched! Concise and to the point. Excellent x 5 if you have previous experience in HTML, CSS, PHP and just need to understand the conversion high points.

[@tertiusscheepers8357]

Short and sweet, I have a client site that wants to add blogs but I am too lazy to rebuild so this will be excellent. Thanks 🙇‍♂

[@Meko_J]

Where did you place all of your custom JavaScript files? and also what if you had multiple html pages?

[@blastkage7190]

hey i know its been two years since u commented this but if u got an answer to this comment (question) u asked do share lmao

[@bala6390]

​@@blastkage7190it's been a month since you commented, any luck? 😀

[@michellew.3691]

Great video - straight to the point without wasting time. Thanks so much!

[@bradford-vts]

Thank you for this wonderful concise summary of how to convert an old html website to wordpress. I have a html website which has great Google rankings and is often referenced by other websites. What I am worried about is that if I use your process and use the plug-in HTML Import2, will I end up with new URLs for each of my pages, which means I lose all my google rankings and of course the links from other websites. Does it mean I will then have to create redirects for every page - and my website has 300 pages!!! Please advise. Thanks.

[@Purvisvarietyoflife]

How different would the process be if we needed to transfer images and videos we have on our current site to Wordpress?

[@mdcorbett]

Awesome and straight to the point! Great video!

[@brackenkeysell5455]

This is a perfect video, to the point, informative, very clear. You've earned a sub!

[@raghavsood6156]

Nice loud voice. Nice video. Batter than all videos on youtube....

[@donnshoots]

Great video. One question. What purpose does the php loop serve? I understood most of what was happening, but the loop section is still a mystery. Thanks 😊

[@deewinc]

This crash course was great. I think I have even graduated.

[@3sixzerointeractive]

Really you try?

[@3sixzerointeractive]

Can you share?

[@y.a.salimu5601]

I can tell by the number of views on this video that I am the one who is late to the party. I have been looking for this for quite sometime. Did not know how to ask the right question. Now I am where I belong.

[@KingdomSermonsTV]

This video is top-notch great!

[@rits3010]

Big thumps Up for this video.

[@martinkaspar5095]

Good day my dear, i have been looking for such a video for quite a long time. You are a true timesaver. You are covering lots of great things - that i wanted to learn. Therefore i want to thank you for your great video. Many thanks for the awesome insights you share. Outstanding. I look forward to the next video - it would be great if you come with more videos - egl Full-site-editing or some other future - topics. Imagine: in one month ( january 22 ) WP 5.9 is expected to get released with a bunch of new features. The global community will be thankful if you come up with some new videos that cover the cool things of the WordPress-Future. - Looking forward.

[@rcoleman6522]

I like your Tutorial, but when you started to save your file, it seems as if it was skipped, not sure where to create this file, I'm using a Mac system, and I also have PC as well

[@Everything-is-everything-24-7]

Hey man. You the man bruh 💪🏿💪🏿💪🏿 clear, straight to the point and effective. Thank you sir.

[@barrettokarate]

What about CSS? I have one particular page I'd like to add, but it includes quite a bit of CSS. Can I leave it in the head section or would I have to add it to the Additional CSS section?

[@toglannestor400]

good job Boss!!amazing!!!i understand now the rule!!!

[@JolanXBL]

"html import 2" yields 14 pages of results -_-

[@Jokamutta]

Yea and I can't find it :(

[@rohanroy798]

@@Jokamutta is it still there ?

[@Jokamutta]

@@rohanroy798 Dont know

[@Platinuminternetmarketing]

just google it and you can download from wp repository or download from the owners page stephanieleary.com/code/wordpress/html-import/

[@bronekwlodarczyk3756]

you're great and I feel I follow 90% of it, BUT, despite being a pretty good user, I am not sure I'd be able to do it straight after watching your tutorial - it looks simple if one really knows what they are doing... Thank you... still great and I like the video!

[@elegantthemes]

Awesome! I'm glad this video can help you. 😍

[@ColinKinsella]

Great Video. If I create a custom theme is it straightforward to modify it with Classic and Gutenberg editors and to integrate it with third party plugins?

[@tkern2]

The best video I’ve stumbled across

[@Kalicall]

Nice tutorial easy clear shortest

[@FlorenceMohan]

it's very nice and useful buddy tq so much

[@gearlab734]

I got as far as you did with HTML website to Wordpress conversion, but struggling to find clear information on how to add in the other pages from the HTML website, eg convert the nav menu from html to wordpress etc.

[@gsp1664]

I can no longer find HTML Import 2 in the plugin repository.

[@arturojaratovar297]

wordpress.org/plugins/import-html-pages/

[@Jokamutta]

@@arturojaratovar297 OMG Thanks!

[@DavilaMSchool]

Now this is a tutorial. Damn! Thank you

[@elegantthemes]

You're welcome Eddy! 😄

[@bencrossley4085]

HTML Import 2 This plugin hasn’t been tested with the latest three major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. This must be a problem, surely? Why is this blog from Feb 2015 being resurrected now?

[@merefield2585]

Yep it’s buggy as hell, doesn’t work with php 7.X and doesn’t seem to convert in-site links properly

[@vBailey]

Any chance you could recommend an updated option for importing HTML content? (HTML Import hasn't been updated in 3 years)

[@theearlybirder-videos]

I don't know where that cool folder is created. If I'm in file manager and create a folder, I can't type anything into it. And in my Coffee Cup HTML editor I can't either. Is this in WP on a page?

[@angelotepedino]

Unfortunately this didn’t tell us anything except look at the user guide. It would of been more helpful if they went more in depth.

[@mybollywoodmasala8063]

kzbin.info/www/bejne/paXIgouFd62Zorc

[@countrymusiclover9199]

Awesome explanation. Thank you very much.

[@laravelexpert]

Am I able to somehow convert my existing website with javascript into a wordpress site (not only my css and html files) ?

[@JennyDeJesus711]

wondering the same

[@stevensavoie856]

I would think not. He literally just showed us how to make a theme. Themes are cosmetic. I have yet to see a service that lets you create a site in code and then hand it over to a client for him to manage on his own. The closest I have found is netlify which hosts static sites and netlify cms. But as far as I have seen, that solution requires a visitor to land on the homepage and then navigate to a simple blog on a page, or just land directly on the blog.. not exactly the flexibility I am looking for.

[@neetosena]

For exemple if I want to add a custom CSS and HTML but without change the theme or create a new one, in the section page, and I'm able to add new plugin to integrate with that new page? I have tried to use a plugin "custom CSS and HTML" but it change all the theme is not just a page I'd like to change.

[@Cooker1607]

Is it possible to display multi-page content via these custom themes? Let's say my site has most of its content on a single-page build but uses a secondary page for some slightly different content. Can i make a link through wordpress menus (or anyhow) to display this secondary page if i include it's file in the wp-content/themes/myTheme folder?

[@eduprovinst5297]

Hey Hi There, I was having an issue, I hope you help me with it Since my website was created as html before and don't know how to use it so i had to create a wordpress website for it was done directly through bluehost, without deleting the previous html site so i am unable to customize it in wordpress now what should I do for it, Please help me..!

[@unknown_amazing_chap4480]

EduPrav Inst, the best solution to your problem is this one helpful tip: Find a helpful solution to your problem as soon as possible!... Hope that helps!

[@manishahada6072]

what should we do to show the images on our website? Is it possible to copy the images folder too into the themes folder of wordpress?

[@TechWrite]

The video is informative and welcomed. I appreciate his knowledge and expertise but why is he shouting that much?

[@staffordnelson9053]

because he's shouting! lol!

[@edgardoalemis]

Wow dude!! You have an amaizing energy!! Thumbs up!!

[@orelhassid5812]

What if my files located in different directories? for example: ProjectFolder > index.php ProjectFolder > css > style.css ProjectFolder > includes > header.php & footer.php

[@lonniejames5985]

I'm not sure I understand one part. If you start with a WordPress theme and then import your own HTML website, does is replace the theme you started with, so you only have your original website?

[@afolabiosinowo7474]

Can i import my html from PSD into html import2 and then integrate with Divi?

[@sreekumars9341]

Nice tutorial.. but how can i migrate whole css, bootstrap and js file into wordpress???

[@someshsingh8050]

You can also edit wordpress theme directly in worpress and paste there all codes, right??

[@mcglonejoe4876]

My question is kind of back wards . I have a site built in code ignighter. I would like to take the content over to word press how ever I would like the content taken over and new code applied?

[@ZetaxDante]

2024 what is better way to clone other website layout to keep do something by this

[@veoronox]

but what if you don't have a sidebar and posts? I have static pages and an normal menubar.

[@lazyexpertk5933]

got one question. I converted using 1st method but not entirely the same a little different, What I wana know is that, after converting to html to wp, is it possible to then edit it with elementor or other stuff that wp provide, or in which method we can use use elementor etc after converting to wp from html

[@dasd.bilany]

So what do you do, If your code when you use sublime text 3 doesn't automatically sort the code. Making it easy to read.... Im on part 2 of option 1 pretty much at 4:13 you see the word main and i cant find that because its all mushed up etc.

[@creativegaze]

Do you have a suggestion for someone working on a Mac? I'm trying to help a friend move her existing website into Wordpress.

[@naturallyoregonic5778]

This is an old message, but did you find out? Did you have to upgrade to the Business plan on wordpress? Thanks

[@unlocked9676]

It is working in 2021?

[@jyrkilahtonen791]

Is there a beginners' course? I am a single user who may want to convert my index.html on the university server to WP. It is from 1995. It only has links to other html-files on my directory, lists, images, pdf-documents. I have no clue what CSS or PHP mean, or what a theme. I don't need to create A SITE, just convert my homepage while keeping it on the same server provided by my employer.

[@mohitchaprana]

Which plan did u use?

[@FarhadKazombie]

Excellent tutorial

[@yeshudavid7216]

I followed your tutorial, but I'm finding some trouble. The styles aren't getting loaded to the custom theme I created. Please help.

[@elegantthemes]

Sorry for the trouble! Best bet is to open a chat with Support so they can check this out for you. 👍

[@yeshirangdol414]

Thanks for such an amazing job, so if we convert HTML into WP, does it effect our present ranking on google, also, our present HTML comes in 2 parts, one is PC version and other is Mobile Version, how do i have to make them same URL

[@nijuphilip1213]

which is plugin to purchase for this conversion?

[@vranco]

Straight forward EXPERT. Thank you!

[@elegantthemes]

You're welcome!

[@LunaXplr]

What happens to the HTML site. Is it still active while working in the Wordpress version? Does it also show live updates as you’re working?

[@islomtozaboyev1442]

thank you very much! :)

[@billionairepotential2912]

how do you access your WordPress directory and put the folder in so that its uploads on WordPress automatically not sure on that part?

[@wpatters1229]

if all my pages in the static site have a php file type will that work with that plugin?

[@eliadedaniels]

Hi, if I transform html to wordpress theme I can edit it with divi?

[@developer_hadi]

Is it editable?

[@saharanwarbaig9947]

I Have one question. I want to that in our html file we have different links like Home Contact us on top which are further linked with different html files. How will we merge all html files in one theme?

[@tylerharris8737]

How did you just create a file in the folder?

[@irienice]

I SCROLLED FOR A LONG TIME TO SEE IF SOME ONE ASKED THIS QUESTION....LOL

[@joerichdelosreyes4267]

after that, is all the content possible to edit through the elementor?

[@projectzeus7894]

what if i using javascript, does it mean that all my cool js funtionalities would go away?

[@TheCzoko220]

Awesome tutorial, thanks!

[@cherriepie]

Awesome tutorial, I was trying to find Udemy courses on this but they're really convoluted and use old technologies

[@nathanielcowan5356]

Great video

[@as6770]

Can I do this without a wordpress business account? Im a new web developer and started on dreamweaver.

[@peoplearestrnge]

okay but where do i find my wordpress directory??

[@webhostinguk8774]

Nice guide!

[@shariquelari3367]

My website was designed by developer and he uploaded to my c panel and then downloaded the given website as back up but I have found issues like one of the page of the website url is showing the same as the live one while the others pages are showing local desktop please help me to fix I worried if data’s he can steal by keep another backup files to his desktop. My website is HTML

[@gauravk7343]

amazing video

[@gurukulmarket]

This video is very amazing . I had tried and got suscess but I have bulk of data in PHP and mysql form . Please suggest how to upload these data on WordPress because I want to integrate payment gateway on my site. Please suggest me🙏🙏🙏

[@davordakic1387]

Can I convert html/css web to wordpress with 2-3 different css page?

[@arnom490]

Hi Matt, can you tell Mitch he still owes me some money? And that his email doesn't seem to work since the 13th of march. Thanks a lot, great video!

[@toysrfun9811]

Hey Arno did you get your money back?

[@ziyadvlog4085]

how do you make a file in a folder

[@johnwuethrich6505]

you also missed an inbetween option, grab a crawler or service to make a site map then look at wp page or post structure in db after picking a theme. write a few loops to hit 1)hit each page 2)break it apart into headers etc 3)spit that into what ever name mysql is going by these days

[@trumanphillips649]

I like your video. Apology if this is the wrong place to ask a question but here goes: I want to convert an HTML5up site to WP in the same location. Is that possible? Does the existing site have to be cleared before creating the WP site? Thanks Truman

[@vissevolker955]

Seems complicated but not impossible, anyway this gives me hope I haven't wasted 100 hours loading picture content on Mobirise. I appreciate not having to go to web kindergarten to learn something, thanks. A serious concern is protecting images from being grabbed for free, so I have to look at complex site designs. Mobirise seems too limited there.

[@MatthewBendyna]

I have a problem. I followed this guide and the external css sheet didn't activate in the live preview. Why is this?

[@Harrylymon]

None of this mentioned you need the Business plan to install a theme on wordpress. I now have a theme I paid for and just subscribed to wordpress for a year. As a student looking for jobs with little funds, this information would have been helpful upfront. but thanks

[@KleinfeldTechnical]

This assumes you are using "wordpress.org", the self-hosted version, not wordpress.com, which you apparently are. He does talk about using a localhost option as well. That would be completely free and unrestricted.

[@richmondmingi8424]

hello would you help me because i need to build a website with a login and then after the login there will be the video that cant be download i dont know to use well the word press

[@orolazajairus]

Hi Sir, I've already transferred my website into wordpress localhost using xammp, however the contact form in my website is not working. Can please help me to figure this problem. thank you

[@raufaamir]

Fast video but comprehensive it gives clear idea. Thanks