스윙 기능 도움말

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

2352 views 2016년 7월 21일 2018년 6월 29일 root 13

페이지메뉴 -메뉴관리

페이지 메뉴 제작방법 매뉴얼

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

페이지 메뉴 단계에서 메인&메뉴를 구성하는 방법을 알려드리겠습니다.


 페이지메뉴 – 메인&메뉴 관리

앱-튜토리얼_p14

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

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

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


STEP.1 홈 화면 제작방법

*홈화면 상세 방법은홈화면 제작 매뉴얼을 확인해주세요   홈화면 제작 매뉴얼

앱-튜토리얼_p15

1) [홈화면]  선택 후 열리는 오른쪽 메뉴 설정창에서

2) 메뉴이름에 홈화면에 보여질 이름을 입력합니다.

3) 메뉴에서 [웹링크]를 선택합니다.

4) 웹링크 URL주소를 입력합니다. (스윙 홈페이지 URL: http://www.swing2app.co.kr/를 넣었습니다.)

5) 적용 버튼 선택 후

6) 저장버튼을 선택하면 완료됩니다.

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

상단 홈화면 이름도 -스윙앱으로 변경된 것을 확인할 수 있습니다.

 

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

홈화면제작움짤

 

▶홈화면 제작방법 영상

홈 화면은 앱이 실행되면 보여지는 페이지로, 홈 화면을 클릭해서 원하는 기능을 적용시킬 수 있습니다.


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

앱-튜토리얼_p18

기본 셋팅된 메뉴들을 삭제하는 방법

[파일 다운로드]라는 메뉴를 삭제할 경우  [파일 다운로드] 메뉴를 선택한 뒤 위의  [삭제하기] 버튼을 선택합니다.

이러한 방법으로 메뉴들을 삭제할 수 있습니다.

 

▶ 메뉴 삭제 움짤 보기

메뉴삭제하기


STEP.3  새 메뉴 추가

앱-튜토리얼_p17

새로운 메뉴를 추가하는 방법

1. [새 메뉴추가] 버튼을 누르면 새 메뉴가 생성이 됩니다.

2. 해당 메뉴 이름을 입력합니다.

3.아이콘: 메뉴 앞에 보여질 아이콘을 적용합니다.

4. 메뉴 선택: 어떤 메뉴를 적용할 것인지 선택합니다.

5.적용 버튼을 누른 뒤

6. 저장 버튼을 누르면 완료됩니다. 

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

 

하위 메뉴 추가 방법

  • 만들어놓은 메뉴 아래로 하위 메뉴를 추가하는 방법을 알려드릴게요.

앱제작방법13

방금 만들어놓은 [메뉴] 를 선택하고,

1. 새메뉴 추가 버튼을 누르면 [메뉴] 아래로 새 메뉴가 추가됩니다.

2. 메뉴 이름을 입력합니다.

3. 아이콘을 적용합니다.

4. 메뉴 중에서 이미지를 선택할게요.

5. 이미지 불러오기를 선택해서 이미지를 첨부합니다.

6.적용 버튼을 누른 뒤

7. 저장 버튼을 누르면 완료됩니다. 

=가상머신을 보시면 [메뉴] 하위로 [스윙 소개]라는 메뉴가 생성된 것을 확인할 수 있습니다.

 

▶ 하위메뉴 추가 움짤 보기

하위메뉴추거(도움말용)

 

[스윙 소개] 메뉴를 선택하면, 적용해놓은 이미지가 열립니다.


 

STEP.4 메뉴 위치 변경하기

앱-튜토리얼_p19

마우스로 메뉴들을 잡아서 끌어보세요. 

메뉴들의 위치를 변경할 수 있구요.

메뉴 앞에 뜨는 아이콘 모양을 통해서 메뉴를 상단(상위)로 놓거나, 하위 메뉴로 배치할 수 있습니다. 

<=  제일 상단으로 메뉴 배치

+     메뉴를 다른 메뉴의 하위로 배치

 

 움짤이미지로 확인하시면 좀 더 쉽게 이해 하실 수 있어요!

p.19-1페이지메뉴-메뉴추가


 

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

*게시판을 앱에 적용하기전, 앱운영페이지에서 미리 게시판을 만들어주셔야 앱에 적용할 수 있어요.

 

▶ 게시판 적용 방법

게시판생성8

1. 메뉴에서 ‘새 메뉴추가’ 아이콘을 눌러서 새로운 메뉴를 추가합니다.

2. 추가한 메뉴 이름을 수정합니다.

3.  메뉴 창에서 ‘게시판’을 선택해주세요.

4. 불러오기 버튼을 선택해서 앞에서 만들어놓은 게시판을 선택해주세요

5. 게시판을 선택한 뒤 저장합니다.

6. 적용 후 7.저장 버튼을 누르면 완료됩니다.

움짤 영상으로 쉽게 확인할 수 있어요!!

녹화_2018_06_29_16_17_12_360

 

▶ 게시판 적용 모습

게시판적용모습(도움말용)

 

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

 게시판 제작방법 매뉴얼

 

앞서 앱 기본정보, 디자인테마, 페이지 메뉴 단계까지 앱제작이 모두 완료되면 저장버튼을 눌러주세요.

앱 제작 요청을 선택하시면, 가입한 이메일 주소로 완성된 앱을 받아보실 수 있습니다.


 

제작 TIP

앱-튜토리얼_p20

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

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


 

Was this helpful?