클릭엔

thumbnail

디자인 알아보기

클릭엔에서 생성하신 사이트의 디자인은 디자인 모드로 접속해 간편하게 수정할 수 있어요.

하나의 사이트는 여러개의 페이지로 구성되어있고 각각의 페이지는 블록으로 이루어져 있어요.

관리자 페이지의 우측 상단 디자인 모드로 접속하면 사이트의 디자인을 수정할 수 있습니다.

사이트를 구성하는 기본 단위로 여러 블록이 모여 하나의 페이지를 이룹니다.

[여기에 블록 추가] 버튼을 통해 페이지에 블록을 추가하거나 [휴지통] 버튼으로 블록을 삭제할 수 있어요.

반응형이란 PC, 스마트폰, 태블릿 등 다양한 기기의 화면 크기에 맞춰 자동으로 조절되는 기능으로,클릭엔에서는 PC에서 디자인한 내용이 각 화면의 사이트에 맞춰 자동으로 조절되는 반응형으로 제공되고 있어요.

주의사항

클릭엔에서 지원되는 반응형은 PC 기반으로 각 기기의 화면에 맞춰 조절되기 때문에 PC 화면에서만 디자인을 수정할 수 있어요.

비교적 화면이 작은 모바일에서는 PC와 동일한 길이의 텍스트를 보여줄 수 없어, 띄어쓰기 (스페이스바) 와 줄바꿈 (엔터)을 기준으로 자동 줄바꿈이 이루어져요.

  • 모바일 및 테블릿 화면에서는 디자인을 수정할 수 없어요.

  • 디자인 편집 페이지 : 디자인을 수정할 페이지를 이동할 수 있어요.

공통 페이지 : 모든 사이트에 공통으로 제공되는 페이지

사용자 추가 페이지 : 각각의 관리자가 추가로 생성한 페이지

  • 디바이스별 화면 보기 : PC, 태블릿, 모바일 화면 미리보기 버튼

    ( 디자인 수정은 PC 화면에서만 가능해요.)

  • 복원하기 : 선택한 시점으로 블록 디자인 또는 디자인 설정 복원

  • 바로가기 : 현재 수정한 내용 미리보기 ( 실제 사이트 반영 X )

  • 임시저장 : 현재 수정한 내용을 임시저장 ( 실제 사이트 반영 X )

  • 적용하기 : 현재 수정한 내용을 사이트에 적용하기 (실제 사이트 반영 O )

  • 종료하기 : 디자인 모드 종료 (임시저장 또는 적용하지 않은 내용은 사이트에 반영되지 않아요.)

디자인 설정 메뉴를 활용하면 사이트 전체의 색상과 폰트를 일괄로 수정할 수 있는 기능이에요.

기본으로 제공되는 테마 중 선택하거나 사용자 지정을 통해 원하는 색상으로 설정할 수 있어요.

배경에 이미지가 삽입되어있는 블록은 텍스트의 가독성을 위해 디자인 설정 색상이 반영되지 않아요.

클릭엔에서 지원하는 기본 테마 중 원하는 테마를 선택할 수 있어요.

사이트에 사용할 각 요소의 색상을 직접 선택할 수 있어요.

  • 페이지 : 로그인, 회원가입, 장바구니, 주문/결제 화면 등 블록 수정이 미지원되는 영역에 적용되는 색상

  • 블록 : 사용자가 추가한 블록에 적용되는 색상

기본 블록 : 블록의 배경색이 없는 블록

강조 블록 : 블록의 배경색이 설정되어있는 블록

  • 상단 : 상단 메뉴에 적용되는 색상

  • 하단 : 하단 메뉴에 적용되는 색상

직접 사이트의 디자인을 수정하기 어렵다면 디자인 작업을 의뢰할 수 있어요.

제작 의뢰 서비스는 유료 부가 서비스로 사이트를 구성하는 페이지 (메뉴) 개수에 맞는 디자인 상품을 선택해 주세요.

클릭엔 | 종료 걱정없는 홈페이지 제작

12만 누적 사이트 수, 코딩 지식 없어도 원하는 디자인을 눈에 보이는 그대로 쉽게 맞춤제작 홈페이지를 만들 수 있습니다.

ClickN

ClickN

HTML, CSS 등 소스 수정이 가능한가요?

클릭엔 서비스는 HTML, CSS등 소스의 수정없이 제공되는 기능과 블록으로 사이트를 제작하실 수 있는 웹빌더 서비스로,

HTML, CSS등 소스의 수정을 통한 기능의 개발 또는 커스텀은 지원되지 않습니다.