4. Create the Website Layout

03 Tháng Ba 20157:50 CH(Xem: 2493)
4. Create the Website Layout
51Vote
40Vote
30Vote
20Vote
10Vote
51
The Instruction to Create the Website Layout
 

Creating the website structure means create the display interface for a page, an article or the entire website.

To have a website which is attractive and easy to use, the creation of website structure is very important.

 1

 Here are the instruction steps to create the website layout!

 

Step 1: Login to the admin site.

Add the phrase “/siteadmin” after the address of VNVN CMS 3.0 news website to login to the admin site. 

admin-01

Step 2: Login to the General page.

Enter “Username” ==> “Password” ==> “Login”.

login website

Step 3: Create new layout.

After login to the General page ==> “Setup” ==> “Layout”.

2

 

Select “Add new” to create the new layout.

 ^21623811F91175DC9ED4633FBD48DDDA4C130BE285AF6E9F42^pimgpsh_fullsize_distr

Named to the layout ==> “Save”

For example: Create the Homepage layout of website.

4

 

The layout that undivided only includes the box containing the article content.

5

 

Step 4: Divide the new layout of website.

The division of main layout means creating rows, columns, the zone containing banners, articles, search box, ads, etc…

7

 

Step 5: Dividing rows to the new layout.

Dividing the layout to many rows, the simple layout has at least 4 rows (banner, top menu, Content, copyright).

8

 

Directly clicking on the row division button ==> in turn, the new rows will display in the Content box, so after creating the new rows, you need to move the “Content” box to the appropriate location.

9

Step 6: Dividing columns to the Layout!

 10

 

Move the “Content” box to the middle of page.

11

 

Step 7: Delete a containing zone.

Click on the tool box ==> “Delete” the chosen zone.

12

 You can divide the layout to various containing boxes for your website.

Please tracking the next instruction to add the ad content and the display components in the layout!

Good Luck!

For other instructions to administrate VNVN CMS 3.0 website, please follow the link: http://cms.vnvn.com/p203a194/

Gửi ý kiến của bạn
Tên của bạn
Email của bạn