Can I Upload a Website Directly Into Wordpress
By default, you tin build pages and create content within WordPress without ever having to upload any custom HTML files. That'south because the WordPress core comes with built-in content types. In addition, the WordPress theme you use will likely have its ain set of pre-designed page templates that you lot can have advantage of to create a unique website that meets your needs.
Across that, there are plenty of WordPress landing page plugins you tin can utilize to create customized page templates for site visitors to land from search results, email campaigns, and even social media.
So really, there is very petty need to upload HTML files to WordPress because, usually, everything you need to format your website is already in that location. That said, there are some reasons why yous'd want to know how to upload an HTML file to WordPress, some of which go across uploading a template for design purposes.
That'south why in this post, I'll evidence you lot how to upload HTML files to WordPress. I'll too talk over in detail why you'll want to take this skill, and so no matter what, you're prepared.
What is an HTML File?
HTML stands for Hypertext Markup Language and was first developed past Tim Berners-Lee in 1990. In short, 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 code on your site'southward web pages are responsible for making sure your content'south text and images are formatted in the right way.
Without HTML, spider web browsers would not understand the way 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 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 like text, images, and support files for font styles and Javascript. In other words, an HTML template is a pre-made bundle of HTML code that you tin can easily upload to your website and use.
When you lot utilize an HTML template on your WordPress website, yous upload the file and plug in the text and images you want the template to display on the front end end of your site.
Information technology's important to retrieve 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 wait and feel of your entire website. Many element changes inside your site's theme are global, meaning they employ to your entire website.
- HTML Templates: these are standalone null files that you upload to your website individually. They only affect the look and experience of a unmarried webpage on your website. In other words, changes y'all make to ane uploaded HTML template will only affect that webpage.
Unfortunately, many people don't understand the differences between themes and HTML templates and utilise the terms 'theme' and 'template' interchangeably.
Why You Would Need to Upload an HTML File to WordPress
There are a few specific reasons why y'all might want to upload an HTML file to WordPress:
-
- You Have Your Favorites: if you were using a groovy HTML template on an former website and wanted to utilise information technology on your new site, you might want to upload the template to your new site rather than re-practise the entire thing. This will salve yous time and ensure it looks exactly the aforementioned.
- You Want a Custom Page Layout: if your current WordPress theme doesn't support a specific page layout, you lot 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 Panel and want to apply the recommended method of uploading a Google HTML verification file to practise and then.
The way your website appears in search engines, especially a big i like Google, plays a office in your success as a website owner.
That'south why tools similar Google Search Panel exist. With Google Search Console, you guarantee that Google will index and rank your site in relevant search results, all in the hopes of making information technology to the first page.
Google Search Panel also provides you data about your current SERPs (search engine outcome pages), so you can amend your SEO efforts and earn more clickthroughs to your site.
The thing is, to use Google Search Console, you demand to verify your WordPress website. And it just so happens that one of the best means to do this is to upload a Google HTML verification file.
Now, allow's take a look at the unlike means 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 nosotros'll await at involves the WordPress dashboard.
You'll need nothing more than than the backend of your website and an HTML template to consummate this procedure since you'll be uploading the HTML file direct through a post, 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'south what it looks similar if y'all've disabled Gutenberg and are using the Archetype Editor. Merely click Add together 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.
Y'all can skip uploading the HTML file to a post or page in WordPress and upload it straight to your Media Library. Click Media Library in the WordPress dashboard, then Add New, and choose the HTML file from the place you have it saved (e.g., your reckoner, difficult drive, or external storage).
Proceed in mind, you might see an mistake when you upload your HTML file while using Gutenberg. This is what it will expect like:
Check here for detailed instructions on how to fix the "Sorry, This File Type Is Not Permitted for Security Reasons" Fault in WordPress.
2. Method: How to Upload HTML File to WordPress Using an FTP Customer
Uploading HTML files through the WordPress dashboard is the well-nigh straightforward method. However, for big templates made up of multiple files, it'due south best to use an FTP customer such every bit FileZilla.
Using an FTP client is too helpful for times you lot desire to work locally on a test site before pushing whatsoever changes you make to your live site. This volition prevent any unnecessary downtime if something goes incorrect.
To first, e'er create a fill-in of your website first because y'all never know what the HTML file might do when you upload information technology to your site.
Side by side, open up your FTP customer.
Now you'll need to connect to your spider web host business relationship by entering your FTP credentials. This information is usually plant in your web hosting business relationship. If you have problem finding it, reach out to your host and have them help you.
Subscribe Now
If yous apply Kinsta hosting, first log into your MyKinsta account and click on Sites in the dashboard so on Info to get the credentials needed.
When you do this, you should see your credentials under SFTP/SSH. You'll demand your username, countersign, and port.
Here's the information you're going to demand to enter into FileZilla:
- Host: your site's domain proper name preceded by "sftp://". For example, 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 look similar at the tiptop of the FileZilla screen:
After y'all've entered your credentials, click Quickconnect.
At present it'south fourth dimension to upload the HTML file from your computer to WordPress. Beginning by navigating to your website's root binder (which contains the wp-content binder, the wp-config.php file,etc.) on the correct side.
And so, go to the left side and detect the HTML file you take saved. When you detect it, right-click it and select Upload to add it to your website. To see all subconscious files in Filezilla follow this short tutorial.
Yous'll see the file has successfully been uploaded to WordPress. To check to make sure it is visible on your website, blazon your website's URL into your browser and add together the name of the HTML file to the end. For instance, information technology might look like www.mywebsite.com/html-file.
When y'all do this, yous'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 final method we're going to share with y'all involves using cPanel and the File Managing director to upload an HTML file to WordPress.
Start past logging into your hosting business relationship'south cPanel and accessing the File Manager.
Once you're in the File Manager, you have two options:
-
- Create a New Folder: create a new folder in your site's root folder to upload your HTML file to.
- 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 lot take information technology saved, change the index.html folder to something new, and then rezip the file to continue uploading to WordPress. If you don't, the HTML template volition override your site's homepage.
For this case, we'll create a new folder since in that location are a few added steps when you do this.
Create a New Binder and Upload an HTML File to WordPress
Offset, navigate to the root folder of your website (which contains the wp-content folder, the wp-config.php file,etc.). Then click New Binder.
Name your new binder and click Create New Folder.
Double click on the binder you lot just created and so click Upload to select your HTML file.
Once this is washed, yous'll see your zipped HTML file in the folder.
At present you need to unzip the HTML file by correct-clicking and selecting Excerpt.
When the modal window pops up, click Extract Files to finish the unzipping process. When the HTML file has been unzipped, you lot'll see all the different files included in the template. Remember this means you'll run into things like CSS, font fashion files, images, and JavaScript.
Now all you have to exercise to make sure 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 end.
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 back up redirection, and the alphabetize.php file is not redirected on loading the URL in your browser, you'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 it. Then, add together the following code and relieve your changes:
RewriteRule ^(.*)alphabetize\.(php|html?)$ /$1 [R=301,NC,50] This code volition redirect your index.php file and load information technology in the browser.
Summary
WordPress is the almost used Content Management system around considering 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 whatsoever of the above-mentioned methods is just another example of how WordPress caters to the needs of site owners and gives them the liberty to customize their sites equally needed.
Plus, knowing how to upload an HTML file to WordPress is simply a good skill to accept in instance the demand arises. Subsequently all, you lot never know when you might come beyond an HTML template you dearest or need a certain type of page layout that your theme doesn't support.
Save time, costs and maximize site performance with:
- Instant aid from WordPress hosting experts, 24/7.
- Cloudflare Enterprise integration.
- Global audience reach with 29 data centers worldwide.
- Optimization with our built-in Application Functioning Monitoring.
All of that and much more than, in 1 programme 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 program that's right for y'all.
Source: https://kinsta.com/knowledgebase/how-to-upload-html-file-to-wordpress/#:~:text=Once%20you're%20in%20the,the%20HTML%20directly%20to%20WordPress.
0 Response to "Can I Upload a Website Directly Into Wordpress"
Post a Comment