D. Left Column + Content + Right Column

04 Tháng Ba 20151:17 SA(Xem: 2419)
D. Left Column + Content + Right Column
53Vote
40Vote
30Vote
20Vote
10Vote
53

The Instruction to Create Website Layout with Left Column (Left Menu) and Right Column (Right Menu)

 

Creating this layout includes six parts:

  • Banner (top banner)
  • Navigation bar (top menu)
  • Left column (left menu)
  • The article content (content)
  • Right column (right menu)
  • 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

==> Login to the General page.

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

 

login website

                            

Step 2: Create a new layout.

 

To setup the layout of website interface, 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 and right menu.

3

 

==> Divide the layout into 04 rows and 02 columns (contain the right menu and the left menu), the orders of row – column division follow the instruction image below (1-6).

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.




 

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


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

5

 

Select “Left and Right Menu Layout” (the layout has been named in step 3) ==> “Save”

6

 

The layout with the Right menu displays in Homepage.

7

 

Good Luck!

 For other instructions, please visit our website:

http://cms.vnvn.com/p203a194/a-edit-the-article-content

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