사이트를 만들 때는 원하는 디자인과 기능을 구현하는 방법에 따라 두 가지 접근 방식을 선택할 수 있습니다.
1. 직접 만들기
직접 만들기는 다양한 컴포넌트를 활용하여 자유롭게 원하는 형태의 사이트를 만드는 방식입니다.
특징•
사용자가 레이아웃, 색상, 폰트 등 모든 요소를 직접 구성하며 사이트를 설계할 수 있습니다.
•
제공된 컴포넌트로 내가 원하는 독창적인 사이트를 제작할 수 있다는 점이 장점입니다.
활용 방법1.
[사이트 만들기] 클릭시 표시되는 화면에 두 가지 옵션을 제공하며 ‘직접 만들기’옵션을 선택하여 사이트를 생성합니다.
2.
편집 페이지에 진입하면 좌측에 제공된 컴포넌트를 드래그 앤 드롭하여 레이아웃을 만들고 콘텐츠를 삽입할 수 있습니다.
이용 가이드 및 컴포넌트에 대한 자세한 설명 바로가기
2. 디자인 추천 (*XROO에서 가장 추천하는 방식)
XROO에서 제공하는 ‘디자인’을 선택하여 빠르게 사이트를 구축하는 방식입니다.
•
XROO에서는 웹사이트에 구성될만한 몇 가지 추천하는 디자인을 제공하고 있습니다.
•
스타일과 레이아웃이 정해져 있으므로 사용자는 콘텐츠만 입력하고 간단한 수정만 하면 됩니다
•
‘디자인 추천’은 두 가지 유형으로 제공됩니다.
1.
웹사이트 디자인 → PC 전용 웹사이트 구성 템플릿 (현재 1개 제공)
2.
디자인 추천 활용하기 → 반응형 디자인을 지원하는 개별 섹션 템플릿
2-1. ‘웹 사이트’ 디자인으로 만들기(PC 전용)
.
특징•
사이트의 기본 구조(헤더, 홈페이지, 메뉴, 기본 섹션, 푸터)가 포함되어 구성된 디자인입니다.
•
PC 전용 디자인(반응형 지원 X)이며 모바일, 테블릿에서 콘텐츠가 정상적으로 표시되지 않을 수 있습니다.
•
필요에 따라 추가 컴포넌트를 활용하여 수정 가능합니다.
활용 방법1.
[사이트 만들기] 클릭시 표시되는 화면에 두 가지 옵션을 제공하며 두 번째 옵션을 선택하여 사이트를 생성합니다.
2.
컴포넌트를 삽입 또는 삭제하여 원하는 구성으로 조합합니다.
3.
이런 분들에게 추천!•
사이트 구조는 알지만
•
XROO 사이트 에디터에 익숙하지 않은 초급자
2-2. 디자인 추천 활용하기 (반응형)
특징•
반응형 디자인으로 지원되어 모바일, 태블릿에서도 최적화되어 있습니다.
•
소개, 리뷰, 갤러리 등 다양한 섹션별 디자인을 제공하고 있습니다.
•
해당 디자인에서 고정적으로 제공하는 옵션에 대해서만 콘텐츠(텍스트, 이미지 등) 수정이 가능합니다.
활용 방법1.
사이트 편집 화면에서 필요한 디자인을 선택합니다.
2.
디자인을 드래그앤 드롭하여 편집 영역에 추가합니다.
3.
좌측 설정 영역에서 속성값 변경 (레이아웃 자체 변경 불가)
4.
다른 디자인을 추가하여 조합해 완성된 웹사이트 구성합니다.
이런 분들에게 추천!(난이도 하)•
사이트 구조를 잘 모르는 분
•
XROO 사이트 에디터에 익숙하지 않은 초급자
•
기존 템플릿을 그대로 유지하면서 빠른 편집을 원하시는 분