Cant Upload My Html Css or Js to Blue Host

Why upload HTML files to WordPress? If you're building or growing a WordPress website, importing HTML files and pages tin can salve you pregnant time when setting up your website or when adding new, customized content. Sometimes yous might desire to build a custom HTML page or use pages from an older website and then add together them to WordPress.

In this post, we'll evidence you lot how to add your HTML files and pages to your WordPress site.

We'll cover:

• What is an HTML file?
• Why Upload HTML Files to WordPress
• How to Upload an HTML File to WordPress
• How to Add an HTML Page to WordPress

What is an HTML file?

HTML stands for "hypertext markup language," which is a language used to create and structure webpages. HTML files are text-only documents, and they contain highly interactive content that's designed to exist viewed on a web browser. HTML files tin can be created from scratch, or y'all tin take existing files — like Google Docs — and convert them into HTML.

Below is an example of what an HTML file could contain.

See the Pen HTML File Case by HubSpot (@hubspot) on CodePen.

HTML files can exist loaded on whatever type of web browser. This makes them more mobile-friendly, because they'll render properly regardless of the device or operating organization being used. If y'all have multiple people working on your website, or if you have outsourced the chore to an external developer, HTML files are a corking way to distribute content before publishing it on your website.

But, this isn't the only benefit of using HTML files. When you're working in WordPress, HTML files are swell for creating customized content that may not exist offered natively with your current WordPress theme.

Read on for some additional reasons to upload HTML files and webpages when building your site on WordPress.

Why Upload HTML Files to WordPress

WordPress isn't just a website architect, it's a content management system. Which ways, even if your site is hosted on WordPress, you don't take to create every unmarried folio within the WordPress interface.

When it comes to creating webpages, WordPress has its benefits. Y'all tin can create beautiful pages with pre-designed themes, and you can fifty-fifty install page builders similar Elementor to create sales pages, landing pages, and production pages.

Notwithstanding, you may want to store custom HTML files in your WordPress dashboard. Here are some of the reasons yous'll want to.

You don't want to rebuild pages from scratch.

You might have an existing HTML folio that converts well, and rather than rebuilding it on WordPress, y'all tin save time by simply uploading the page directly. This also reduces the risk of homo fault, because rather than manually copying and pasting code, you tin simply upload the content altogether via an HTML file.

You desire to customize your page beyond a bottled theme.

Another benefit of uploading HTML files is that information technology allows you lot to customize your content outside of what your theme may allow. For instance, let's say your former site used a template or page that you lot really liked, but it's not offered on WordPress. You can copy the HTML for that content, and and so upload it to your WordPress site.

Or, you tin can recreate the content from scratch and write the HTML yourself. One time consummate, upload your HTML file to WordPress, and presto! You lot now accept a new, customized page or feature at your disposal.

It's easier to verify your website with services such equally Google Search Console.

Lastly, 1 big benefit of uploading HTML to WordPress is that information technology helps you lot verify your site on Google Search Console. To use Google Search Console, yous first demand to verify your website, which involves uploading a special HTML file to WordPress. This gives Google admission to your information and ensures your site is indexed properly past Google's search engine.

Ready to start uploading? Read on for a step-by-step guide to uploading HTML files to WordPress.

How to Upload an HTML File to WordPress

1. Navigate to your Admin Dashboard.
2. Click 'Pages' in the left sidebar.
3. Choose an existing page or create a new one.
4. Click 'Add Block.'
5. Add a 'File' block.
6. Choose your HTML file.

i. Navigate to your Admin Dashboard.

You can use the WordPress Visual Editor to quickly add together HTML files to your website. To access the Visual Editor, first go to your admin dashboard.

two. Click 'Pages' in the left sidebar.

Next, await at the left-mitt sidebar. There should exist an option labeled "Pages." Click it. That should load a new screen to the correct, similar to the example below, where you meet all the pages you've created.

3. Choose an existing page or create a new one.

Now, you should have the choice to either edit an existing folio or add together a new one. To add a new folio, simply click the button adjacent to the "Pages" championship that sasys "Add new."

