How Up Upload Amp Folder Into Wordpress

By default, you tin can build pages and create content within WordPress without ever having to upload whatsoever custom HTML files. That'southward because the WordPress cadre comes with built-in content types. In addition, the WordPress theme you use volition likely have its own prepare of pre-designed page templates that y'all tin can take reward of to create a unique website that meets your needs.

Beyond that, there are plenty of WordPress landing page plugins y'all can apply to create customized page templates for site visitors to land from search results, e-mail campaigns, and even social media.

So really, there is very piddling need to upload HTML files to WordPress considering, normally, everything yous need to format your website is already at that place. That said, there are some reasons why you'd desire to know how to upload an HTML file to WordPress, some of which go beyond uploading a template for design purposes.

That's why in this post, I'll show yous how to upload HTML files to WordPress. I'll also talk over in particular why you'll want to have this skill, so no thing what, you're prepared.

What is an HTML File?

HTML stands for Hypertext Markup Language and was get-go developed past Tim Berners-Lee in 1990. In curt, HTML is the code used to create electronic documents on the internet, which are better known equally webpages. In fact, every webpage you see on the cyberspace was written using HTML code.

The HTML lawmaking on your site'southward spider web pages are responsible for making sure your content's text and images are formatted in the correct way.

Without HTML, web browsers would not empathize the mode to visually display the structure of your website for users. Withal, with the right HTML code creating the foundation for your webpages, and a little CSS code for adding in some design elements, your website appears perfectly for site visitors.

What is an HTML Template?

So, you lot know that HTML is the code responsible for creating the structure of single webpages on the cyberspace.

But what is an HTML template?

An HTML template is a pre-designed set of HTML files that include things similar text, images, and support files for font styles and Javascript. In other words, an HTML template is a pre-made package of HTML lawmaking that y'all tin can easily upload to your website and use.

When y'all use an HTML template on your WordPress website, you upload the file and plug in the text and images you lot desire the template to display on the forepart of your site.

It's important to remember that HTML templates are different than WordPress themes:

WordPress Themes: even though you plug in text and images into WordPress themes, they are responsible for the look and feel of your entire website. Many element changes within your site's theme are global, pregnant they apply to your entire website.
HTML Templates: these are standalone null files that you upload to your website individually. They only bear on the look and feel of a unmarried webpage on your website. In other words, changes you lot make to one uploaded HTML template will but impact that webpage.

Unfortunately, many people don't understand the differences between themes and HTML templates and apply the terms 'theme' and 'template' interchangeably.

Why You Would Demand to Upload an HTML File to WordPress

There are a few specific reasons why you might want to upload an HTML file to WordPress:

1. Yous Have Your Favorites: if yous were using a great HTML template on an former website and wanted to use it on your new site, you might want to upload the template to your new site rather than re-do the unabridged thing. This will save yous fourth dimension and ensure it looks exactly the same.
2. You Want a Custom Page Layout: if your current WordPress theme doesn't support a specific page layout, you can upload an HTML file with the design you want and customize it as needed.

Lastly, you might need to verify your WordPress website with Google Search Panel and want to use the recommended method of uploading a Google HTML verification file to practise then.

The way your website appears in search engines, especially a big ane like Google, plays a role in your success every bit a website owner.

That'southward why tools like Google Search Panel exist. With Google Search Console, you guarantee that Google will alphabetize and rank your site in relevant search results, all in the hopes of making it to the showtime page.

Google Search Console too provides you information well-nigh your current SERPs (search engine result pages), so you lot can improve your SEO efforts and earn more clickthroughs to your site.

The affair is, to use Google Search Console, you need to verify your WordPress website. And it simply so happens that i of the all-time ways to practice this is to upload a Google HTML verification file.

Now, allow's accept a wait at the different ways to upload an HTML file to WordPress.

one. Method: How to Upload HTML File to WordPress in the WordPress Dashboard

The showtime method for uploading an HTML file to WordPress we'll look at involves the WordPress dashboard.

You'll demand null more than than the backend of your website and an HTML template to consummate this procedure since you lot'll exist uploading the HTML file straight through a postal service, page, or the Media Library.

To upload an HTML file through a post or page, insert a 'File' block in the Gutenberg Editor. Then, click Upload to upload the HTML file.

Here's what it looks like if you've disabled Gutenberg and are using the Classic Editor. Just click Add Media then Upload to upload your HTML file.

Choose the HTML file you want to upload and so click Insert into post. Doing this inserts the link of the file into the post or page and automatically saves it to your Media Library.

Upload HTML file in Classic Editor — Upload HTML file in Archetype Editor

You lot can skip uploading the HTML file to a post or page in WordPress and upload information technology directly to your Media Library. Click Media Library in the WordPress dashboard, then Add New, and cull the HTML file from the place yous have information technology saved (east.1000., your computer, hard drive, or external storage).

Go on in mind, you might encounter an fault when you upload your HTML file while using Gutenberg. This is what it will look like:

Cheque here for detailed instructions on how to set up the "Sorry, This File Blazon Is Not Permitted for Security Reasons" Error in WordPress.

2. Method: How to Upload HTML File to WordPress Using an FTP Client

