Converting HTML Sites to WordPress Sites

Поділитися
Вставка
  • Опубліковано 8 лют 2025
  • Learn how to convert your HTML website into a WordPress website!
    Blog post: www.elegantthe...
    Like us on Facebook: / elegantthemes

КОМЕНТАРІ • 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

  • @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.

  • @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.

  • @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!

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

  • @jinatferdouse4945
    @jinatferdouse4945 4 роки тому +14

    couldnot find the "HTML import 2" plugin.

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

  • @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.

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

  • @rits3010
    @rits3010 4 роки тому

    Big thumps Up for this video.

  • @FlorenceMohan
    @FlorenceMohan 3 роки тому

    it's very nice and useful buddy tq so much

  • @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.

  • @Everything-is-everything-24-7

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

  • @tkern2
    @tkern2 2 роки тому

    The best video I’ve stumbled across

  • @mdcorbett
    @mdcorbett Рік тому

    Awesome and straight to the point! Great video!

  • @toglannestor400
    @toglannestor400 2 роки тому

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

  • @KingdomSermonsTV
    @KingdomSermonsTV Рік тому

    This video is top-notch great!

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

  • @islomtozaboyev1442
    @islomtozaboyev1442 2 роки тому +1

    thank you very much! :)

  • @unlocked9676
    @unlocked9676 3 роки тому +1

    It is working in 2021?

  • @Kalicall
    @Kalicall 2 роки тому

    Nice tutorial easy clear shortest

  • @YanryFlare
    @YanryFlare Рік тому +1

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

  • @raghavsood6156
    @raghavsood6156 4 роки тому

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

  • @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.

  • @ribji
    @ribji 4 роки тому

    Thank you! Really Useful...

  • @michellew.3691
    @michellew.3691 6 років тому +14

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

  • @ziyadvlog4085
    @ziyadvlog4085 3 роки тому +1

    how do you make a file in a folder

  • @gyotaru
    @gyotaru 6 місяців тому

    what can I do with everything working except styles?

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

  • @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.

  • @developer_hadi
    @developer_hadi 2 роки тому

    Is it editable?

  • @ZeeJayFilms
    @ZeeJayFilms 2 місяці тому

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

  • @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!

  • @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!

  • @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.

  • @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.

  • @ZetaxDante
    @ZetaxDante 11 місяців тому

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

  • @nijuphilip1213
    @nijuphilip1213 Рік тому

    which is plugin to purchase for this conversion?

  • @peoplearestrnge
    @peoplearestrnge 3 роки тому +1

    okay but where do i find my wordpress directory??

  • @brackenkeysell5455
    @brackenkeysell5455 3 роки тому +3

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

  • @veoronox
    @veoronox 4 роки тому

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

  • @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.

  • @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.

  • @wpatters1229
    @wpatters1229 2 роки тому

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

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

  • @jonahssesanga
    @jonahssesanga Рік тому

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

  • @eliadedaniels
    @eliadedaniels 2 роки тому

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

  • @DavilaMSchool
    @DavilaMSchool 5 років тому +6

    Now this is a tutorial. Damn! Thank you

  • @projectzeus7894
    @projectzeus7894 10 місяців тому

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

  • @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.

  • @deewinc
    @deewinc 5 років тому

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

  • @MatthewBendyna
    @MatthewBendyna 3 роки тому

    How do you get to the wordpress admin folder

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

  • @jhunignacio1169
    @jhunignacio1169 3 роки тому

    i cant find the HTML import 2 in add new plugin

  • @jcw232000
    @jcw232000 3 роки тому

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

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

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

  • @TayshaunDantes
    @TayshaunDantes 4 роки тому

    I can't make the files needed for the template

  • @empressheather5999
    @empressheather5999 2 роки тому

    I need to start this tomorrow

  • @jaykkyawal2215
    @jaykkyawal2215 2 роки тому

    Can Anyone has tried this? Is also mobile responsive? When converted or need other set of coding for that?

  • @jyrkilahtonen791
    @jyrkilahtonen791 8 місяців тому

    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.

  • @hakimamearzaie6803
    @hakimamearzaie6803 Рік тому

    Thank you good man.

  • @mohitchaprana
    @mohitchaprana 5 років тому

    Which plan did u use?

  • @ashtonranganayimunyoro162
    @ashtonranganayimunyoro162 3 роки тому

    Can I then edit my WP using elementor?

  • @marvelviewz
    @marvelviewz Рік тому

    I want full tutorial on option 2.

  • @exploramediachannel
    @exploramediachannel 2 роки тому

    how do you add js files ?

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

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

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

  • @MatthewBendyna
    @MatthewBendyna 3 роки тому

    The CSS stylesheet does not work with Method 1

  • @densetsu7690
    @densetsu7690 4 роки тому +2

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

  • @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/

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

  • @munashemarutsi
    @munashemarutsi 3 роки тому

    Thank you so much man. ❤️❤️

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

  • @loicsongo4604
    @loicsongo4604 2 роки тому

    Hello, Thanks a lot for your video.
    If you see this message, can you help me a little please.
    I purchased a themeforest html website that i am trying to convert into Wordpress websites and their html.index file do not look alike. Actually this is the second time i buy a html website instead of a wordpress template and i am unable to convert it into a wordpress website.
    Please can anyone help
    🥲

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

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

  • @ailekzavy
    @ailekzavy 2 роки тому

    Hi!!!!!!! Hope you are well..
    Please, how can i post any HTML code on the source code..I only know on the front page.
    Thank u

  • @chrisjayranola8851
    @chrisjayranola8851 4 роки тому

    how to go to your wordpress admin there's a login

  • @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!

  • @L2Fran99
    @L2Fran99 4 роки тому

    What if my index.html does not have a sidebar?

  • @FarhadKazombie
    @FarhadKazombie 4 роки тому

    Excellent tutorial

  • @nathanielcowan5356
    @nathanielcowan5356 4 роки тому

    Great video

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

  • @gauravk7343
    @gauravk7343 4 роки тому

    amazing video

  • @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)

  • @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.

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

  • @nebo6692
    @nebo6692 3 роки тому

    This is a little over my head. Any recommendation for someone who can create wp files for my html?

  • @keatonhunter860
    @keatonhunter860 5 років тому

    ATTENTION
    PLEASE READ THIS BEFORE WATCHING;
    IF YOU DONT PLAN ON GIVING WORD PRESS MONEY, DONT BOTHER WATCHING THIS
    THAT IS ALL

  • @MasroorAhmadJosh
    @MasroorAhmadJosh Рік тому

    can u provide plugin / link for html import 2 pl

  • @TheCzoko220
    @TheCzoko220 4 роки тому

    Awesome tutorial, thanks!

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

  • @karenmattiazzo6639
    @karenmattiazzo6639 4 роки тому

    what if my template does not have a sidebar code?

  • @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.

  • @MohitAgrawaldev
    @MohitAgrawaldev 4 роки тому

    HTML import 2 plugin is no more available