Home > 마케팅&교육센터 >메뉴얼

처음부터 만들기 매뉴얼 왼쪽 메뉴 만들기-중요!!
2012-02-18 00:14:12
조회수 396

 

 관리자 로그인 후 [디자인관리 고급 디자인 관리 메인 화면 디자인]에서 왼쪽 디자인을 선택 합니다.

여러분이 여기까지 잘 따라오셨다면 왼쪽디자인이 1개 있을겁니다.

우리는 이전 단계에서 대메뉴/소메뉴를 구성해보았습니다.

여기서 대메뉴 수 만큼 왼쪽 디자인을 생성해줘야 합니다.

 

 

 

1) 우선 정리정돈 차원에서 현재 등록된 왼쪽디자인의 제목을 "메인 왼쪽 디자인" 이라고 변경 합니다.

 

 

 
 
 
 

 

2) "나만의 디자인" 옆에 있는 [새로만들기]버튼을 클릭 하세요.

   그리고 제목란에 "1. 매니져 소개" 입력 하시고 html 소스 입력창은 아래와 같이 입력해주세요.

 


 

 

 

3) 위와 같은방법으로 2.매니져농장, 3.자료실, 4.커뮤니티를 생성 합니다.

  생성하셨다면 아래와 같은 모습일것 입니다.

 


※ 꼭 알아두세요.

위 화면에서 나만의 디자인을 총 5개를 생성했습니다.

이때 각 디자인 마다 라디오 버튼이 있는데 이것을 클릭하게 되면 해당 디자인이 메인 화면으로 사용됩니다.

 

 

 

 

 이렇게 왼쪽 디자인을 대메뉴 수만 큼 추가하였습니다.

그럼 실제 해당 페이지에 위 왼쪽 디자인이 나오게 하려면 지금까지 만든 모든페이지의  왼쪽디자인을 다시 지정 해줘야 합니다.

[디자인관리 고급 디자인 관리 추가 페이지 관리] 으로 이동 후 각 페이지 마다 수정 버튼을 클릭 후 아래와 같이 수정해주세요.

 


위와 같은 방식으로 아래와 같이 수정 해주세요.

 

"메니져 농장" 페이지는  왼쪽디자인을 "1.매니져소개"를 선택하고, 

"메니져 사진" 페이지는  왼쪽디자인을 "1.매니져소개"를 선택하고,

"농장 소개" 페이지는  왼쪽디자인을 "2.매니져농장"를 선택하고,

"농장 연혁" 페이지는  왼쪽디자인을 "2.매니져농장"를 선택하고,

"채팅방" 페이지는  왼쪽디자인을 "4.커뮤니티"를 선택합니다.

 

 

 

 

 

 

 [커뮤니티  게시판 관리  게시판 생성]에서도 위와 같은 방식으로 왼쪽디자인을 선택해주세요.

 

 

"일반형" 게시판의  왼쪽디자인을 "3.자료실"를 선택하고, 

"앨범형" 게시판의  왼쪽디자인을 "3.자료실"를 선택하고, 

"웹진형" 게시판의  왼쪽디자인을 "4.커뮤니티"를 선택하고, 

"블로그형" 게시판의  왼쪽디자인을 "4.커뮤니티"를 선택하고, 

"달력형" 게시판의  왼쪽디자인을 "4.커뮤니티"를 선택 합니다.

 

 

 

 

 

 

 

 [부가 기능 전송폼 관련 나만의 전송폼 관리 ] 으로 이동후 [PC 디자인 수정] 버튼을 클릭합니다

 여기에서도 위와 같은 방식으로 왼쪽디자인을 선택해주세요.

 

 

 

 

 

 

 

 여기까지 작업 후 홈페이지로 접속해서 각 메뉴를 클릭해보세요.

 각 메뉴마다 왼쪽디자인이 서로 다른것을 확인 할수 있지만 왼쪽 메뉴가 없습니다.

그럼 왼쪽메뉴를 만들어서 넣어보도록 하겠습니다.

우리는 직접 html 코딩 해서 넣을수 있지만 차후 유지보수를 생각해서 네비게이션 마법사 기능을 이용해보도록 하겠습니다.

 

[디자인관리 고급 디자인 관리 그룹디자인 관리]으로 이동 후 [프로그램 마법사 생성]버튼을 클릭 합니다.

프로그램 종류에서 [네비게이션 마법사]를 선택 후 [왼쪽 메뉴1단계]를 선택하세요.

그러면 아래와 같은 설정 폼이 나타납니다.

 

 

※ 여기서 주의 하실 점은 "메뉴 시작 지점" 선택 입니다.


이런방식으로 대메뉴 수만 큼 왼쪽 메뉴 프로그램을 생성 해주세요.

{GROUP_left1} 왼쪽 메뉴 - 메니져 소개
{GROUP_left2} 왼쪽 메뉴 - 메니져 농장
{GROUP_left3} 왼쪽 메뉴 - 자료실
{GROUP_left4} 왼쪽 메뉴 - 커뮤니티


 

 

그럼 아래와 같이 그룹디자인이 생성 되었을것입니다.

 

 

※ 왼쪽 메뉴 프로그램 생성 후 [미리보기]를 클릭 하면 해당 메뉴가 출력되는것을 확인 할 수 있습니다.

 

 


 

 

 

 

 그럼 이제 지금까지 만든 왼쪽 메뉴를 실제 홈페이지에 붙여 보도록 하겠습니다.

다시 [디자인관리 고급 디자인 관리 메인 화면 디자인]으로 이동 후 왼쪽 디자인을 선택 하세요.

왼쪽에 "1.메니져 소개"를 클릭 후 아래와 같이 소스를 추가하세요.

 


 

"1.메니져 소개"을 선택 후 {GROUP_left1}를 추가해주세요.

"2.메니져 농장"을 선택 후 {GROUP_left2}를 추가해주세요.

"3.자료실"을 선택 후 {GROUP_left3}를 추가해주세요.

"4.커뮤니티"을 선택 후 {GROUP_left4}를 추가해주세요.