Many of the sites we create in our cpanel are installed via a cpanel tool because they have complex file structures and often require database set ups. But there are quite a few web site themes that are all self contained HTML/CSS/Javsscript files that we can upload directly to our domain with the File Manager.
This activity walks you through the steps to put a self-contained web site within a directory of your site.
From cpanel, look under Files, and open the File Manager tool. Use the left side navigation to open your
public_html directory, this is the directory that corresponds to the web site that is the same address as your domain name.
While public_html is open, from the top menu click +Folder, which lets us create a new directory.
In this case, we want choose it to be a directory named
me (or any other directory/url name you desire). While I may have one site running from http://extendlabs.ca/ the one I make a folder for at http://extendlabs.ca/me is a completely separate site.
For this activity, you will use a self-contained version of a web site that has been packaged as a zip file- download it now (link for eventually-extend.zip) and save the ZIP file. FYI this is one of several high quality creative commons licensed themes from HTML5up
In the File Manager, click Upload and select the
eventually-extend.zip file you have on your computer. Once uploaded to your
me directory, select the zip file, and click Extract from the File manager menu to place all the web files in the right location.
If all went well, you should have a web site like http://extendlabs.ca/me running under your own domain, from the directory you created.
This theme animates a series of 4 images in the background, maybe you would like to change the images to ones of your own choosing. Open the
images directory to reveal four files-
To replace one of these with your own image, first select one, say
bg1.jpg, then click Delete from the top menu. Now click Upload to choose an image from your computer to replace it, say
froggy-five.jpg. Once this new file has been uploaded to the images directory, select it, and click Rename to change the file to be
If you swap all files, you will have your own images appearing in the background. But what about the text on screen? Go up one level back to the
me directory, and select the main content file
index.html. You can then click Edit if you don’t mind seeing HTML code or HTML Edit for a visual editor. From here you can change the header and body text, and even the social media links in the footer.
The point here is knowing how and where to upload files within your domain to make a stand alone site. What can you upload? Plenty.
Example for "Adding a Self Contained Site with File Manager":