If yous would like to edit an existing post, click on the post proper name itself, and yous'll immediately load the editor. The Visual Editor should open by default, merely if y'all're also using a page builder such equally Elementor, you'll want to hover over the page's proper name and click "Edit," instead of "Edit with Elementor."

4. Click 'Add together Block.'

Once you've accessed the Visual Editor, click the option in the summit left to "add block." This volition trigger a dropdown menu on the left-mitt side of the screen.

5. Add together a 'File' cake.

Using the search bar at the peak of the left-hand card, search for the term "File." Then, click on information technology to upload a new file.

Alternatively, you can also search for "HTML." This block will allow yous to input HTML, simply you lot'll have to copy and paste it manually into a lawmaking cake. This works if you're uploading brusk snippets of lawmaking, but information technology's more efficient to use the media option for larger uploads.

6. Cull your HTML file.

In the module that appears, select the option to "upload." Then, choose the HTML file that you lot wish to add to the post. Once your file is selected, it should exist automatically added to your post.

You tin can also add the file to your media library. This will allow yous to reuse the HTML file in other blog posts.

How to Fix "File Type is Not Permitted for Security Reasons" Error

In some cases, you may come across this error when trying to upload your HTML file to your blog mail or media library.

The easiest way to navigate this is to use an HTML block instead. With an HTML block, you lot tin copy all of the code in your HTML file and paste it straight into your WordPress page — similar to the example below.

How to Add an HTML Page to WordPress

Permit'southward say we were the proud designers of the site, Lonéz Scents, and we wanted to migrate this folio to WordPress.

Image Source

Let's have a await at the process of migrating this page to WordPress.

i. Compress the HTML page into a Cipher folder.

Export the webpage from your current CMS. You don't need to bear upon any of these files, unless you want to customize them earlier uploading them to WordPress.

Make sure this HTML file is compressed into a Nil binder.

2. Navigate to your WordPress website'southward cPanel.

First-class! Now you have the HTML file you'll be migrating to your WordPress website.

Next, it's time to access your cPanel, where your website's database is located. You go these logins from your hosting provider.

Pro Tip: If you lot'd rather someone else practice the heavy lifting for you lot, some hosting providers volition migrate your webpages for yous for free. Make sure to bank check with your hosting service.

To navigate to the cPanel, login to your hosting provider's website and observe out where they go along the link to your cPanel.

In Bluehost, click "Advanced" on the sidebar, scroll down to "Files," and then click "File Manager."

3. Enter your public_HTML folder inside your cPanel.

Your public_HTML folder will be establish in the left sidebar. If yous host several websites, yous'll demand to choose the website where you want to migrate the page to.

iv. Add together a new folder to your website's public_HTML folder.

Click the "+Binder" button at the top of the screen to create a new folder. Now, name your new folder and then click Create New Folder. (This folder name will be a part of your HTML page's URL.)

five. Upload the zipped HTML file to the new binder.

Once the folder is created, click on information technology. Then, click on the Upload push at the height of the screen. There should be an option Select File and you tin can choose the zipped HTML file you want to add.

6. Extract the files.

Once uploaded, your zipped HTML file is now in the binder. Select the file and click Extract at the top-correct corner of the screen. Now, click Extract files.

7. Preview your page.

Yous'll now see an pick called Extraction Results. Click Close. So, click Reload in the middle of the screen. Yous'll see the unzipped HTML file in the folder. (If you like, delete the Goose egg file. It won't affect your extracted HTML page or any other folders.)

Finally, yous tin can preview the page by visiting yourdomain.com/FolderName/HTMLFileName.html.

And you're done! You now know how to upload HTML files to your WordPress website.

Upload HTML Files to WordPress to Build Your Site

Uploading HTML files to WordPress may but be the way to get — peculiarly if you want to create a highly customized site that yous tin can't build with a theme. It's also a not bad selection for you lot if you want to migrate your erstwhile site to the WordPress platform. The best part is that it's easy — only make sure to bookmark this guide, and so yous never become lost during the process.

Editor's note: This postal service was originally published in July 2019 and has been updated for comprehensiveness.

Originally published Oct 25, 2021 7:00:00 AM, updated Oct 25 2021

hurtcouser.blogspot.com

Source: https://blog.hubspot.com/website/upload-html-file-to-wordpress