Upload an Item to My Wordpress Site Directory
Past default, you can build pages and create content within WordPress without ever having to upload whatsoever custom HTML files. That's because the WordPress cadre comes with congenital-in content types. In addition, the WordPress theme you use will probable accept its own ready of pre-designed page templates that y'all can have reward of to create a unique website that meets your needs.
Beyond that, there are enough of WordPress landing page plugins you can use to create customized page templates for site visitors to state from search results, email campaigns, and fifty-fifty social media.
So really, there is very little need to upload HTML files to WordPress considering, commonly, 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 across 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 likewise discuss in particular why you'll want to have this skill, and so no matter what, you lot're prepared.
What is an HTML File?
HTML stands for Hypertext Markup Language and was first adult past Tim Berners-Lee in 1990. In brusk, HTML is the code used to create electronic documents on the internet, which are ameliorate known as webpages. In fact, every webpage you run into on the internet was written using HTML lawmaking.
The HTML code on your site'southward web pages are responsible for making sure your content'southward text and images are formatted in the right way.
Without HTML, spider web browsers would not understand the way to visually display the construction of your website for users. Yet, with the right HTML code creating the foundation for your webpages, and a lilliputian CSS code for adding in some design elements, your website appears perfectly for site visitors.
What is an HTML Template?
And so, 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 prepare 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-fabricated package of HTML code that you can easily upload to your website and utilise.
When you utilise an HTML template on your WordPress website, yous upload the file and plug in the text and images yous desire the template to display on the front 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 look and feel of your unabridged website. Many chemical element changes inside your site'due south theme are global, meaning they apply to your entire website.
- HTML Templates: these are standalone zip files that y'all upload to your website individually. They just impact the look and feel of a single webpage on your website. In other words, changes you make to one uploaded HTML template will only affect 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 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:
-
- You Take Your Favorites: if you were using a great HTML template on an quondam website and wanted to use it on your new site, you might desire to upload the template to your new site rather than re-exercise the entire thing. This will save you fourth dimension and ensure it looks exactly the same.
- You Desire a Custom Folio 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 every bit needed.
Lastly, you might need to verify your WordPress website with Google Search Console and want to utilise the recommended method of uploading a Google HTML verification file to exercise then.
The manner your website appears in search engines, particularly a big ane like Google, plays a role in your success as a website owner.
That's why tools similar Google Search Panel be. With Google Search Panel, you guarantee that Google will index and rank your site in relevant search results, all in the hopes of making information technology to the offset page.
Google Search Console also provides you data about your current SERPs (search engine result pages), so y'all can improve your SEO efforts and earn more clickthroughs to your site.
The thing is, to employ Google Search Console, you need to verify your WordPress website. And it only so happens that one of the best ways to do this is to upload a Google HTML verification file.
Now, permit's take a look at the different means to upload an HTML file to WordPress.
i. Method: How to Upload HTML File to WordPress in the WordPress Dashboard
The first method for uploading an HTML file to WordPress we'll expect at involves the WordPress dashboard.
You'll need zero more than the backend of your website and an HTML template to consummate this process since you'll be uploading the HTML file directly through a mail 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 information technology looks like if y'all've disabled Gutenberg and are using the Classic Editor. Just click Add Media so Upload to upload your HTML file.
Choose the HTML file yous want to upload and then click Insert into mail service. Doing this inserts the link of the file into the postal service 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 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 place you lot take it saved (due east.g., your computer, hard drive, or external storage).
Keep in mind, yous might run into an error when you upload your HTML file while using Gutenberg. This is what it will look similar:
Check here for detailed instructions on how to fix the "Sad, This File Type 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 most straightforward method. Nonetheless, for large templates made up of multiple files, it's all-time to use an FTP client such every bit FileZilla.
Using an FTP client is also helpful for times yous want to work locally on a test site before pushing whatsoever changes you make to your alive site. This will prevent any unnecessary downtime if something goes wrong.
To offset, ever create a fill-in of your website offset considering you never know what the HTML file might exercise when you upload it to your site.
Side by side, open your FTP client.
Now you'll need to connect to your web host account by entering your FTP credentials. This data is usually found in your web hosting account. If you lot have trouble finding it, achieve out to your host and have them help you.
Subscribe Now
If y'all use Kinsta hosting, first log into your MyKinsta account and click on Sites in the dashboard and then on Info to get the credentials needed.
When yous practise this, yous should see your credentials under SFTP/SSH. You lot'll need your username, password, and port.
Here'due south the data you're going to need to enter into FileZilla:
- Host: your site'south domain proper noun preceded past "sftp://". For case, y'all'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 top of the FileZilla screen:
After you've entered your credentials, click Quickconnect.
Now it'southward time to upload the HTML file from your computer to WordPress. Showtime by navigating to your website'southward root folder (which contains the wp-content binder, 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 information technology, right-click it and select Upload to add it to your website. To come across all hidden files in Filezilla follow this short tutorial.
Y'all'll encounter the file has successfully been uploaded to WordPress. To check to make sure information technology 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 case, it might look similar 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 terminal method we're going to share with you involves using cPanel and the File Manager to upload an HTML file to WordPress.
Start past logging into your hosting account'southward cPanel and accessing the File Manager.
In one case you lot're in the File Manager, you lot have ii options:
-
- Create a New Folder: create a new binder in your site's root folder to upload your HTML file to.
- Upload to Root Folder Direct: rather than create a new folder, upload the HTML straight to WordPress. If this is how you want to practise information technology, unzip the HTML file where you accept it saved, modify the index.html binder to something new, and then rezip the file to continue uploading to WordPress. If you lot don't, the HTML template volition override your site'southward homepage.
For this example, we'll create a new folder since there are a few added steps when yous 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 folder, the wp-config.php file,etc.). And so click New Folder.
Proper noun your new binder and click Create New Folder.
Double click on the folder you but created and so click Upload to select your HTML file.
Once this is done, you'll see your zipped HTML file in the folder.
Now you lot need to unzip the HTML file by right-clicking and selecting Extract.
When the modal window pops up, click Extract Files to finish the unzipping process. When the HTML file has been unzipped, you'll see all the different files included in the template. Remember this means y'all'll see things like CSS, font style files, images, and JavaScript.
Now all you lot have 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 name to the finish.
If you run across a 404 error, don't worry. This is a common WordPress mistake and can be resolved easily.
If your server doesn't back up redirection, and the index.php file is not redirected on loading the URL in your browser, you'll see a 404 error subsequently uploading your HTML files.
To fix this, stay within the File Manager and admission your .htaccess file past double-clicking it. Then, add the following lawmaking and save your changes:
RewriteRule ^(.*)alphabetize\.(php|html?)$ /$1 [R=301,NC,L] This code volition redirect your index.php file and load information technology in the browser.
Summary
WordPress is the well-nigh used Content Direction arrangement effectually considering it gives website owners the flexibility needed to create unique websites that stand out from the competition. Being able to upload an HTML file to WordPress using any of the to a higher place-mentioned methods is just some other example 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 yous might come up beyond an HTML template y'all beloved or need a sure type of page layout that your theme doesn't back up.
Salve time, costs and maximize site performance with:
- Instant help from WordPress hosting experts, 24/seven.
- Cloudflare Enterprise integration.
- Global audience reach with 29 data centers worldwide.
- Optimization with our congenital-in Application Functioning Monitoring.
All of that and much more, in one plan with no long-term contracts, assisted migrations, and a 30-twenty-four hours-money-dorsum-guarantee. Check out our plans or talk to sales to detect the programme that's correct for y'all.
Source: https://kinsta.com/knowledgebase/how-to-upload-html-file-to-wordpress/
0 Response to "Upload an Item to My Wordpress Site Directory"
Post a Comment