How to Upload Html File in Wordpress
By default, you tin can build pages and create content within WordPress without ever having to upload whatever custom HTML files. That's because the WordPress cadre comes with built-in content types. In addition, the WordPress theme you use will probable take its own set of pre-designed page templates that you lot can accept reward of to create a unique website that meets your needs.
Beyond that, there are plenty of WordPress landing page plugins you tin can use to create customized page templates for site visitors to state from search results, email campaigns, and even social media.
And then really, there is very little need to upload HTML files to WordPress because, usually, everything you need to format your website is already there. That said, there are some reasons why you'd want 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 you how to upload HTML files to WordPress. I'll also discuss in detail why y'all'll desire to accept this skill, so no matter what, you're prepared.
What is an HTML File?
HTML stands for Hypertext Markup Linguistic communication and was showtime developed by Tim Berners-Lee in 1990. In curt, HTML is the code used to create electronic documents on the net, which are meliorate known as webpages. In fact, every webpage you lot see on the internet was written using HTML lawmaking.
The HTML code on your site's web pages are responsible for making certain your content's text and images are formatted in the right style.
Without HTML, web browsers would not understand the manner to visually brandish the structure of your website for users. However, with the right HTML code creating the foundation for your webpages, and a little CSS code for adding in some pattern elements, your website appears perfectly for site visitors.
What is an HTML Template?
Then, you know that HTML is the code responsible for creating the structure of single webpages on the internet.
But what is an HTML template?
An HTML template is a pre-designed ready 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 packet of HTML code that you can easily upload to your website and use.
When you lot utilize an HTML template on your WordPress website, you lot upload the file and plug in the text and images you desire the template to display on the front end of your site.
It'due south 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 await and experience of your entire website. Many element changes within your site's theme are global, meaning they apply to your entire website.
- HTML Templates: these are standalone zippo files that you upload to your website individually. They just affect the look and feel of a single webpage on your website. In other words, changes you make to one uploaded HTML template will only bear on that webpage.
Unfortunately, many people don't sympathise the differences between themes and HTML templates and utilize the terms 'theme' and 'template' interchangeably.
Why Yous Would Need to Upload an HTML File to WordPress
In that location are a few specific reasons why yous might desire to upload an HTML file to WordPress:
-
- You Accept Your Favorites: if you were using a neat HTML template on an sometime website and wanted to use it on your new site, yous might want to upload the template to your new site rather than re-do the entire thing. This will salvage you time and ensure it looks exactly the same.
- Y'all Want a Custom Folio Layout: if your current WordPress theme doesn't support a specific folio layout, you lot tin can upload an HTML file with the pattern you lot desire and customize it as needed.
Lastly, yous might demand to verify your WordPress website with Google Search Panel and want to use the recommended method of uploading a Google HTML verification file to do and so.
The way your website appears in search engines, especially a big ane like Google, plays a function in your success as a website owner.
That's why tools like Google Search Console exist. With Google Search Console, y'all guarantee that Google will alphabetize and rank your site in relevant search results, all in the hopes of making it to the beginning page.
Google Search Console besides provides y'all information nearly your current SERPs (search engine result pages), so y'all can meliorate your SEO efforts and earn more than clickthroughs to your site.
The thing is, to use Google Search Console, you need to verify your WordPress website. And it only so happens that 1 of the best means to do this is to upload a Google HTML verification file.
Now, allow's take a expect at the dissimilar means to upload an HTML file to WordPress.
ane. Method: How to Upload HTML File to WordPress in the WordPress Dashboard
The first method for uploading an HTML file to WordPress nosotros'll look at involves the WordPress dashboard.
You lot'll demand cipher more than the backend of your website and an HTML template to complete this process since you lot'll be uploading the HTML file directly through a post, 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'due south what information technology looks like if you've disabled Gutenberg and are using the Classic Editor. Just click Add Media and so Upload to upload your HTML file.
Choose the HTML file you want to upload then 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.
Yous can skip uploading the HTML file to a postal service or page in WordPress and upload it directly to your Media Library. Click Media Library in the WordPress dashboard, then Add New, and choose the HTML file from the place you take information technology saved (e.g., your computer, difficult drive, or external storage).
Keep in listen, you might encounter an mistake when you lot upload your HTML file while using Gutenberg. This is what it volition look similar:
Cheque here for detailed instructions on how to fix the "Sad, This File Type Is Non Permitted for Security Reasons" Fault in WordPress.
2. Method: How to Upload HTML File to WordPress Using an FTP Client
Uploading HTML files through the WordPress dashboard is the most straightforward method. Even so, for big templates fabricated up of multiple files, information technology'south all-time to utilise an FTP customer such every bit FileZilla.
Using an FTP client is also helpful for times you desire to work locally on a test site before pushing any changes you make to your alive site. This will prevent whatsoever unnecessary downtime if something goes wrong.
To start, always create a fill-in of your website first because y'all never know what the HTML file might practice when y'all upload it to your site.
Adjacent, open your FTP client.
Now you'll need to connect to your web host account past entering your FTP credentials. This data is commonly found in your web hosting account. If you have trouble finding information technology, achieve out to your host and have them help you.
Subscribe Now
If y'all utilise Kinsta hosting, start log into your MyKinsta business relationship and click on Sites in the dashboard and then on Info to get the credentials needed.
When you practise this, you lot should see your credentials nether SFTP/SSH. You'll demand your username, password, and port.
Here's the data you're going to demand to enter into FileZilla:
- Host: your site'southward domain name preceded by "sftp://". For case, yous'll need to enter sftp://www.mysite.com.
- Username: from your MyKinsta dashboard
- Password: from your MyKinsta dashboard
- Port: from your MyKinsta dashboard
This is what information technology will look like at the peak of the FileZilla screen:
After you've entered your credentials, click Quickconnect.
At present it'southward time to upload the HTML file from your calculator to WordPress. Commencement by navigating to your website'southward root folder (which contains the wp-content folder, the wp-config.php file,etc.) on the right side.
And so, go to the left side and find the HTML file you have saved. When you find it, right-click it and select Upload to add it to your website. To see all hidden files in Filezilla follow this short tutorial.
Y'all'll see the file has successfully been uploaded to WordPress. To check to brand sure it is visible on your website, blazon your website'southward URL into your browser and add the proper noun of the HTML file to the terminate. For example, information technology might expect like www.mywebsite.com/html-file.
When you practise this, you'll be redirected to the new webpage you lot've created with the HTML file.
3. Method: How to Upload HTML File to WordPress Using cPanel
The last method we're going to share with you involves using cPanel and the File Manager to upload an HTML file to WordPress.
Get-go past logging into your hosting account's cPanel and accessing the File Managing director.
Once you lot're in the File Manager, you have two options:
-
- Create a New Binder: create a new binder in your site'south root folder to upload your HTML file to.
- Upload to Root Folder Directly: rather than create a new folder, upload the HTML directly to WordPress. If this is how you desire to do it, unzip the HTML file where you have it saved, alter the index.html folder to something new, and so rezip the file to proceed uploading to WordPress. If you lot don't, the HTML template will override your site'due south homepage.
For this example, we'll create a new folder since there are a few added steps when you do this.
Create a New Folder and Upload an HTML File to WordPress
First, navigate to the root binder of your website (which contains the wp-content binder, the wp-config.php file,etc.). Then click New Folder.
Name your new folder and click Create New Folder.
Double click on the binder you just created then click Upload to select your HTML file.
Once this is done, you lot'll see your zipped HTML file in the folder.
Now you need to unzip the HTML file by right-clicking and selecting Extract.
When the modal window pops up, click Excerpt Files to stop the unzipping process. When the HTML file has been unzipped, yous'll meet all the different files included in the template. Remember this ways you'll encounter things like CSS, font manner files, images, and JavaScript.
Now all you take to practice to make certain the HTML template and files were uploaded is type your site's URL into the browser and add the new folder's proper name to the end.
If you come across a 404 error, don't worry. This is a common WordPress error and tin can exist resolved easily.
If your server doesn't support redirection, and the index.php file is not redirected on loading the URL in your browser, you'll see a 404 fault later uploading your HTML files.
To set up this, stay within the File Manager and access your .htaccess file by double-clicking it. Then, add the following code and save your changes:
RewriteRule ^(.*)index\.(php|html?)$ /$ane [R=301,NC,Fifty] This lawmaking volition redirect your alphabetize.php file and load it in the browser.
Summary
WordPress is the virtually used Content Management system around because it gives website owners the flexibility needed to create unique websites that stand out from the contest. Being able to upload an HTML file to WordPress using any of the higher up-mentioned methods is just some other case 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 only a adept skill to have in instance the need arises. After all, you never know when you might come up across an HTML template you honey or demand a certain type of page layout that your theme doesn't support.
Save time, costs and maximize site operation with:
- Instant help from WordPress hosting experts, 24/seven.
- Cloudflare Enterprise integration.
- Global audition reach with 29 information centers worldwide.
- Optimization with our built-in Application Performance Monitoring.
All of that and much more, in 1 plan with no long-term contracts, assisted migrations, and a 30-twenty-four hours-money-back-guarantee. Check out our plans or talk to sales to find the plan that's right for yous.
Source: https://kinsta.com/knowledgebase/how-to-upload-html-file-to-wordpress/
0 Response to "How to Upload Html File in Wordpress"
Post a Comment