Latest Tech and Tips

How to Upload a HTML Page to WordPress without 404 Errors

11

Do you desire to upload a HTML page to your WordPress website? Sometimes you might require to include a fixed HTML page and also make it available together with your WordPress website. In this write-up, we will certainly reveal you how to appropriately upload a HTML page to your WordPress website without triggering 404 errors.

How to Upload HTML Page to WordPress Site

Why Upload HTML Pages to WordPress?

WordPress features a integrated material kind to include web pages to your internet site. Often WordPress motifs include pre-designed page design templates to present your web pages.

There are also WordPress touchdown page plugins that permit you to produce attractive page design templates with a drag and also decline contractor.

This implies that for the most part, you should not require to upload a HTML page to your WordPress website.

However, often a customer might have fixed HTML web pages from their old internet site or a fixed layout that they actually like and also desire to usage. In these situations, you will certainly require to upload your HTML pageto WordPress

Since, WordPress features its very own SEO pleasant URL framework, it can create a 404 mistake if you just published your HTML page and also attempted to accessibility it.

That being claimed, allow’s take a take a look at how to upload a HTML page to your WordPress website without triggering 404 errors.

Uploading HTML Page to WordPress Site

Before you upload your HTML page to the WordPress website, you require to make certain that the ‘index.html’ data is relabelledto ‘index.php’

HTML Template File

After that, you require to include all documents consisting of the HTML page, CSS, and also various other folders to a Zip archive.

Windows customers can right-click and also choose Send to” Compressed Zip Folder alternative to produce a zip data. Next, just drag and also go down all documents and also folders for your HTML page to the zip data.

Zip Archive HTML Page

Mac customers can choose the moms and dad folder including all documents and also folders, and after that right-click to choose ‘Compress folder’ alternative.

Create zip file in Mac

Next, you require to go to the cPanel of your WordPress organizing account. In the cPanel, you require to scroll down to the Files area and after that click the File Manager application.

Open File Manager

Once you remain in File Manager, you require to browse to the internet site origin folder which is generally called public_html and also consists of all your WordPress documents folders. From there, you require to click the Folder web link from the leading food selection to produce a brand-new vacant folder.

Create a New Folder

A popup will certainly open up where you require to include a name for the brand-new folder. Use a name that you desire to make use of as the URL of your HTML page and after that click the Create New Folder switch.

Create new folder in cPanel

After producing the folder effectively, you require to open it and also click the Upload switch from the leading food selection to choose and also upload the zip data you developed previously from your computer system. You’ll see the progression bar while the zip data publishes to your website.

Upload Zipped Template File

Once published, you require to choose the zip data and after that click Extract switch from the leading food selection.

Extract Files

You will certainly be asked where to remove the documents. Simply choose the exact same brand-new folder that you developed and also click the Extract File( s) switch.

Extract Files in New Folder

File Manager will certainly currently draw out the zip data, and also you will certainly be able to see documents in your folder.

Note: You can currently remove the zip data from right here. It does not impact your HTML page or any type of various other folders that are drawn out.

Extracted Folder

Now you can see this page in the web browser by utilizing the name of the folder (For instance, yourwebsite.com/example). If your web server does not sustain the redirection, after that you might see a 404 mistake. It takes place since your ‘index.php’ data is not rerouted on filling the URL in web browser.

It is among the usual WordPress errors and also can be dealt with quickly.

Using the File Manager application, you require to edit.htaccess data in your internet site’s origin folder and also include the adhering to code:


RewriteRule ^(. *) index.( php|html?)$/$ 1 [R=301,NC,L]

This code will certainly reroute your ‘index.php’ data and also lots it in the web browser. If you are utilizing a case-sensitive name for a data or folder, after that the above code will certainly additionally reroute that to reveal you the material.

We wish this write-up aided you discover how to upload an HTML page to your WordPress website without 404 mistake. You might desire to see our contrast of WordPress vs fixed HTML to discover which one is much better for your organization. Also for producing touchdown web pages, we advise taking a take a look at the most effective WordPress drag & & decline page contractor plugins.

If you liked this write-up, after that please subscribe to our YouTube Channel for WordPress video clip tutorials. You can additionally discover us on Twitter and also Facebook.