How to Upload a HTML Page to WordPress without 404 Errors

Do you want to upload a HTML page to your WordPress site. Sometimes you may need to add a static HTML page and make it accessible along with your Word

WordPress Information:How to Upload a HTML Page to WordPress without 404 Errors

Would you like to add a HTML web page to your web site? Typically you could want to add a static HTML web page and make it accessible alongside together with your WordPress web site. On this article, we are going to present you the way to correctly add a HTML web page to your WordPress web site without inflicting 404 errors.

How to Upload HTML Page to WordPress Site

Why Upload HTML Pages to WordPress?

WordPress comes with a built-in content material sort to add pages to your web site. Usually WordPress themes add pre-designed web page templates to show your pages.

are even WordPress touchdown web page plugins that permit you to create stunning web page templates with a drag and drop builder.

Which means generally, you shouldn't want to add a HTML web page to your WordPress web site.

Nonetheless, generally a consumer might have static HTML pages from outdated web site or a static template that they actually like and wish to use. In these eventualities, you will have to add your HTML web page to WordPress.

Since, WordPress comes with personal web optimization pleasant URL construction, it could actually trigger a 404 error for those who merely uploaded your HTML web page and tried to entry it.

That being mentioned, 's take a have a at how to add a HTML web page to your WordPress web site without inflicting 404 errors.

Importing HTML Page to WordPress Web site

Earlier than you add your HTML web page to the WordPress web site, you want to guarantee that the ‘index.html' file is renamed to ‘index.php'.

HTML Template File

After that, you want to add information together with the HTML web page, CSS, and different folders to a Zip archive.

Home windows customers can right-click and Ship to » Compressed Zip Folder possibility to create a zip file. Subsequent, merely drag and drop all information and folders on your HTML web page to the zip file.

Zip Archive HTML Page

Mac customers can choose the mother or father folder containing all information and folders, after which right-click to choose ‘Compress folder' possibility.

Create zip file in Mac

Subsequent, you want to go to the cPanel of your WordPress internet hosting account. Within the cPanel, you want to down to the Information part after which click on on the File Supervisor app.

Open File Manager

As soon as you might be in File Supervisor, you want to navigate to the web site root folder which is normally referred to as public_html and comprises all of your WordPress information folders. From there, you want to click on on the Folder hyperlink from the highest menu to create a new empty folder.

Create a New Folder

A popup will open the place you want to add a for the brand new folder. Use a title that you really want to use because the URL of your HTML web page after which click on on the Create New Folder button.

Create new folder in cPanel

After creating the folder efficiently, you want to open it and click on on the Upload button from the highest menu to choose and add the zip file you created earlier out of your pc. You'll see the progress bar whereas the zip file uploads to your web site.

Upload Zipped Template File

As soon as uploaded, you want to choose the zip file after which click on on Extract button from the highest menu.

Extract Files

You may be requested the place to extract the information. Merely choose the identical new folder that you simply created and click on on the Extract File(s) button.

Extract Files in New Folder

File Supervisor will now extract the zip file, and it is possible for you to to see information in your folder.

Be aware: Now you can delete the zip file from right here. It doesn't have an effect on your HTML web page or some other folders which might be extracted.

Extracted Folder

Now you possibly can go to this web page within the browser by utilizing the title of the folder (For instance, In case your server doesn't assist the redirection, then you may even see a 404 error. It occurs as a result of your ‘index.php' file is just not redirected on loading the URL in browser.

It is likely one of the widespread WordPress errors and might be fastened simply.

Utilizing the File Supervisor app, you want to edit .htaccess file in your web site's root folder and add the next code:

RewriteRule ^(.*)index.(php|html?)$ /$1 [R=301,NC,L]
Hosted with ❤️ by WPCode
1-click Use in WordPress

This code will redirect your ‘index.php' file and cargo it within the browser. In case you are utilizing a case-sensitive title for a file or folder, then the above code may also redirect that to present you the content material.

We hope this text helped you find out how to add an HTML web page to your WordPress web site without 404 error. It's your decision to see our comparability of WordPress vs static HTML to be taught which one is healthier for your enterprise. Additionally for creating touchdown pages, we advocate taking a have a look at one of the best WordPress drag & drop web page builder plugins.

In case you appreciated this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You may as well discover us on Twitter and Fb.



Ryan He is a young IT blogger. He began to pay attention to the IT industry during college and developed a strong interest in many fields. His blog focuses on new trends and cutting-edge technologies in the IT industry, bringing readers the latest technology information and in-depth analysis.

Articles: 128

Leave a Reply

Your email address will not be published. Required fields are marked *