How to Upload a File to My Wordpress Site
Past default, yous can build pages and create content within WordPress without ever having to upload whatever custom HTML files. That'due south because the WordPress core comes with built-in content types. In addition, the WordPress theme you employ will probable take its ain gear up of pre-designed page templates that you can accept advantage of to create a unique website that meets your needs.
Beyond that, there are plenty of WordPress landing page plugins yous can use to create customized page templates for site visitors to land from search results, email campaigns, and fifty-fifty social media.
Then really, there is very little need to upload HTML files to WordPress because, normally, everything y'all need to format your website is already there. That said, in that location are some reasons why you'd want to know how to upload an HTML file to WordPress, some of which get beyond uploading a template for blueprint purposes.
That'due south why in this mail, I'll bear witness you how to upload HTML files to WordPress. I'll also discuss in particular why you'll want to accept this skill, so no matter what, you're prepared.
What is an HTML File?
HTML stands for Hypertext Markup Language and was commencement 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 as webpages. In fact, every webpage you see on the internet was written using HTML code.
The HTML lawmaking on your site's web pages are responsible for making certain your content'southward text and images are formatted in the correct way.
Without HTML, web browsers would not understand the manner to visually display the structure of your website for users. All the same, 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 lot know that HTML is the code responsible for creating the structure of single webpages on the internet.
Merely what is an HTML template?
An HTML template is a pre-designed set of HTML files that include things like 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 tin can easily upload to your website and employ.
When you employ an HTML template on your WordPress website, you upload the file and plug in the text and images yous want the template to display on the forepart of your site.
It's of import 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 feel of your unabridged website. Many element changes within your site'south theme are global, meaning they apply to your entire website.
- HTML Templates: these are standalone cipher files that you upload to your website individually. They only affect the wait and feel of a single webpage on your website. In other words, changes yous make to one uploaded HTML template volition only bear on that webpage.
Unfortunately, many people don't understand the differences betwixt themes and HTML templates and use the terms 'theme' and 'template' interchangeably.
Why Yous Would Need to Upload an HTML File to WordPress
At that place are a few specific reasons why you might want to upload an HTML file to WordPress:
-
- Yous Have Your Favorites: if you were using a corking HTML template on an sometime website and wanted to employ 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 save y'all time and ensure it looks exactly the aforementioned.
- You Want a Custom Folio Layout: if your electric current WordPress theme doesn't support a specific folio layout, you can upload an HTML file with the design y'all want and customize it as needed.
Lastly, you might demand to verify your WordPress website with Google Search Console and desire to use the recommended method of uploading a Google HTML verification file to practice and then.
The way your website appears in search engines, especially a big one like Google, plays a role in your success as a website owner.
That's why tools like Google Search Console exist. With Google Search Console, you guarantee that Google volition index and rank your site in relevant search results, all in the hopes of making it to the first folio.
Google Search Console also provides you information almost your current SERPs (search engine consequence pages), so you lot tin improve your SEO efforts and earn more than clickthroughs to your site.
The thing is, to utilize Google Search Console, you need to verify your WordPress website. And it just so happens that one of the best ways to do this is to upload a Google HTML verification file.
Now, allow's take a look at the different ways to upload an HTML file to WordPress.
1. 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 need nothing more the backend of your website and an HTML template to complete this process since you'll be uploading the HTML file directly through a mail service, folio, 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 then Upload to upload your HTML file.
Cull the HTML file y'all want to upload and then click Insert into postal service. Doing this inserts the link of the file into the post or folio and automatically saves information technology to your Media Library.
Yous can skip uploading the HTML file to a mail service or folio in WordPress and upload information technology directly to your Media Library. Click Media Library in the WordPress dashboard, and so Add New, and choose the HTML file from the identify you accept it saved (e.g., your computer, hard drive, or external storage).
Keep in mind, you lot might encounter an error when yous upload your HTML file while using Gutenberg. This is what it will look like:
Check here for detailed instructions on how to set 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 near straightforward method. However, for large templates made upwards of multiple files, it'southward all-time to use an FTP client such as FileZilla.
Using an FTP client is likewise helpful for times you want to work locally on a test site before pushing whatsoever changes you brand to your live site. This will forbid any unnecessary downtime if something goes wrong.
To start, always create a backup of your website showtime considering y'all never know what the HTML file might do when you upload it to your site.
Side by side, open up your FTP client.
At present you'll need to connect to your web host account past entering your FTP credentials. This information is commonly found in your web hosting account. If you have trouble finding it, reach out to your host and have them help you.
Subscribe Now
If you apply Kinsta hosting, first log into your MyKinsta account and click on Sites in the dashboard and and then on Info to go the credentials needed.
When you do this, yous should see your credentials under SFTP/SSH. You'll need your username, password, and port.
Here's the information you're going to need to enter into FileZilla:
- Host: your site's domain name preceded past "sftp://". For instance, y'all'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 it will look like at the height of the FileZilla screen:
Afterwards you've entered your credentials, click Quickconnect.
Now information technology's time to upload the HTML file from your figurer to WordPress. Kickoff by navigating to your website's 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 observe the HTML file you have saved. When you find information technology, right-click it and select Upload to add it to your website. To run into all hidden files in Filezilla follow this brusque tutorial.
You lot'll run across the file has successfully been uploaded to WordPress. To cheque to make sure it is visible on your website, type your website'southward URL into your browser and add the proper noun of the HTML file to the stop. For example, information technology might look like world wide web.mywebsite.com/html-file.
When yous do this, you'll be redirected to the new webpage you'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 y'all involves using cPanel and the File Manager to upload an HTML file to WordPress.
Start by logging into your hosting account'due south cPanel and accessing the File Director.
Once you lot're in the File Manager, y'all have 2 options:
-
- Create a New Binder: create a new folder in your site's root binder to upload your HTML file to.
- Upload to Root Folder Straight: 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, change the alphabetize.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 case, nosotros'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 folder of your website (which contains the wp-content folder, the wp-config.php file,etc.). Then click New Folder.
Proper name your new binder and click Create New Folder.
Double click on the folder you only created then click Upload to select your HTML file.
Once this is done, yous'll run into your zipped HTML file in the binder.
At present you need to unzip the HTML file past right-clicking and selecting Extract.
When the modal window pops upwardly, click Extract Files to end the unzipping procedure. When the HTML file has been unzipped, y'all'll see all the different files included in the template. Remember this means you'll see things similar CSS, font style files, images, and JavaScript.
At present all you have to practice to make sure the HTML template and files were uploaded is type your site's URL into the browser and add together the new folder'due south proper noun to the end.
If you run into a 404 error, don't worry. This is a mutual WordPress error and can exist resolved hands.
If your server doesn't support redirection, and the index.php file is non redirected on loading the URL in your browser, you'll encounter a 404 error later on uploading your HTML files.
To prepare this, stay within the File Manager and access your .htaccess file by double-clicking information technology. Then, add the following lawmaking and save your changes:
RewriteRule ^(.*)index\.(php|html?)$ /$i [R=301,NC,L] This code volition redirect your index.php file and load it in the browser.
Summary
WordPress is the most used Content Direction organization around because it gives website owners the flexibility needed to create unique websites that stand up out from the competition. Being able to upload an HTML file to WordPress using any of the higher up-mentioned methods is just another example of how WordPress caters to the needs of site owners and gives them the freedom to customize their sites every bit needed.
Plus, knowing how to upload an HTML file to WordPress is simply a good skill to have in example the need arises. After all, y'all never know when you might come across an HTML template you love or need a certain blazon of page layout that your theme doesn't back up.
Save time, costs and maximize site performance with:
- Instant help from WordPress hosting experts, 24/7.
- Cloudflare Enterprise integration.
- Global audition achieve with 29 data centers worldwide.
- Optimization with our congenital-in Application Performance Monitoring.
All of that and much more, in one programme with no long-term contracts, assisted migrations, and a 30-day-money-dorsum-guarantee. Check out our plans or talk to sales to find the plan that'due south right for you.
Source: https://kinsta.com/knowledgebase/how-to-upload-html-file-to-wordpress/
0 Response to "How to Upload a File to My Wordpress Site"
Post a Comment