Upload a Wordress Web to a Folder on a Server
By default, you can build pages and create content within WordPress without ever having to upload any custom HTML files. That's because the WordPress cadre comes with built-in content types. In addition, the WordPress theme you use will likely have its own gear up of pre-designed page templates that you tin can take advantage of to create a unique website that meets your needs.
Beyond that, at that place are plenty of WordPress landing page plugins you tin use to create customized page templates for site visitors to state from search results, email campaigns, and even social media.
So really, at that place is very little need to upload HTML files to WordPress because, commonly, everything you need to format your website is already there. That said, there are some reasons why y'all'd desire to know how to upload an HTML file to WordPress, some of which go across uploading a template for pattern purposes.
That's why in this post, I'll prove you how to upload HTML files to WordPress. I'll likewise discuss in detail why you'll want to have this skill, so no matter what, you're prepared.
What is an HTML File?
HTML stands for Hypertext Markup Language and was showtime developed past Tim Berners-Lee in 1990. In short, HTML is the lawmaking used to create electronic documents on the internet, which are better known as webpages. In fact, every webpage you encounter on the internet was written using HTML code.
The HTML code on your site's web pages are responsible for making sure your content's text and images are formatted in the correct way.
Without HTML, spider web browsers would not sympathize the manner to visually display the construction of your website for users. However, with the right HTML code creating the foundation for your webpages, and a footling CSS code for calculation in some blueprint elements, your website appears perfectly for site visitors.
What is an HTML Template?
And then, you know that HTML is the code responsible for creating the structure of single webpages on the internet.
Simply 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 package of HTML lawmaking that you can easily upload to your website and utilise.
When you use an HTML template on your WordPress website, you upload the file and plug in the text and images you want the template to brandish on the front end cease of your site.
Information technology'due south of import to remember that HTML templates are different than WordPress themes:
- WordPress Themes: fifty-fifty though y'all plug in text and images into WordPress themes, they are responsible for the wait and feel of your entire website. Many element changes within your site's theme are global, meaning they utilise to your entire website.
- HTML Templates: these are standalone zip files that yous upload to your website individually. They simply affect the look and feel of a single webpage on your website. In other words, changes y'all make to one uploaded HTML template will just impact that webpage.
Unfortunately, many people don't understand the differences between themes and HTML templates and use the terms 'theme' and 'template' interchangeably.
Why You Would Need to Upload an HTML File to WordPress
In that location are a few specific reasons why you might want to upload an HTML file to WordPress:
-
- Y'all Have Your Favorites: if you lot were using a groovy 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 entire affair. This will save you time and ensure it looks exactly the same.
- Yous Want a Custom Folio Layout: if your electric current WordPress theme doesn't support a specific page layout, you can upload an HTML file with the blueprint you want and customize it every bit needed.
Lastly, you lot might need to verify your WordPress website with Google Search Console and want to utilize the recommended method of uploading a Google HTML verification file to do so.
The style your website appears in search engines, especially a big one like Google, plays a role in your success as a website possessor.
That's why tools like Google Search Console exist. With Google Search Console, you lot guarantee that Google will index and rank your site in relevant search results, all in the hopes of making it to the first page.
Google Search Console also provides you lot information about your electric current SERPs (search engine result pages), so y'all can amend your SEO efforts and earn more clickthroughs to your site.
The matter is, to utilize Google Search Console, yous need to verify your WordPress website. And information technology just then happens that one of the best ways to do this is to upload a Google HTML verification file.
Now, let'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 first method for uploading an HTML file to WordPress we'll look at involves the WordPress dashboard.
You'll demand nothing more than the backend of your website and an HTML template to complete this procedure since y'all'll be uploading the HTML file directly through a post, folio, or the Media Library.
To upload an HTML file through a mail or page, insert a 'File' block in the Gutenberg Editor. Then, click Upload to upload the HTML file.
Here's what information technology looks similar if you've disabled Gutenberg and are using the Classic Editor. Simply click Add Media and then Upload to upload your HTML file.
Choose the HTML file you want to upload and 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.
You can skip uploading the HTML file to a post or page in WordPress and upload it direct to your Media Library. Click Media Library in the WordPress dashboard, and then Add New, and choose the HTML file from the place you have it saved (e.g., your computer, hard drive, or external storage).
Keep in heed, yous might encounter an fault when you upload your HTML file while using Gutenberg. This is what it will await like:
Check hither for detailed instructions on how to set the "Sorry, This File Type Is Non Permitted for Security Reasons" Fault in WordPress.
two. Method: How to Upload HTML File to WordPress Using an FTP Client
Uploading HTML files through the WordPress dashboard is the most straightforward method. Nevertheless, for large templates made up of multiple files, it's all-time to use an FTP client such as FileZilla.
Using an FTP client is also helpful for times you want to work locally on a test site before pushing whatsoever changes you brand to your alive site. This will prevent whatsoever unnecessary downtime if something goes wrong.
To start, always create a backup of your website first considering you never know what the HTML file might practise when y'all upload it to your site.
Next, open up your FTP client.
Now you lot'll need to connect to your web host account by inbound your FTP credentials. This information is usually establish in your spider web hosting account. If you have trouble finding it, reach out to your host and have them aid you.
Subscribe At present
If y'all use Kinsta hosting, beginning log into your MyKinsta account and click on Sites in the dashboard and then on Info to get the credentials needed.
When you do this, you should run across your credentials under SFTP/SSH. You lot'll need your username, password, and port.
Here'south the information you're going to demand to enter into FileZilla:
- Host: your site'south domain name preceded by "sftp://". For example, you'll demand 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 acme of the FileZilla screen:
After yous've entered your credentials, click Quickconnect.
Now it's time to upload the HTML file from your estimator 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 correct side.
So, get to the left side and find the HTML file you have saved. When y'all find it, right-click it and select Upload to add together information technology to your website. To see all subconscious files in Filezilla follow this curt tutorial.
You'll see the file has successfully been uploaded to WordPress. To cheque to make sure it is visible on your website, type your website's URL into your browser and add the name of the HTML file to the finish. For example, it might expect like www.mywebsite.com/html-file.
When y'all practise this, yous'll be redirected to the new webpage yous've created with the HTML file.
iii. Method: How to Upload HTML File to WordPress Using cPanel
The final method we're going to share with you lot involves using cPanel and the File Director to upload an HTML file to WordPress.
Get-go by logging into your hosting account's cPanel and accessing the File Manager.
In one case you're in the File Manager, you have 2 options:
-
- Create a New Binder: create a new folder in your site'southward root folder to upload your HTML file to.
- Upload to Root Binder Direct: rather than create a new folder, upload the HTML direct to WordPress. If this is how you want to exercise it, unzip the HTML file where yous take it saved, alter the index.html folder to something new, and so rezip the file to continue uploading to WordPress. If yous don't, the HTML template volition override your site'southward homepage.
For this instance, we'll create a new binder since there are a few added steps when you practice this.
Create a New Folder and Upload an HTML File to WordPress
Starting time, navigate to the root folder of your website (which contains the wp-content binder, the wp-config.php file,etc.). And then click New Folder.
Proper noun your new binder and click Create New Folder.
Double click on the folder you just created then click Upload to select your HTML file.
Once this is done, you'll see your zipped HTML file in the binder.
Now you need to unzip the HTML file by right-clicking and selecting Extract.
When the modal window pops up, click Excerpt Files to finish the unzipping process. When the HTML file has been unzipped, you'll see all the different files included in the template. Recall this means you'll see things like CSS, font manner files, images, and JavaScript.
Now all you take to do to make sure the HTML template and files were uploaded is type your site'south URL into the browser and add the new binder'south name to the end.
If y'all run into a 404 mistake, don't worry. This is a mutual WordPress fault 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, you'll run into a 404 mistake after uploading your HTML files.
To fix this, stay within the File Manager and access your .htaccess file by double-clicking information technology. Then, add the post-obit lawmaking and salve your changes:
RewriteRule ^(.*)index\.(php|html?)$ /$1 [R=301,NC,L] This lawmaking will redirect your index.php file and load it in the browser.
Summary
WordPress is the most 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 another instance of how WordPress caters to the needs of site owners and gives them the liberty to customize their sites as needed.
Plus, knowing how to upload an HTML file to WordPress is just a good skill to accept in case the need arises. After all, you never know when you might come across an HTML template you honey or demand a sure type of page layout that your theme doesn't support.
Save time, costs and maximize site performance with:
- Instant assistance from WordPress hosting experts, 24/vii.
- Cloudflare Enterprise integration.
- Global audience accomplish with 29 data centers worldwide.
- Optimization with our built-in Application Performance Monitoring.
All of that and much more, in one programme with no long-term contracts, assisted migrations, and a xxx-day-money-back-guarantee. Bank check out our plans or talk to sales to find the programme that's right for you.
Source: https://kinsta.com/knowledgebase/how-to-upload-html-file-to-wordpress/
0 Response to "Upload a Wordress Web to a Folder on a Server"
Post a Comment