How to put a HTML template to use?

krismania

Junior Member
Joined
Aug 29, 2013
Messages
186
Reaction score
27
So recently I bought a nice html template from themeforest, but I'm experiencing problems installing it on my website. I upload the files through FileZilla, but the appearance doesn't change. Currently I have a free wordpress theme on my website. The html template doesn't support wordpress, so do I have to uninstall wordpress to make use of the template? I searched on google, but what I found there couldn't solve my problem. Any suggestions? If somebody solves this problem for me I'll give him the premium html landing page for free. Thanks in advance.
 
just delete everything and in root put your "index.html" (and other folders like .css,pictures, js...),
dont rename it or something
 
All right I did this and now the code seems to be okay, but all the images are missing. How do I set a path to the files actually?
 
You need to either edit the HTML file and update all the image paths. You can do this quickly using find/replace. Or you can change the folder name where your images are located to match the paths in the html file.

All right I did this and now the code seems to be okay, but all the images are missing. How do I set a path to the files actually?
 
I just forgot to upload the "assets" folder and that is why images didn't load. They are good now, though I have another problem. How do I actually set a path to the other html pages? When I click the links on the images I go to a "404 Not Found"-page.
 
I just forgot to upload the "assets" folder and that is why images didn't load. They are good now, though I have another problem. How do I actually set a path to the other html pages? When I click the links on the images I go to a "404 Not Found"-page.

Check the index.html file, look for the location where the other pages are linked to - you should see <a href="...">other page name</a> or similar, see what is in between the quotations here: <a href="" - that is where the pages are called, assuming the html files are all in teh same directory, between those quotations it should just say the name of the pages html fiel - contact.html for example, if there is any path information in there you probably need to remove it.
 
Here's a block of the main code of the index.html file:
<a href="templates/home-01.html"><img src="assets/home-01.png" alt="Deafult" class="thumb" /></a>
<a href="templates/home-desktop.html"><img src="assets/home-desktop.png" alt="Desktop" class="thumb" /></a>
<a href="templates/home-intro.html"><img src="assets/home-intro.png" alt="Intro" class="thumb" /></a>
<a href="templates/home-subscribe.html"><img src="assets/home-subscribe.png" alt="Subscribe" class="thumb" /></a>
<a href="templates/home-signup.html"><img src="assets/home-signup.png" alt="Signup" class="thumb" /></a>
<a href="templates/home-minimal.html"><img src="assets/home-minimal.png" alt="Minimal" class="thumb" /></a>

The href links send me to a "404 Not Found"-page. So my guess is that either the particular html pages are not in the required folder or the href links are not accurate, but which is it?
 
You need to actually create those pages if they don't already exist.

Here's a block of the main code of the index.html file:
Code:
The href links send me to a "404 Not Found"-page. So my guess is that either the particular html pages are not in the required folder or the href links should be replaced, but which is it?[/QUOTE]
 
Is the assets folder inside of the root? If so, are those images/html pages inside of the assets folder? If not, put them in there. If you do not have access to them, you need to create them.
 
You need to actually create those pages if they don't already exist.

Is the assets folder inside of the root? If so, are those images/html pages inside of the assets folder? If not, put them in there. If you do not have access to them, you need to create them.
Yes the assets folder is in the root/public_html folder. I put the pages in the assets folder and still get the "404 Not found"-page. So this means that I have to create them? But how? Should I use the pages I already have as a referrence? I want the page to look exactly the same as shown in the template.
 
Look at the path here:
Code:
<a href="templates/home-desktop.html">

The page "home-desktop.html" should be located in a folder called "templates". If it isn't then when you navigate to it you'll get a 404 error. Either move those files into a folder named "templates" or change the paths to reflect the correct file locations.

...I put the pages in the assets folder and still get the "404 Not found"-page...
 
Look at the path here:
Code:
<a href="templates/home-desktop.html">

The page "home-desktop.html" should be located in a folder called "templates". If it isn't then when you navigate to it you'll get a 404 error. Either move those files into a folder named "templates" or change the paths to reflect the correct file locations.

It actually worked, thanks! I'm now just one step ahead of creating an awesome lading page for CPA/PPD. I just need to personalize all this now.
 
You can upload html file on your server using ftp and keep first name index or default and it will work fine for you
 
Upload it to a folder with index.html in it. Then go to the folder link.
 
Back
Top