NTK빌더 위젯페이지 만들기. 기본설정. 레이이웃 설정. > 사용자메뉴얼

홈페이지 제작?
마우스 클릭으로 뚝딱 만들어 보세요!

사용자 메뉴얼

User Manual

위젯 | NTK빌더 위젯페이지 만들기. 기본설정. 레이이웃 설정.

본문

홈페이지 제작시 NTK빌더의 위젯페이지만 제대로 활용해도 다양한 레이아웃의 컨텐츠를 작성하실 수 있습니다.

 

프레임, 레이아웃, 위젯페이지만 제대로 숙지하신다면 빌더를 자유자재로 다룰 수 있게 됩니다.


아래 사진들을 기준으로 알기쉽게 설명 드립니다.

홈페이지를 뚝딱 만들어 보세요.


위젯페이지관리.PNG

먼저 관리자 화면에서 왼쪽 메뉴에 NTK빌더를 선택하고 "위젯페이지관리"를 클릭하면 위와 같은 사진의 화면이 나옵니다.

 

기존의 NTK데모의 위젯페이지 관리 화면입니다.

필요시에 수정 관리가 간편합니다.

 

처음 사용자는 위젯페이지를 만들기 위해 사진처럼 오른쪽 상단에 페이지 추가를 클릭합니다.

위젯페이지설정.PNG

위젯페이지를 추가하면 상단에 위와 같은 화면을 볼수 있습니다.

위젯페이지의 기본 설정부분으로 간단히 SEO 관련설정도 제공됩니다.

 

1. 페이지아이디

 - 영문자 및 숫자로 구분자를 입력합니다.

 - 다른페이지ID와 중복되지 않아야 합니다.

2. 페이지제목

 - 위젯 페이지의 제목을 입력합니다.

 - 페이지의 제목은 타이틀에 추가(SEO)가 됩니다.

3. 부제목

 - 페이지의 제목이외 설명 혹은 부제목을 입력합니다.

 - 제목하단에 해당페이지의 설명을 출력합니다.

4. Keyword

 - 해당 위젯페이지의 키워드를 입력합니다.

 - 사용자가 원하는 키워드를 작성합니다.

 - 해당부분은 keyword메타태그(SEO)에 자동 입력됩니다.

 - 예) 위젯, 위젯만들기, 위젯설정, 위젯레이아웃

5. Description

 - 해당 위젯페이지의 설명을 작성합니다.

 - 사용자가 원하는 설명을 작성합니다.

 - 해당부분은 Description메타태그(SEO)에 자동 입력됩니다.

6. 프레임

 - 원하는 프레임을 선택합니다.

 - 개발자라면 프레임을 만들어 따로 설정할수 있습니다.

 - NTK빌더에서 프레임 여러형태를 개발하고 있습니다.

7. 레이아웃

 - 레이아웃은 프레임 아래 개념으로 페이지의 레이아웃 형태를 사용자가 선택할수 있습니다.

 - 레이아웃의 여러 형태를 개발하고 있으며 또한 개발자는 레이아웃을 만들어 따로 지정할수 있습니다.

8. 접근레벨

 - 위젯페이지를 볼수 있는 권한을 설정합니다.

 - 레벨1-비회원, 레벨2- 회원, 레벨10-최고관리자

 

아래다음화면은 위젯페이지의 레이아웃 설정부분입니다.

원하는 크기와 화면을 조정하여 위젯페이지를 생성하면 해당페이지에서 위젯을 삽입할 수 있는 페이지가 생성됩니다.

 


위젯레이아웃설정.PNG

위 사진은 위젯페이지의 레이아웃 설정 화면입니다.

원하는 모양대로 생성이 가능합니다.

 

1. 행추가

 - 레이아웃의 행(아래로)을 추가합니다.

 - 사용자가 원하는 만큼 추가해서 컨텐츠를 넣을수 있습니다.

2. 열추가/열삭제

 - 하나의 행에서 여러개의 열을 추가할 수 있습니다.

 - 화면이 큰 PC화면이라도 행이 4개가 넘어가면 보기가 어렵습니다.

3. ↗↘

 - 만들어진 행을 아래 위로 위치를 조절할 수 있습니다.

 - 여러개의 위젯 행이 존재한다면 아래위로 순서를 정하세요.

 - 순서를 정하지 않는다면 먼저만든행이 위로 출력이 됩니다.

4. ROW ID

 - 위젯아이디는 자동으로 생성이 됩니다.

 - 개발자나 고급사용자가 아니시라면 신경쓰지 않아도 됩니다.

5. 행CSS

 - 위젯에 행의 스타일을 적용할 수 있습니다.

 - 내가 원하는 배경색, 글자색, 버튼색, 크기 등등

 - 기본 CSS 적성과 부트스트랩을 지원합니다.

6. 화면크기

 - 인터넷 기기가 다양해짐에따라 화면의 크기별로 컬럼갯수를 조절할수 있습니다.

7. 비율(X/12)

 - 화면크기에 따른 비율을 지정합니다.

 - 한행의 전체 크기는 총 12가 되어야 합니다.

 - 열이 추가가 될경우 각 열에 크기(가로)를 조절할수 있습니다.

 - 예) 열 2개를 절반으로 나눌경우(6+6)으로 기본틀 12가 되어야 합니다.

8. 숨김

 - 해당 위젯을 화면크기에 따라 안보이게 하는 기능입니다.

 - 모바일기기와 같이 화면이 작은경우 중요도가 떨어지는 위젯을 출력하지 않게 하는 설정입니다.

 

위 설명과 같이 위젯 페이지 설정만으로 사용자가 간단히 편리하게 코딩없이 홈페이지를 제작하고 수정 관리할 수가 있습니다.

추후 동영상 가이드를 만들예정입니다.

이해가 안되는 내용이 있다면 댓글 혹은  질문과답변란에 남겨주세요.

 

댓글 0개

등록된 댓글이 없습니다.

Menu