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!!
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.
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!
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!
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.
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. :)
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.
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.
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.
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
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?
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?
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.
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 😊
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
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?
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
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?
nice one, i am new in wordpress, i have create my own theme based on html css, and make its pages, all content are static, i just wanted to edit all the content with elemtor or visual composer, how can i achieve this?
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.
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
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
What if my files located in different directories? for example: ProjectFolder > index.php ProjectFolder > css > style.css ProjectFolder > includes > header.php & footer.php
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
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.
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?
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
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..!
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!
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!
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?
When i am trying to convert a HTML file to Wordpress my custom doesn't working on Chrome But it's Working and i can see every single change on Firefox always . So, have i done any mistake that doesn't working on Chrome ??? Or it's ok that working on Firefox..........
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?
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.
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!
In index.php file "contents" deleted, were enclosed in "section" alternatively pasting "code"; meant for lop, where deleted contents gone? and burial meant for slow and steady not in rush as you demonstrate, thanks
I have a question and the blog post is so old comments are closed. I have a website I can see replicating easily in WP with or without Divi. The problem is the navigation and logo at the top. The logo is one color on the homepage but another color on the rest of the pages. Same for the navigation. Making them all the same color would cause a conflict on the rest of the site. Any suggestions on how to handle this: www.richws.com Thanks
Surround the existing logo code in the header.php template file with if( is_front_page() ) and then do an else statement to include the alternative logo instead. If your header.php file is using the body_class() function then you should be able to style menu items dependent on the page that is being viewed as different CSS classes will be being applied to the tag on each page...
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?
and what if the html content do not have any header or footer? what you going to place in index.php then? what the loop? really messy instruction. You hide alot of what we should do and deleted the content!
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🙏🙏🙏
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.
![แฉ [2/4] 17 ก.ค. 67 “ลิลลี่ เหงียน” เปิดใจหลัง “เอิร์ก เลเดอเรอร์” ตอกกลับเรื่องโกงเงิน 50 ล้าน](http://i.ytimg.com/vi/s8KapfEO5NI/mqdefault.jpg)
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!!
@Randy Wilson You must learn coding in html and css.
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.
did it work for you?
I learned HTML a few years back and often wondered about the relationship with WordPress. Not any more. Great quick explanation. Thanks
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!
Lemme know when it works
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!
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.
couldnot find the "HTML import 2" plugin.
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. :)
This video said to me "move on, write theme". Thanks!
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.
lol
How different would the process be if we needed to transfer images and videos we have on our current site to Wordpress?
This is a perfect video, to the point, informative, very clear. You've earned a sub!
Great video - straight to the point without wasting time. Thanks so much!
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.
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.
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.
Can i import my html from PSD into html import2 and then integrate with Divi?
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
Any chance you could recommend an updated option for importing HTML content? (HTML Import hasn't been updated in 3 years)
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?
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?
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 🙇♂
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?
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.
*help*
But can my client edit it and add what he want... basically customize it later?
You can also edit wordpress theme directly in worpress and paste there all codes, right??
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 😊
Awesome tutorial, I was trying to find Udemy courses on this but they're really convoluted and use old technologies
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?
Can I convert html/css web to wordpress with 2-3 different css page?
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
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?
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
Wow dude!! You have an amaizing energy!! Thumbs up!!
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?
Hi, i have a problem with all images that ive put in wordpress,they are not showing.Anyone got a solution?
nice one, i am new in wordpress, i have create my own theme based on html css, and make its pages, all content are static, i just wanted to edit all the content with elemtor or visual composer, how can i achieve this?
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.
after that, is all the content possible to edit through the elementor?
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
how do you access your WordPress directory and put the folder in so that its uploads on WordPress automatically not sure on that part?
if all my pages in the static site have a php file type will that work with that plugin?
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
What if my files located in different directories?
for example:
ProjectFolder > index.php
ProjectFolder > css > style.css
ProjectFolder > includes > header.php & footer.php
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
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.
Nice tutorial.. but how can i migrate whole css, bootstrap and js file into wordpress???
Can I do this without a wordpress business account? Im a new web developer and started on dreamweaver.
The html element has no style from style.css :( help pls
Fast video but comprehensive it gives clear idea. Thanks
is it important to create sidebar and footer files even if i don't even have sidebar and footer in website?
Now this is a tutorial. Damn! Thank you
You're welcome Eddy! 😄
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?
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
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..!
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!
Where did you place all of your custom JavaScript files? and also what if you had multiple html pages?
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
@@blastkage7190it's been a month since you commented, any luck? 😀
Hello. Good an nice tutorial. I would like to know how to migrate my entire bootstrap website on WordPress
I have been following this tutorial but unfortunately the css doesnt work on the page ? Please help if anyone resolved this issue.
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!
is there o need for functions.php file.... ?
Straight forward EXPERT. Thank you!
You're welcome!
hello there .... how can man to convert php link channels to m3u8 ?
Which plan did u use?
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?
but what if you don't have a sidebar and posts? I have static pages and an normal menubar.
When i am trying to convert a HTML file to Wordpress my custom doesn't working on Chrome But it's Working and i can see every single change on Firefox always . So, have i done any mistake that doesn't working on Chrome ??? Or it's ok that working on Firefox..........
Do you have a suggestion for someone working on a Mac? I'm trying to help a friend move her existing website into Wordpress.
I can no longer find HTML Import 2 in the plugin repository.
wordpress.org/plugins/import-html-pages/
@@arturojaratovar297 OMG Thanks!
Awesome and straight to the point! Great video!
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?
Am I able to somehow convert my existing website with javascript into a wordpress site (not only my css and html files) ?
wondering the same
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.
Best tutorial bro. Great job! (y)
I have an entire html website and want to migrate it ti wp. How to do that?
Hey man. You the man bruh 💪🏿💪🏿💪🏿 clear, straight to the point and effective. Thank you sir.
"html import 2" yields 14 pages of results -_-
Yea and I can't find it :(
@@Jokamutta is it still there ?
@@rohanroy798 Dont know
just google it and you can download from wp repository or download from the owners page stephanieleary.com/code/wordpress/html-import/
Every time The package could not be installed. PCLZIP_ERR_BAD_FORMAT (-10) : Unable to find End of Central Dir Record signature
so informative!! Thanks very much!!
Awesome explanation. Thank you very much.
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!
Awesome! I'm glad this video can help you. 😍
Do you know how to convert html page to wordpress theme? But i have 4 html page, index.html , about.html, contact.html? How to do it?
In index.php file "contents" deleted, were enclosed in "section" alternatively pasting "code"; meant for lop, where deleted contents gone? and burial meant for slow and steady not in rush as you demonstrate, thanks
I have a problem. I followed this guide and the external css sheet didn't activate in the live preview. Why is this?
Awesome tutorial, thanks!
I have a question and the blog post is so old comments are closed.
I have a website I can see replicating easily in WP with or without Divi. The problem is the navigation and logo at the top. The logo is one color on the homepage but another color on the rest of the pages. Same for the navigation. Making them all the same color would cause a conflict on the rest of the site.
Any suggestions on how to handle this: www.richws.com
Thanks
Surround the existing logo code in the header.php template file with if( is_front_page() ) and then do an else statement to include the alternative logo instead. If your header.php file is using the body_class() function then you should be able to style menu items dependent on the page that is being viewed as different CSS classes will be being applied to the tag on each page...
Can you do a video on how to export page builder pro designed site to wordpress and add domain name to it?Thanks.
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?
Yep it’s buggy as hell, doesn’t work with php 7.X and doesn’t seem to convert in-site links properly
can you explain how to use WordPress such as CMS, please? I mean I have an HTML website template and I would like to link it to a WordPress CMS.
You are the best ! Hope to see more from you (-:
want to ask if you have a tutorial on How to Migrate From ASP to WordPress ?
and what if the html content do not have any header or footer? what you going to place in index.php then? what the loop? really messy instruction. You hide alot of what we should do and deleted the content!
Can I then edit my WP using elementor?
2024 what is better way to clone other website layout to keep do something by this
I followed your tutorial, but I'm finding some trouble. The styles aren't getting loaded to the custom theme I created. Please help.
Sorry for the trouble! Best bet is to open a chat with Support so they can check this out for you. 👍
what if my template does not have a sidebar code?
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.
th-cam.com/video/oteQXOBHflU/w-d-xo.html
okay but where do i find my wordpress directory??
How do you take an already entire existing website And , Convert/import without losing anything
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🙏🙏🙏
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.
Hi, if I transform html to wordpress theme I can edit it with divi?
I want an automated tool to do this.. suggest a free one or monthly subscription