Uploading HTML files through the WordPress dashboard is the almost straightforward method. Still, for large templates fabricated upward of multiple files, it's best to use an FTP client such equally FileZilla.

Using an FTP customer is also helpful for times you want to work locally on a test site earlier pushing whatever changes you brand to your alive site. This volition prevent any unnecessary reanimation if something goes wrong.

To start, always create a backup of your website first because you never know what the HTML file might do when you upload it to your site.

Adjacent, open up your FTP client.

Now you'll need to connect to your web host account by entering your FTP credentials. This information is usually found in your web hosting business relationship. If you take trouble finding it, reach out to your host and have them assistance yous.

Subscribe Now

If yous use Kinsta hosting, beginning log into your MyKinsta account and click on Sites in the dashboard and then on Info to go the credentials needed.

sftp details — Get your SFPT details in MYKinsta

When you practice this, y'all should meet your credentials under SFTP/SSH. You'll need your username, password, and port.

sftp details username password port — SFTP details

Here'southward the information you're going to demand to enter into FileZilla:

Host: your site'south domain proper noun preceded by "sftp://". For instance, you'll need to enter sftp://world wide web.mysite.com.
Username: from your MyKinsta dashboard
Password: from your MyKinsta dashboard
Port: from your MyKinsta dashboard

This is what it will wait like at the top of the FileZilla screen:

After yous've entered your credentials, click Quickconnect.

At present information technology's time to upload the HTML file from your computer to WordPress. Start past navigating to your website's root folder (which contains the wp-content binder, the wp-config.php file,etc.) on the right side.

And then, go to the left side and discover the HTML file you have saved. When you find it, right-click it and select Upload to add it to your website. To run across all subconscious files in Filezilla follow this short tutorial.

You'll see the file has successfully been uploaded to WordPress. To check to make sure it is visible on your website, type your website's URL into your browser and add the proper noun of the HTML file to the end. For example, it might look similar www.mywebsite.com/html-file.

When you do this, you'll be redirected to the new webpage you've created with the HTML file.

three. Method: How to Upload HTML File to WordPress Using cPanel

The terminal method we're going to share with you involves using cPanel and the File Manager to upload an HTML file to WordPress.

Commencement by logging into your hosting account'due south cPanel and accessing the File Manager.

Once you're in the File Managing director, you take two options:

1. Create a New Folder: create a new binder in your site's root folder to upload your HTML file to.
2. Upload to Root Binder Directly: rather than create a new folder, upload the HTML directly to WordPress. If this is how you want to do it, unzip the HTML file where you have it saved, change the index.html binder to something new, and then rezip the file to continue uploading to WordPress. If y'all don't, the HTML template will override your site's homepage.

For this example, we'll create a new folder since there are a few added steps when you lot do this.

Create a New Folder and Upload an HTML File to WordPress

First, navigate to the root folder of your website (which contains the wp-content folder, the wp-config.php file,etc.). Then click New Folder.

Selecting New Folder from File Manager settings

Name your new folder and click Create New Folder.

Creating a new folder in cPanel — Creating a new binder in cPanel

Double click on the binder you but created then click Upload to select your HTML file.

One time this is washed, you'll run into your zipped HTML file in the folder.

Now you need to unzip the HTML file past right-clicking and selecting Extract.

When the modal window pops up, click Extract Files to cease the unzipping procedure. When the HTML file has been unzipped, you'll run into all the different files included in the template. Recall this means you'll meet things like CSS, font manner files, images, and JavaScript.

Now all yous accept to do to brand sure the HTML template and files were uploaded is type your site'southward URL into the browser and add the new folder's name to the stop.

If you run into a 404 error, don't worry. This is a common WordPress error and can be resolved easily.

If your server doesn't support redirection, and the index.php file is not redirected on loading the URL in your browser, yous'll run across a 404 error after uploading your HTML files.

To fix this, stay inside the File Manager and access your .htaccess file by double-clicking information technology. And so, add the following code and save your changes:

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

This code will redirect your index.php file and load information technology in the browser.

Need to upload any HTML file to your WordPress site? This in-depth guide shows y'all how to practice it easily. ⬆📂 Click to Tweet

Summary

WordPress is the almost used Content Management system around because it gives website owners the flexibility needed to create unique websites that stand out from the competition. Existence able to upload an HTML file to WordPress using whatever of the above-mentioned methods is just some other example of how WordPress caters to the needs of site owners and gives them the freedom to customize their sites as needed.

Plus, knowing how to upload an HTML file to WordPress is just a good skill to have in case the need arises. After all, you never know when y'all might come beyond an HTML template yous love or demand a certain type of page layout that your theme doesn't support.

Salve fourth dimension, costs and maximize site operation with:

Instant help from WordPress hosting experts, 24/7.
Cloudflare Enterprise integration.
Global audience reach with 29 information centers worldwide.
Optimization with our built-in Application Functioning Monitoring.

All of that and much more than, in one plan with no long-term contracts, assisted migrations, and a 30-day-money-back-guarantee. Check out our plans or talk to sales to find the programme that's right for you.

7 AndutIz quierdo

Oklahoma University Continuing Education Program Distance Learning