How To Upload HTML File to WordPress? If you think one needs to create each and every one of the pages in their WordPress site, then think twice.
Sometimes you may want to upload HTML files directly to WordPress. Or perhaps, you may choose to create unique HTML pages or even use sites from that of an earlier website to add it onto your site with WordPress. Or you might need to attach a static HTML file often to make this available together with your WordPress account.
We will teach you how and where to correctly upload HTML files to the WordPress account through this read.
Learning how and when to upload an HTML file to WordPress whenever a need emerges is a nice ability to possess. An extra thing to know, and that too adding an HTML file is splendid.
Don’t you think? You could come around with an HTML template that you like or need a specific form of page layout that does not fit your theme. HTML file or template will get the job done for you.
To start with, you can add static HTML to WordPress, you can also use Google Consoles, FTP, and cPanel to upload these files. We have also included some tips and bonuses along with specific codes, links, and unique file names to enrich you with everything you can possibly be in need of.
Contents
All About HTML Files
HTML stands for Hypertext Markup Language, and Tim Berners-Lee first created it in 1990. In brief, HTML is the language that is used on the internet to construct interactive documents that are renowned as web pages. Any website you have seen on the web has actually been developed with HTML code.
It is the duty of the HTML code within the website’s pages to ensure that the script and photos of your material are configured in the correct way.
Unless with HTML, the means to physically view your website layout for visitors will not be understood by internet browsers. Your site appears wonderful for site users, though with the proper HTML code establishing the base for the internet sites, and just a little CSS code, certain design features could be brought in.
Why do I need to Uploading HTML Files to WordPress?
Before digging right into how to add such files, it is important to know why we need to attach HTML files in the first place.
To attach pages to the website, WordPress features a built-in style of content. To show your sites, WordPress themes also include custom-set page templates. With these pre-designed themes, you will be able to build gorgeous sites.
However, you might also want to save the WordPress dashboard with custom HTML pages. Or you could have a current fixed HTML page that translates well, which can help you save time by only exporting the page instead of just restoring this on WordPress.
Because WordPress has its internal SEO-friendly URL layout, if you merely import the HTML page and attempt to navigate it, it will create a 404 error. Therefore, without triggering broken links, now let us get to know how to upload an HTML file to the WordPress account.
Adding HTML File to WordPress
In brief, here are some clear instructions:
- Just go to the dashboard for admin
- Using the left toolbar to click Articles
- Tap on or create a new post to that of a previous post
- The Visual Editor should open by default
- Select Add Media
- In order to activate your hard disk, cloud server, or external storage unit, press Select Files
- Pick the HTML file you want
- WordPress can view the attachment information once your file is uploaded
- Click the Post Insert tab
Now let us elaborate a little bit more for your better understanding
A fast way of adding an HTML file to your WordPress website is to use the WordPress Visual Editor. Just go to your dashboard for admin. Using the left sidebar, click Articles. Tap on or add a new post to an existing post. The Visual Editor will open automatically.
To post your HTML file to WordPress, follow the steps described below.
Select Add Media.
Source- blog.hubspot.com
Press Select Files to navigate your hard disk, cloud disk, or external storage unit in the Add Media window pop-up.
Source- blog.hubspot.com
Pick your preferred HTML file after that.
WordPress can view the attachment information, along with the title, as well as the connection to the media file, after it has been uploaded. It will benefit you more with the illustration provided below.
Source- blog.hubspot.com
Click the Post Insert tab. (This will add a file connection to the posting and then save it to the media library)
Source- blog.hubspot.com
And boom! You have uploaded the HTML file to your WordPress.
Add Verified HTML File to Your WordPress
If you want to boost up or maintain your website standard, whether it is your WordPress blog or perhaps that of your company, some easy and free-of-cost tools from Google can help you do that. But the question arises: “How do I upload a verified HTML file to WordPress?” Let us find out.
Generating an HTML authentication file for your website is the very first move. Go to Google Search Console and tap Start Now. Enter your username and password of your Gmail ID when asked.
You will validate the website at this stage by using either the domain name or its URL extension. Only DNS checking is provided by the domain name when you write, so choose the URL prefix for maximum utility. Enter the URL of your website, then press Continue.
Source-webdesign.tutsplus.com
Tap the HTML File button to extend the segment, and afterward select the Download this file tab. You will then have the HTML file saved to the local computer.
Adding Google HTML File to WordPress Site
Whether you want to make your website or blog grow, or perhaps gain popularity, you would want to make it to a top site like Google. In its overwhelming ratings, it plays an important role, as also how often clicks are received each quarter. But how?
Thank goodness, platforms like Google Search Console allow you to learn more about the latest rankings of your webpage. They also allow you to enhance the presence of your website on Search Engine Results Pages (SERPs), so that you can appeal to the masses.
You would need to check your WordPress website so that you can start enjoying the rewards provided by Google Search Console. It will also gather all the information you want and grant you access to locate data from Google which is important to your web.
You have to switch to the home page of the Google Search Console directly. Next, log in with your Google account.
Then, in the upper right corner of its dashboard, press the red ADD A PROPERTY tab.
Source- wpengine.com
You will see a pop-up box, where you need to add your URL address before moving on to the next step.
Then, you will need to install the HTML verification file under the Recommended Method option on the following page, by tapping upon the given hyperlink. And, never fail to save all the changes which were made by you.
Source- wpengine.com
Still with us, right? Well then, there is something called FTP. You have to install your file on the website using this FTP.
This move includes immediate access to the server of your site, which can be accessed through the File Transfer Protocol (FTP). Input your passwords by using an FTP client like FileZilla and sign in to your account. You would then have to upload the file onto the root folder of your page.
Source- wpengine.com
Now finally, after following these steps, you can now go back to Google Search Console and select ‘Verify.’ And you are done.
How to Add HTML File to WordPress Using cPanel?
Adding HTML does not only stay limited to the FTP method. You would be delighted to know how cPanel can also facilitate this.
Begin by signing into the cPanel account page and accessing the File Manager.
Source- kinsta.com
You get two alternatives if you use the File Manager:
- Build a New Folder: create a new folder to link your HTML file to the root folder of your page.
- Post to the Root Folder straightaway: Upload HTML directly to WordPress instead of making a new folder. If you feel like you need to do this, unzip the HTML file where you have it saved, update the folder index.html to something different, and then rezip the file to WordPress to commence uploading. And if you do not, your website would be overridden by the HTML template.
Tips
Everything you need to do now to ensure that the HTML template and files have already been imported is to enter the URL of your site onto the tab and attach the name of the new folder at the end.
Do not panic when you bump into something like a 404 error. This is really a basic mistake in WordPress which can be quickly corrected.
If the redirection is not supported by your website and the index.php file is not routed as your browser loads the URL, you will see a 404 error upon importing the HTML files.
Wait in the File Manager and open the .htaccess file by clicking your cursor twice, in order to correct this. Then, apply the code below, before you save your alterations:
RewriteRule ^(.*)index\.(php|html?)$ /$1 [R=301,NC,L]This code can help you navigate back to your index.php file and help the file to run in your browser.
Adding Your Own Static HTML File to WordPress
Finally, we bring you to how to add your own file. We did not exclude this topic, even though external and customized HTML files are demanded to upload in one’s WordPress, one’s own static file is not to be overseen.
So here is what you have to do:
There are a few steps that need to be followed:
- Build a tab in WordPress named ‘Tab’ so that you can keep count of it.
- Go to the WordPress Admin area after you post the document and press edit on the document you just made.
- Scan the address bar of your window and check for post.php? Parameter: post=1111&action = edit. 1111 is the page ID you will need to build a custom file to replace the page.php database used by WordPress. (Note that there would be a different page ID)
- Develop and insert the components of page.html into a .php file called page-1111.php.
- Upload this to the template already in use, like your theme’s directory, i.e. Public-html / wp-content / themes / yourtheme / page-1111.phpp
- You will also have to adjust the pathways to your photos and stylesheets, the static HTML file will display just fine if you visit http://yoursite.com/page if your permalinks are set to /%postname%/.
Lastly, do not forget to save your changes. This is the tip of the day!
See also:
How To Edit WordPress HTML Files?
Discover WordPress index.html
How To Add Google Analytics to WordPress?
How to Install Google Tag Manager on a WordPress Website?
Bottom Line
WordPress is by far the most commonly used method for document management, since it offers website owners control, they really have to build exclusive sites which helps create a competitive advantage.
Using all of the programs mentioned already, having been able to submit an HTML file to WordPress is yet another instance of just how WordPress serves the expectations of content owners and allows them the ability to configure their pages as desired.
We hope you have gained a valuable understanding of how to connect HTML files to your WordPress website from our post. Wishing you all the very best!
