How to Upload Your Own Html and Css to Wordpress Site
Read Time: eight mins Languages:
In this article, we'll discuss a couple of unlike ways that yous tin upload an HTML file to your WordPress website.
Why Do You lot Need to Upload an HTML File to WordPress?
When yous're working with a WordPress website, you can use anything from static posts and pages to fancy dynamic features like epitome galleries, magazines, and eCommerce. You can implement many of these avant-garde features by merely installing and configuring free plugins from the WordPress marketplace.
On the other mitt, when information technology comes to the layout and theming of your website, WordPress allows you to choose from thousands of set up-made professional themes bachelor in the market place. When you combine these themes with folio builder plugins, you tin can completely customize your front-end the manner you desire to. And if that'due south non sufficient, you can customize a theme or build your ain theme to requite a completely unlike look to your website.
Having said that, sometimes y'all might desire to upload a specific HTML file which you lot've got from your old site, and you just don't desire to affect the rest of your WordPress installation. Specifically, y'all might take an HTML file which displays a completely different layout than your existing website, and yous want to display information technology for specific campaigns. Or you lot might desire to verify your website with Google past uploading an HTML file to the document root of your website.
Whatever the reason, we'll go through a couple of ways to upload an HTML file to your WordPress website in this post.
How to Upload an HTML File
Let's speedily summarize the different methods you could use to upload an HTML file:
- use the FTP client software
- apply cPanel
- use the back-end editor
FTP Customer Software
This is one of the easiest ways to upload files from your computer to the WordPress website. If y'all've got FTP access to your website, you could utilize the FTP client software to connect to your website and upload the necessary files. Proceed your FTP credentials handy if you desire to use this pick. You'll need to accept a host, username, password, and port.
There are different FTP clients available, and you need to choose 1 for your Os version. If you're using *nix-based systems—Linux and Unix— you could employ pop options like LFTP, gFTP, or FileZilla. On the other hand, WinSCP is one of the about popular options for Windows users.
In one case you've installed your favorite FTP client, go ahead and open it. Enter the necessary information, as shown in the following screenshot, and connect. I've used the gFTP customer.
In one case you lot connect to the server, you lot should be able to encounter the listing of files available in your WordPress installation. On the left-manus side, gFTP lists files on your local computer, and it displays remote site files on the right-mitt side.
Now, information technology'southward time to upload the desired file from your local computer to WordPress. On the left-mitt side, navigate to the directory where the HTML file resides, select the file, and finally drag and drop it on the correct-hand side. Alternatively, y'all could also double-click that file to upload it.
Once you've uploaded the file, make sure that the file is uploaded properly by visiting the https://your-wordpress-website/myhtmlfile.html URL in your browser.
So that's how you tin upload files from your calculator to WordPress by using the FTP client software. In the next section, we'll discuss how you tin apply cPanel to accomplish the same thing.
CPanel
In this section, we'll come across how you lot could upload an HTML file to your WordPress with the help of cPanel. Of grade, you lot need to accept cPanel access on your host to employ this option! You tin acquire more nearly free WordPress hosting options hither at Envato Tuts+.
Using cPanel is pretty similar to using FTP. You need to navigate to the WordPress installation directory and upload any desired files.
Become alee and log in to your cPanel. On your dashboard, you should be able to encounter the following different options.
Next, click on the File Manager link on your dashboard, and that should take you to the screen which lists different files on your server. Navigate to the desired WordPress installation directory where you desire to upload the HTML file. It should brandish files as shown in the following screenshot.
On the tiptop of the screen, information technology displays different buttons that allow y'all to perform unlike file operations. Among them, the Upload button allows y'all to upload files from your computer, and that's what we're going to use in our case.
Get alee and click on the Upload button, and it will display a popup screen every bit shown in the following screenshot.
Basically, it's request you to choose the file y'all desire to upload. Click on the Select File push and choose the desired file from your computer. And then cPanel should upload the selected file to the desired directory. Once the file is uploaded successfully, you should be able to come across the uploaded file in the list of files under your WordPress installation directory.
If at that place'due south whatsoever error uploading your file, information technology volition brandish a helpful bulletin which allows you to take the necessary actions to ready the cause of the mistake. More often than not, errors are related to the directory permissions or the size of your file exceeding the upload limit.
In this way, cPanel allows yous to upload files from your computer to your WordPress website. In the next and last department, we'll see how you can upload a file from the WordPress dashboard.
WordPress Dashboard
In this section, we'll discuss how y'all can upload HTML files with the assist of the congenital-in media manager available on your WordPress dashboard.
Before yous go ahead and exercise this option, however, you'll need to make changes in your WordPress configuration file. By default, WordPress allows y'all to upload files with specific extensions for security purposes. Mostly, yous could upload files that belong to valid media files similar .jpg, .gif, .png, .pdf, etc. On the other hand, yous tin can't upload files that accept extensions like .html, .js, .php, and so on.
So if y'all want to upload a file which is non a valid media file and doesn't belong to ane of the valid media extensions in WordPress, you need to make a special change in your WordPress configuration file. Note that it must exist a temporary change, and you must disengage it once you lot finish uploading files. I would recommend yous to use this option but if you know what you're doing.
Go ahead and open the wp-config.php file with your favorite text editor. The wp-config.php file resides in the root of your WordPress installation. Add the following snippet at the end of your file.
define('ALLOW_UNFILTERED_UPLOADS', true); Once y'all've washed it, upload the updated wp-config.php file to your WordPress site. With these changes in place, you'll be able to upload .html files from your computer.
Next, head over to your WordPress dashboard and navigate to Media > Add New. It will display the following screen.
Click on the Select Files button, which allows you lot to cull files from your computer that yous want to upload. Select the desired files, and they'll exist uploaded correct abroad, every bit shown in the following screenshot.
Now, navigate to the Media > Library department, and it should display the list of files. Click on the file which you've merely uploaded to come across the file details. You lot'll see the File URL field, which contains the link of this file, as shown in the following screenshot.
You could copy it and paste information technology in your browser to come across if it works. This is the link which yous would demand to access this file in your front-end.
Then that's how you can upload files with the help of the media manager from your WordPress dashboard. Don't forget to undo your changes in the wp-config.php file, as it would be a dangerous security problem to keep it open.
Conclusion
Today, we discussed different options that you could apply to upload an HTML file to your WordPress website. Experience free to mail if you lot accept any queries or doubts using the feed below.
Install a Premium WordPress Widget or Plugin Now!
There are thousands of high-quality WordPress plugins on CodeCanyon that can aid enhance your business's website. Have a look through this large collection of plugins, and you'll find helpful plugins in all different types of categories, from marketing to eCommerce to social media.
Notice the perfect WordPress plugin to help your business succeed and motivate your customers. You can find even more plugin ideas and inspiration in our free course on finding the best WordPress plugins for your site.
Did you find this post useful?
Source: https://webdesign.tutsplus.com/tutorials/how-to-upload-an-html-file-to-wordpress--cms-36393
0 Response to "How to Upload Your Own Html and Css to Wordpress Site"
Post a Comment