Homepage » User guidelines » Website management » Design templates »
Design templates
Table of Contents
1. How to enable design templates
2. How to log in to the website management system to edit design template content
3. How to replace slides
4. How to replace slide text
5. How to replace logo
6. How to replace menu images
7. How to change the photo gallery content
We offer you to create a website with just one click in your topic of interest (construction, auto, legal services etc.). With this option every user can create a website with unique text content, selected and processed photos and images.
This feature is optimal for users who wish to create websites automatically to professionally represent their business in the Internet.
1. How to enable design templates
Click on the "Design" tab in the website management system, and then choose menu item "Design templates".
Important! Before activating design templates, make a backup copy of your website. A backup copy may be useful in case you will want to return to the original website version before the design templates activation.
After the backup copy has been made, choose the design template for the website. Design template is based on the directory in which the company is located.
In our example, the company is located in the "Cafés and restaurants" catalogue. If you need to change the directory, go to "Options" – "Basic information about the company" – "Catalogue" – "Change catalogue" – click the "Save" button.
Select the design you like and click on "Enable":
Your redesigned website will open in a new window. For example:
You can shape your website using design templates that are developed specifically for various lines of business.
If the website contents are minimal or none when using design templates, then system will add not only photos and images, but also texts for various pages. Please pay attention – text for website pages is created programmatically and has a high percentage of uniqueness.
2. How to log in to the website management system with enabled design template
Important! If you have enabled design template, you can log into website management system by using this link: websitename/admin.html (for example, http://www.demo.newyorkp.com/admin.html).
3. How to replace slides
To edit and change slides, in the website management system go to "Design" – "Design templates" - "Change slides to custom pictures".
To upload your photo or image use the link "Upload your picture for the slide", choose a file on your computer and click on "Upload".
The image must be in JPG format. Recommended image size: 490px (width) x 303px (height). If you are uploading different size image, the system will modify it to fit the slide size.
To choose the image from catalogue: "Design" – "Design templates" – "Change slides to custom pictures" – "Choose picture for slide from catalogue".
Click on the image you like and it will automatically be set for slide 1, 2, 3 or 4 accordingly.
Please bear in mind, that in the opened window with the new slide pictures, slides begin with the first one and change in the numerical order. If you uploaded a picture for slide number 3, then you will see it third.
4. How to replace slide text
Suppose you need to edit the slogan or text under the slogan in the first slide:
To change the slogan or text under the slogan, go to "Website management system" – "Design" – "Custom design" – "Main page design" – "Edit".
New page with a window for HTML-code design will open:
In this window you have to find text that you wish to change and carefully replace it with the new text. For example, lets change the text "Higher Standards!" to "Innovation! Experience! Focus!". Change the old text for the new one and click on "Save":
Examine the result:
5. How to replace logo
Log into the website management system by the address http://www.websitename/admin.html, in our case the address is http://www.primer.mpi.ru/admin.html.
In the website management system, go to "Content" – "Upload pictures, documents, files":
A page with all files that are uploaded on the website will open.
Images that are used as logos and in the website menu are in PNG format and are located in the folder "PNG Pictures":
Recommended parameters for logos:
200px (width), 91px (height),
Format PNG24 - transparency 90%.
The name of the file to be uploaded as the website logo must be logo.png
Maximum file size: 5 MB
After opening the "PNG Pictures" page choose the file that you need to replace. Click on the file name in the list to view the uploaded image:
Actions after finding the necessary replacement file:
1. Copy or remember the file name of the file you are going to change. In our case it is logo.png
2. File that is going to replace an existing image in the website must have the same name as the existing image, in our case it must be logo.png. Don't forget about the image parameters 200px (width), 91px (height), PNG24 - transparency 90%.
3. Click on "Delete" to delete the existing file in the website:
4. Upload the file that is named logo.png from your computer.
If everything was done correctly, the website now will display the new logo:
6. How to replace menu images
Replacing menu images is the same as replacing logo. Please read the detailed instruction on how to change the logo. Menu image parameters:
107px (width), 91px (height), format PNG24.
File names for the files to be uploaded as menu images must be:
contact.png - contacts image, 107px x 107px
news.png - news image, 107px x 107px
price.png - price image, 107px x 107px
photo.png - image of the photo, 107px x 107px
Maximum file size: 5 Мб
Upload the image with correct file name to the website ("Content" – "Upload pictures, documents, files" – "PNG Pictures") after deleting the existing image that was used in the menu, and the picture will be changed automatically.
7. How to change the photo gallery content
In the website management system go to "Content" – "Picture gallery".
Load the created album by clicking on it:
You have opened the picture album and can see all the photos that have been uploaded into the album. Use the buttons on the images to delete or edit the images. Add new photos.
The more detailed explanation on picture galleries can be found here.
Homepage » User guidelines » Website management » Design templates »