I made a webpage with CSS, HTML, and JavaScript. Is there an easy way to upload this project to WordPress?

[ad_1]

Hi all, I have a working webpage hosted on Vercel but would like to migrate it to WordPress. For more context I use a few CDN’s to import libraries to use in my JavaScript, mainly Chart.js to perform some graphing functions. I also have a few images I reference in my html and JavaScript under /public/images/… I realize I will probably need to restructure my project a bit fit well with WordPress. But does anyone have any experience doing this, or would know the best place to start/go about it?

​

Thanks!

[ad_2]
5 Comments
  1. Why would you need it to be a WordPress site? Are you planning on using dynamic content or something? I don’t really see the need for it with what explanation you’ve provided. It’s like putting armor and bullet-proof glass on a regular car you drive to work. You can do it, but… why? It seems a bit overkill.

  2. If you are willing to pay a modest price for me to convert it to WordPress, send away a PM and I’ll get it done for you.

    If you want to do it yourself, of course it’s possible – get started with the WordPress wiki, you have everything you need there.

  3. Do you actually need a cms?
    Because if not, you’d probably have a better time setting up an express app and pick something for templating if you need a dynamic site or just upload the files as they are if you don’t.

    Unless you need to make constant changes, uploads and stuff then wordpress may not be your best option.

  4. Add another comment of ‘you probably don’t really need use WordPress’ from me. Unless you’re going to be adding dynamic content – in which case the ability to setup template files is nice. Otherwise you’re probably going to be fighting WP half the time.

    That said, the WordPress files themselves are probably your best resource if you’re comfortable looking at html/css/php. The way it functions is not super complicated overall.

    I’d start with a basic starter theme that has features but not some huge bespoke layout. Like a Bootstrap 5 Starter Theme or something. Then make a child theme for it, add all your css rules to the child stylesheet, build your header and footer, and adjust your page/post template as needed. Once that’s setup you can probably copy/paste the html for the body section into WP without much tinkering. Just, you know, paste it in code view or an html block, not into the WYSIWYG editor 🙂

  5. All you do is take the default page template, rename the file AND the header on top of the file. Then in a quick method delete everything between get_header() and get_footer() (leave those).

    Then paste your code and html in between the header and footer calls. Easy.

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer