C. Left Column + Content

04 Tháng Ba 20151:17 SA(Xem: 2401)
C. Left Column + Content
52Vote
40Vote
30Vote
20Vote
11Vote
3.73

The Instruction to Create Website Layout with Left Column    

 

Creating the layout with left column includes five parts:

  • Banner (top banner)
  • Navigation bar (top menu)
  • Left column (left menu)
  • The article content (content)
  • Footer

 

The order of execution

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

Enter “username” ==> “password” ==> “Login”.

login website

  

Step 2: Create a new layout.

 

To setup the website layout, go to “Setup” ==> “Layout”

 1

==> Select “Add new”==> Named to the new layout ==> “Save”

2

 

Step 3: Divide the layout.

 

Select “Edit Interface” ==> click on “+” button to divide the layout into four rows, in the Content box, creating a column to contain left menu.

 3

 

==> Divide the layout into four rows and 1 column (contain the left menu), the orders of row – column division follow the instruction image below (1-5).

Note: When creating layout, the “Content” box will move to another location, you need to move it to the middle of page to display in the appropriate location.

4

 

Step 4: Add contents to the layout.

  1. Create banner and add the banner location to the layout: see the instruction in here: http://cms.vnvn.com/p203a224/2-create-website-banner and http://giupdo.avdtv.net/a234/a-select-banner-effect-
  2. Put the “top menu” category into the layout, see the instruction in here: http://cms.vnvn.com/p203a230/b-create-top-menu
  3. Creating “Left menu”, see the instruction in here: http://cms.vnvn.com/p203a228/b-creating-left-menu-for-website
  4. Add the Copyright bar to layout, see the instruction in here: http://cms.vnvn.com/p203a231/10-add-the-copyright-bar

 

Step 5: Customize the display type with the right column for “Home” page.

Go to “Content” ==> “Categories” ==> edit the display type for “Home” page.

5

 

Select “Left Menu Layout” ==> “Save”

6

 

The layout with the Right menu displays in Homepage.

7

 

Good Luck!

Please following other instructions at:

 http://cms.vnvn.com/p203a194/
Gửi ý kiến của bạn
Tên của bạn
Email của bạn