처리중 처리중

공지사항

닷홈의 새로운 소식 및 공지를 확인해보세요!


[강좌] 닷홈 홈페이지 빌더 강좌 - 5분만에 만드는 반응형 홈페이지 Step7. 메뉴 생성하기

  • 게시자 : 닷홈
  • 작성일 : 2015.04.20

 

닷홈 홈페이지 빌더 강좌 - 5분만에 만드는 반응형 홈페이지
Step7. 메뉴 생성하기

페이지, 게시판, 모듈 등이 만들어지면 최종적으로 각각의 콘텐츠에 맞춰 메뉴를 연결합니다.
그럼 지금까지 만들어놓은 인사말, 게시판, 오시는길 등을 메뉴에 등록해보겠습니다.




1. 인사말 메뉴 생성하기 



아래 화면과 같이 [관리자]->[메뉴]->[메인메뉴]
로 이동합니다.
생성할 3.메뉴 이름4.서브메뉴 사용 여부, 5.링크타겟을 선택한 후 Select Link를 선택합니다.

서브메뉴 사용 여부는기본적으로 OFF로 설정되어있습니다.
OFF : 서브메뉴가 없는 메뉴 / ON : 서브메뉴가 있는 메뉴

인사말 메뉴 생성하기

 

 Select Link 항목을 클릭하면 콘텐츠를 선택할 수 있습니다.

종류에 따라 페이지, 게시판, 모듈, 직접 입력으로 구성된 네개의 탭으로 나누어져 있습니다.

인사말 페이지는 "페이지" 의 형식이므로 페이지 탭을 누르고 hello.html 주소를 찾아 선택을 합니다. 

 

Select Link항목에서 페이지형식 선택하기

 

 

주소 입력이 완료되면 하단의 "[ADD]"버튼을 클릭하여 저장을 합니다. 

 

주소입력 완료 후 저장하기

 

 

 

2. 지도 메뉴 생성하기 

 

오시는길은 [모듈] 탭에서 선택을 합니다. 

오시는 길은 종류가 "위치" 로 표시되며 세 가지 타입이 있습니다.  

강좌에서는 기본형을 선택하겠습니다. 

 

지도 메뉴 생성하기

 

 



3. 서브메뉴 생성하기 


서브메뉴 사용하기"ON"으로 변경하고 "ADD" 버튼을 클릭하면 메뉴가 만들어지고 SUB 버튼이 생성됩니다. 

 

서브메뉴 생성하기  

 

생성된 "SUB"버튼을 클릭하여 하위 메뉴를 생성해 보겠습니다. 

 

하위메뉴 생성하기

 

 

 

"SUB" 버튼을 클릭하여 해당 메뉴의 서브메뉴 창으로 이동합니다.

메인메뉴와 마찬가지로 메뉴명을 작성하고 콘텐츠를 연결합니다.

"자유게시판"이라는 이름의 메뉴를 작성하였고 게시판 탭에서 게시판-list "자유게시판" 항목을 연결하였습니다. 

 

게시판 항목 연결하기

 

 

"게시판"이라는 메인 메뉴"자유게시판""이미지 갤러리" 라는 이름의 서브메뉴들을 생성하였습니다.

 (이미지 갤러리 등록 방법은 자유게시판과 동일합니다.)

 

메인메뉴와 서브메뉴 생성완료

 

 

생성이 완료되면 홈페이지에서 메뉴가 제대로 생성되었는지 확인합니다. 

 

홈페이지 상단에서 메뉴생성 확인하기

 

 

 

 

다음 강좌에서는 메인화면을 세팅하는 Step8. 메인화면 변경하기"를 진행해 보겠습니다.