Do you wish to have to add a HTML web page in your WordPress web site? Now and again chances are you’ll wish to upload a static HTML web page and make it obtainable at the side of your WordPress web site. On this article, we will be able to display you methods to correctly add a HTML web page in your WordPress web site with out inflicting 404 mistakes.

How to Upload HTML Page to WordPress Site

Why Add HTML Pages to WordPress?

WordPress comes with a built-in content type so as to add pages in your web site. Frequently WordPress topics upload pre-designed web page templates to show your pages.

There are even WordPress landing page plugins that help you create stunning web page templates with a drag and drop builder.

Because of this generally, you shouldn’t wish to add a HTML web page in your WordPress web site.

On the other hand, every now and then a person could have static HTML pages from their previous web site or a static template that they actually like and wish to use. In those situations, it is important to add your HTML web page to WordPress.

Since, WordPress comes with its personal SEO friendly URL structure, it could actually motive a 404 error when you merely uploaded your HTML web page and attempted to get admission to it.

That being mentioned, let’s check out methods to add a HTML web page in your WordPress web site with out inflicting 404 mistakes.

Importing HTML Web page to WordPress Web site

Sooner than you add your HTML web page to the WordPress web site, you want to ensure that the ‘index.html’ record is renamed to ‘index.php’.

HTML Template File

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

Home windows customers can right-click and make a selection Ship to » Compressed Zip Folder technique to create a zipper record. Subsequent, merely drag and drop all recordsdata and folders to your HTML web page to the zip record.

Zip Archive HTML Page

Mac customers can make a selection the dad or mum folder containing all recordsdata and folders, after which right-click to make a choice ‘Compress folder’ possibility.

Create zip file in Mac

Subsequent, you want to visit the cPanel of your WordPress hosting account. Within the cPanel, you want to scroll all the way down to the Information segment after which click on at the Record Supervisor app.

Open File Manager

As soon as you’re in Record Supervisor, you want to navigate to the web site root folder which is generally known as public_html and incorporates your whole WordPress recordsdata folders. From there, you want to click on at the Folder hyperlink from the highest menu to create a brand new empty folder.

Create a New Folder

A popup will open the place you want so as to add a reputation for the brand new folder. Use a reputation that you wish to have to make use of because the URL of your HTML web page after which click on at the Create New Folder button.

Create new folder in cPanel

After growing the folder effectively, you want to open it and click on at the Add button from the highest menu to make a choice and add the zip record you created previous out of your pc. You’ll see the development bar whilst the zip record uploads in your web site.

Upload Zipped Template File

As soon as uploaded, you want to make a choice the zip record after which click on on Extract button from the highest menu.

Extract Files

You’ll be requested the place to extract the recordsdata. Merely make a selection the similar new folder that you just created and click on at the Extract Record(s) button.

Extract Files in New Folder

Record Supervisor will now extract the zip record, and it is possible for you to to peer recordsdata on your folder.

Notice: You’ll be able to now delete the zip record from right here. It doesn’t have an effect on your HTML web page or every other folders which are extracted.

Extracted Folder

Now you’ll be able to discuss with this web page within the browser through the use of the identify of the folder (For instance, In case your server doesn’t enhance the redirection, then you may even see a 404 error. It occurs as a result of your ‘index.php’ record isn’t redirected on loading the URL in browser.

It is likely one of the common WordPress errors and can also be fastened simply.

The usage of the Record Supervisor app, you want to edit .htaccess file on your web site’s root folder and upload the next code:

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

This code will redirect your ‘index.php’ record and cargo it within the browser. If you’re the use of a case-sensitive identify for a record or folder, then the above code may even redirect that to turn you the content material.

We are hoping this newsletter helped you learn to add an HTML web page in your WordPress web site with out 404 error. Chances are you’ll wish to see our comparability of WordPress vs static HTML to be informed which one is best for your enterprise. Additionally for growing touchdown pages, we advise looking on the best WordPress drag & drop page builder plugins.

When you favored this newsletter, then please subscribe to our YouTube Channel for WordPress video tutorials. You’ll be able to additionally in finding us on Twitter and Facebook.

The submit How to Upload a HTML Page to WordPress without 404 Errors gave the impression first on WPBeginner.

WordPress Maintenance

[ continue ]