Converting HTML Sites to WordPress Sites

Поделиться
HTML-код
  • Опубликовано: 30 янв 2025
  • ХоббиХобби

Комментарии • 345

  • @RobertoRaymon
    @RobertoRaymon 5 лет назад +25

    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
      @MADHEWPRAGUE 4 года назад

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

    • @sebeek00
      @sebeek00 6 месяцев назад

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

  • @alimohammed887
    @alimohammed887 4 года назад +20

    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.

  • @shamelessplug5952
    @shamelessplug5952 5 лет назад +16

    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
      @moncorp1 Год назад +4

      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.

  • @barrabas1962
    @barrabas1962 4 года назад +17

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

  • @SpencerTaylorOnline
    @SpencerTaylorOnline 6 лет назад +24

    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!

  • @DavidElstob73
    @DavidElstob73 4 года назад +8

    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
    @pimaths675 6 лет назад +2

    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.

  • @jinatferdouse4945
    @jinatferdouse4945 4 года назад +14

    couldnot find the "HTML import 2" plugin.

  • @shilohbowman-payen9867
    @shilohbowman-payen9867 2 месяца назад

    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
    @gurkansahinbas 5 лет назад +13

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

  • @tertiusscheepers8357
    @tertiusscheepers8357 2 года назад +1

    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 🙇‍♂

  • @icreatestuff3610
    @icreatestuff3610 4 года назад +1

    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!

  • @Everything-is-everything-24-7
    @Everything-is-everything-24-7 11 месяцев назад

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

  • @Meko_J
    @Meko_J 4 года назад +6

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

    • @blastkage7190
      @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
      @bala6390 Год назад

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

  • @michellew.3691
    @michellew.3691 6 лет назад +14

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

  • @zcrscej
    @zcrscej 6 лет назад +2

    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.

  • @brackenkeysell5455
    @brackenkeysell5455 3 года назад +3

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

  • @martinkaspar5095
    @martinkaspar5095 3 года назад +1

    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.

  • @mdcorbett
    @mdcorbett Год назад

    Awesome and straight to the point! Great video!

  • @raghavsood6156
    @raghavsood6156 4 года назад

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

  • @rcoleman6522
    @rcoleman6522 2 года назад +1

    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

  • @ColinKinsella
    @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
    @tkern2 2 года назад

    The best video I’ve stumbled across

  • @bradford-vts
    @bradford-vts 4 года назад +2

    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.

  • @FlorenceMohan
    @FlorenceMohan 3 года назад

    it's very nice and useful buddy tq so much

  • @KingdomSermonsTV
    @KingdomSermonsTV Год назад

    This video is top-notch great!

  • @toglannestor400
    @toglannestor400 2 года назад

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

  • @DavilaMSchool
    @DavilaMSchool 5 лет назад +6

    Now this is a tutorial. Damn! Thank you

  • @barrettokarate
    @barrettokarate 3 года назад +1

    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?

  • @countrymusiclover9199
    @countrymusiclover9199 3 года назад

    Awesome explanation. Thank you very much.

  • @Kalicall
    @Kalicall 2 года назад

    Nice tutorial easy clear shortest

  • @deewinc
    @deewinc 5 лет назад

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

  • @lonniejames5985
    @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?

  • @donnshoots
    @donnshoots 3 года назад +1

    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 😊

  • @bronekwlodarczyk3756
    @bronekwlodarczyk3756 5 лет назад

    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
      @elegantthemes  5 лет назад

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

  • @y.a.salimu5601
    @y.a.salimu5601 4 года назад

    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.

  • @JolanXBL
    @JolanXBL 5 лет назад +15

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

    • @Jokamutta
      @Jokamutta 4 года назад +1

      Yea and I can't find it :(

    • @rohanroy798
      @rohanroy798 4 года назад

      @@Jokamutta is it still there ?

    • @Jokamutta
      @Jokamutta 4 года назад

      @@rohanroy798 Dont know

    • @Platinuminternetmarketing
      @Platinuminternetmarketing 4 года назад +1

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

  • @rits3010
    @rits3010 4 года назад

    Big thumps Up for this video.

  • @gsp1664
    @gsp1664 6 лет назад +4

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

    • @arturojaratovar297
      @arturojaratovar297 5 лет назад

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

    • @Jokamutta
      @Jokamutta 4 года назад

      @@arturojaratovar297 OMG Thanks!

  • @creativegaze
    @creativegaze 2 года назад

    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
      @naturallyoregonic5778 2 месяца назад

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

  • @Purvisvarietyoflife
    @Purvisvarietyoflife 5 лет назад +3

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

  • @ribji
    @ribji 4 года назад

    Thank you! Really Useful...

  • @edgardoalemis
    @edgardoalemis 6 лет назад +1

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

  • @theearlybirder-videos
    @theearlybirder-videos 4 года назад

    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
    @angelotepedino 6 лет назад +26

    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.

  • @vranco
    @vranco 5 лет назад +1

    Straight forward EXPERT. Thank you!

  • @MatthewBendyna
    @MatthewBendyna 3 года назад

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

  • @jyrkilahtonen791
    @jyrkilahtonen791 7 месяцев назад

    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.

  • @vBailey
    @vBailey 4 года назад +1

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

  • @gurukulmarket
    @gurukulmarket 4 года назад

    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🙏🙏🙏

  • @neetosena
    @neetosena 5 лет назад

    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.

  • @veoronox
    @veoronox 4 года назад

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

  • @bencrossley4085
    @bencrossley4085 6 лет назад +13

    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
      @merefield2585 6 лет назад

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

  • @ZeeJayFilms
    @ZeeJayFilms 2 месяца назад

    you did't apply any image in the page is that too hard to apply that?

  • @saharanwarbaig9947
    @saharanwarbaig9947 2 года назад

    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?

  • @dasd.bilany
    @dasd.bilany 3 года назад

    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.

  • @YanryFlare
    @YanryFlare Год назад +1

    I have more than one css file, how do i do it?

  • @mcglonejoe4876
    @mcglonejoe4876 3 года назад

    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?

  • @Cooker1607
    @Cooker1607 5 лет назад

    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?

  • @eliadedaniels
    @eliadedaniels 2 года назад

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

  • @laravelexpert
    @laravelexpert 6 лет назад +1

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

    • @JennyDeJesus711
      @JennyDeJesus711 6 лет назад

      wondering the same

    • @stevensavoie856
      @stevensavoie856 5 лет назад

      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.

  • @gyotaru
    @gyotaru 5 месяцев назад

    what can I do with everything working except styles?

  • @peoplearestrnge
    @peoplearestrnge 3 года назад +1

    okay but where do i find my wordpress directory??

  • @cherriepie
    @cherriepie 4 года назад

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

  • @gearlab734
    @gearlab734 6 лет назад +1

    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.

  • @densetsu7690
    @densetsu7690 4 года назад +2

    The html element has no style from style.css :( help pls

  • @eduprovinst5297
    @eduprovinst5297 5 лет назад +1

    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
      @unknown_amazing_chap4480 4 года назад

      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!

  • @islomtozaboyev1442
    @islomtozaboyev1442 2 года назад +1

    thank you very much! :)

  • @billionairepotential2912
    @billionairepotential2912 3 года назад

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

  • @masterboyharon3484
    @masterboyharon3484 3 года назад +1

    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!

  • @FactArcane
    @FactArcane 3 года назад

    I cant upload the theme, it says " style sheet is missing ". Any idea how to fix it ?

    • @meganknowles1234
      @meganknowles1234 2 года назад

      I had the same problem, but then I moved my stylesheet into the 'public_html' folder, and that fixed it for me

  • @Harrylymon
    @Harrylymon 4 года назад

    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
      @KleinfeldTechnical 4 года назад +1

      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.

  • @lazyexpertk5933
    @lazyexpertk5933 3 года назад

    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

  • @projectzeus7894
    @projectzeus7894 10 месяцев назад

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

  • @jonahssesanga
    @jonahssesanga Год назад

    greetings , am facing a challenge with the php loops
    How do i go about this?

  • @yeshudavid7216
    @yeshudavid7216 4 года назад

    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
      @elegantthemes  4 года назад

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

  • @TheCzoko220
    @TheCzoko220 4 года назад

    Awesome tutorial, thanks!

  • @jcw232000
    @jcw232000 3 года назад

    How do you take an already entire existing website And , Convert/import without losing anything

  • @TechWrite
    @TechWrite 5 лет назад +7

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

  • @tylerharris8737
    @tylerharris8737 5 лет назад +1

    How did you just create a file in the folder?

    • @irienice
      @irienice 5 лет назад +1

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

  • @terrysagan
    @terrysagan 3 года назад

    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

  • @LunaXplr
    @LunaXplr 5 лет назад

    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?

  • @MatthewBendyna
    @MatthewBendyna 3 года назад

    The CSS stylesheet does not work with Method 1

  • @nijuphilip1213
    @nijuphilip1213 Год назад

    which is plugin to purchase for this conversion?

  • @sreekumars9341
    @sreekumars9341 5 лет назад +1

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

  • @raufaamir
    @raufaamir 6 лет назад

    Fast video but comprehensive it gives clear idea. Thanks

  • @yeshirangdol414
    @yeshirangdol414 4 года назад +1

    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

  • @manishahada6072
    @manishahada6072 6 лет назад

    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?

  • @iftikharomar5513
    @iftikharomar5513 2 года назад

    I've followed it step by step with no luck.

    • @iftikharomar5513
      @iftikharomar5513 2 года назад

      It seems it can't process the css. As there is no styling at all in end result.

  • @trumanphillips649
    @trumanphillips649 6 лет назад

    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

  • @shariquelari3367
    @shariquelari3367 4 года назад

    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

  • @wpatters1229
    @wpatters1229 2 года назад

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

  • @SoraAmm
    @SoraAmm 3 года назад

    There is a plugin that does this now called Nimbufy

  • @ziyadvlog4085
    @ziyadvlog4085 3 года назад +1

    how do you make a file in a folder

  • @TayshaunDantes
    @TayshaunDantes 4 года назад

    I can't make the files needed for the template

  • @nissohy
    @nissohy 5 лет назад

    You are the best ! Hope to see more from you (-:

  • @FarhadKazombie
    @FarhadKazombie 4 года назад

    Excellent tutorial

  • @munashemarutsi
    @munashemarutsi 3 года назад

    Thank you so much man. ❤️❤️

  • @JohnTschirhart
    @JohnTschirhart 5 лет назад

    "HTML Import 2" seems to be no longer available? and Author "Stephanie Leary" brings up nothing, ;-( Any other suggestions?

    • @hridoy7073
      @hridoy7073 5 лет назад +1

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

  • @ZetaxDante
    @ZetaxDante 11 месяцев назад

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