스윙투앱 매뉴얼

페이지메뉴-메인메뉴 관리

[페이지 메뉴]단계에서 메인메뉴를 운영하는 방법 

※페이지메뉴란?
스윙 앱제작 페이지의 3번째 제작 페이지로 전체적인 앱의 컨텐츠를 구성하는 단계입니다. 

메인 메뉴란? 
페이지메뉴 단계에서 앱을 구성하는 메인 홈화면과 카테고리, 메뉴들을 제작합니다. 

페이지 메뉴는 앱 제작에서 가장 중요한 단계이자 앱을 구성하는 메인 홈화면과 메뉴들을 적용할 수 있습니다.
페이지 메뉴 단계에서 메인&메뉴를 구성하는 방법을 확인해주세요.


 

앱제작 페이지 – 페이지메뉴 단계 [ 메인메뉴 관리]

페이지메뉴 단계는 기본으로 메뉴들이 셋팅되어서 제공됩니다.

사용자들은 이 메뉴를 그대로 사용하거나, 해당 메뉴를 수정하거나 삭제하여 자신만의 메뉴를 만들 수 있습니다.

새 메뉴 추가, 삭제하기 메뉴를 선택해서 메뉴 관리를 할 수 있습니다.


 

STEP.1 홈화면 제작방법

*홈화면 상세 방법은홈화면 제작 매뉴얼을 확인해주세요 ☞ [홈화면 제작방법 포스팅 보러가기]

1) [홈화면] 선택 후 열리는 오른쪽 메뉴 설정창에서
2) 메뉴이름에 홈화면에 보여질 이름을 입력합니다.
3) 메뉴에서 [웹링크]를 선택합니다.
4) 웹링크 URL주소를 입력합니다. (스윙 홈페이지 URL: http://www.swing2app.co.kr를 넣었습니다.)
5) 적용 버튼 선택 후
6) 저장버튼을 선택하면 완료됩니다.

= 오른쪽 가상머신을 보시면 스윙 홈페이지가 앱 홈화면에 적용된 모습을 확인할 수 있습니다. 

▶ 홈화면 적용 움짤로 확인하기

▶ 홈화면 제작방법 영상으로 배우기


.
STEP.2 메뉴 삭제하기

스윙에서는 사용자들이 앱을 제작하실 때 도움이 될 수 있도록 메뉴들을 기본 셋팅해놓고 있습니다.
내가 넣어놓은 메뉴들이 아닌데 의아해하실 수 있으나,
** 셋팅된 메뉴이니  다 삭제하시고 새로 만드셔도 되고 기존의 메뉴들을 활용하셔도 됩니다.

 

▶ 기본 셋팅된 메뉴들을 삭제하는 방법
[파일 다운로드]라는 메뉴를 삭제할 경우  [파일 다운로드] 메뉴를 선택한 뒤 위의  [삭제하기] 버튼을 선택합니다.
이러한 방법으로 메뉴들을 삭제할 수 있습니다.
.

▶메뉴 삭제 움짤 보기


.
STEP.3 새 메뉴 추가하기

▶ 새로운 메뉴를 추가하는 방법
1) [추가] 버튼을 누르면 새 메뉴가 생성이 됩니다.
2) 해당 메뉴 이름을 입력합니다.
3) 아이콘: 메뉴 앞에 보여질 아이콘을 적용합니다.(선택사항)
4) 메뉴 선택: 어떤 메뉴를 적용할 것인지 선택합니다.
5) 적용 버튼을 누른 뒤
6) 저장 버튼을 누르면 완료됩니다. 

=가상머신을 보시면 새 메뉴가 생성된 것을 확인할 수 있습니다.


▶ 
하위 메뉴 추가 방법 
*하위 메뉴 추가 후 이미지를 적용하는 방법을 알려드릴게요

방금 만들어놓은 [메뉴]를 선택하고,
1. [추가] 버튼을 누르면 [메뉴] 아래로 새 메뉴가 추가됩니다.
2. 메뉴 이름을 입력합니다.
3. 메뉴 중에서 [이미지]를 선택해주세요. 
4. [불러오기] 버튼을 선택해서 이미지를 첨부합니다.
5. 이미지 첨부 후 [적용] 버튼을 선택한 뒤 
6. 다시 페이지의 [적용] 버튼을 선택해주세요. 
7. 상단의 [저장] 버튼을 누르면 완료됩니다. 

=가상머신을 보시면 [메뉴] 하위로 [스윙 소개]라는 메뉴가 생성된 것을 확인할 수 있습니다.
*아이콘을 적용할 수 있어요. 메뉴 추가 후 아이콘을 선택하면 메뉴 이름 앞에 아이콘 이미지를 넣을 수 있습니다.


하위메뉴 추가 움짤 보기

하위 메뉴 적용 후 가상머신을 통해서 스윙 소개 메뉴를 선택하면 적용해놓은 이미지를 확인할 수 있어요.


 

STEP.4 메뉴 위치 변경하기

마우스로 메뉴들을 잡아서 끌어보세요. 
메뉴들의 위치를 변경할 수 있구요.
메뉴 앞에 뜨는 아이콘 모양을 통해서 메뉴를 상단(상위)로 놓거나, 하위 메뉴로 배치할 수 있습니다.

<=제일 상단으로 메뉴 배치
+메뉴를 다른 메뉴의 하위로 배치

 

▶ 메뉴 이동하는 방법  움짤 보기


 

STEP.5 메뉴에 게시판 적용하기

*게시판을 앱에 적용하시기 위해서는 먼저!! 앱운영페이지에서 게시판을 만들어주셔야 앱에 적용할 수 있어요.

▶ 게시판 적용 방법

1. 메뉴에서 ‘새 메뉴추가’ 아이콘을 눌러서 새로운 메뉴를 추가합니다.
2. 추가한 메뉴 이름을 수정합니다.
3.  메뉴 창에서 ‘게시판’을 선택해주세요.
4. 불러오기 버튼을 선택해서 앞에서 만들어놓은 게시판을 선택해주세요
5. 게시판을 선택한 뒤 적용 버튼을 선택해주세요.
6. 적용 후 7.저장 버튼을 누르면 완료됩니다.



▶ 게시판 적용방법 움짤 보기

게시판 제작 및 운영방법에 대한 보다 상세한 매뉴얼을 해당 도움말 링크를 참고해주세요.
☞ 게시판 제작방법 매뉴얼

앞서 앱 기본정보, 디자인테마, 페이지 메뉴 단계까지 앱제작이 모두 완료되면 저장버튼을 눌러주세요.
앱 제작 요청을 선택하시면, 가입한 이메일 주소로 완성된 앱을 받아보실 수 있습니다.


 

*제작 TIP

파란색 ? 물음표 아이콘을 선택하시면 해당 메뉴의 도움말 사이트로 이동합니다.

제작하시면서 상세 제작방법을 확인하고 싶으시면 ? 물음표 아이콘을 선택해주세요~!!