서비스 매뉴얼

서비스별 이용 방법을 알려드립니다.


서비스 제목
닷홈빌더 매뉴얼 닷홈 빌더 5분 강좌 - Step1. 준비하기
닷홈빌더 매뉴얼 닷홈 빌더 5분 강좌 - Step2. 로고 이미지 변경하기
닷홈빌더 매뉴얼 닷홈 빌더 5분 강좌 - Step3. 메인화면 변경하기
닷홈빌더 매뉴얼 닷홈 빌더 5분 강좌 - Step4. 메뉴 생성하기
닷홈빌더 매뉴얼 닷홈 빌더 5분 강좌 - Step5. 게시판 생성하기

닷홈 빌더 5분 강좌 - Step3. 메인화면 변경하기

 

 

1. 레이아웃 설정하기

 

메인화면은 크게 네 가지 레이아웃으로 설정할 수 있는데요.

[관리자] -> [메인화면] -> [레이아웃 설정]으로 접속하면 각각의 레이아웃을 확인할 수 있습니다.​​

 

 

닷홈 빌더 레이아웃 구성은 크게 네 가지 구성으로 나누어져 있습니다.

각각 "슬라이드 영역", "게시판 영역", "위젯 영역", "HTML 영역"으로 구성되어 있습니다.





가장 상단 1번에는 슬라이드 영역으로 메인으로 보여 줄 이미지를 큰 슬라이드로 표현합니다.

다음 2번 영역은 HTML 영역으로 HTML 소스를 이용해 메인화면을 꾸밀 수 있습니다. 
3번은 게시판 영역으로, 공지사항이나 보도자료와 같은 게시판을 나열할 수 있습니다.
마지막은 위젯 영역입니다. 위젯영역을 출력하지 않고 게시판 영역을 넓게 사용할 수도 있습니다.

 

이 레이아웃을 첫 번째 레이아웃으로 수정해 보겠습니다.

 

 

 위처럼 슬라이드, 게시판, HTML 순으로 변경된 것을 확인하실 수 있습니다.

 

 

 

 

 

 

 2. 슬라이드 이미지 설정하기


마음에 드는 레이아웃을 선택하셨다면 이번엔 메인화면에 
큼지막하게 보여주는 슬라이드 이미지를 수정해 볼 차례입니다.

 

 

 

[메인화면] -> [슬라이드 영역 설정]으로 접속하면 슬라이드 이미지 페이지가 나옵니다!


빨간색 영역은 어떤 기기에서 출력을 할지, 이미지에 따라 높낮이를 고정할지 또는 변동할지와 같은 설정을 해볼 수 있습니다. 

파란색 영역은 슬라이드 이미지를 선택할 수 있습니다. 
슬라이드 1 ~ 슬라이드 10까지 적용이 가능합니다.
ON / OFF 버튼을 통해 출력하거나 출력하지 않을 수 있습니다.

초록색 영역은 슬라이드의 제목과 내용, 클릭 시 링크와 이미지를 업로드해볼 수 있습니다.
첫 번째 줄은 제목, 두 번째 줄은 내용, 세 번째 줄은 링크 주소, 네 번째 줄은 이미지 업로드이고

다섯 번째 "Select photo from Library"는 [파일 관리]를 통해 업로드 한 이미지를 선택할 수 있습니다. 

 

 

 

 

이미지와 문구 설정 후 ''저장하기''를 누르면 변경이 완료됩니다.




3. 게시판 영역 설정


이번엔 게시판 영역을 바꿔보도록 하겠습니다.

 

게시판 영역은 세 가지 영역으로 구성되어 있습니다.


게시판 상단 영역은 게시판 상단에 보여줄 내용입니다. 이미지나 게시판 설명 등을 넣을 수 있습니다.

게시판 영역은 보여줄 게시판의 종류 및 게시글 출력 개수를 설정할 수 있습니다.
이곳에서는 이미 생성된 게시판들을 메인화면에 보여줄지를 설정합니다.
게시판 생성 방법은 ''닷홈 빌더 5분 강좌 - Step5. 게시판 생성하기''에서 확인하실 수 있습니다.

게시판 하단 영역입니다. 마찬가지로 하단에 보여줄 내용을 출력해줍니다. 

 

 

 

 

4. 위젯 영역 설정


메인화면에 위젯을 추가하는 방법에 대해 알려드리겠습니다.




구성은 게시판과 비슷합니다. 마찬가지로 상단 영역과, 위젯 영역 그리고 하단 영역으로 되어있습니다.

위젯 영역에서는 여러 가지 소셜 위젯을 추가할 수 있습니다.

 

 

 

위젯영역에 추가한 위젯을 확인하실 수 있습니다.





5. HTML 영역 설정


[HTML 영역]은 HTML 편집기를 이용하여 원하는 공간에 작업할 수 있는 영역입니다.

HTML 소스 작업도 가능하고 이미지, 텍스트 등의 입력도 가능합니다.