코드 위젯 활용하기

코드 위젯은 고급 사용자를 위한 기능입니다. 외부 모듈 및 사용자 정의 스타일시트 및 스크립트 등을 캠페이너스 사이트에 삽입하고 싶을 때 사용할 수 있습니다.

시작에 앞서

• HTML, JavaScript, CSS 등 클라이언트 사이드 언어만 지원합니다.
• 캠페이너스는 기본적으로 JQuery, Bootstrap 등 JavaScript 및 CSS 파일을 호출하기 때문에 이미 로드한 파일을 중복으로 선언할 필요가 없습니다.
• PHP, JSP, ASP 등 서버 사이드 언어는 지원하지 않습니다.
• 코드 위젯으로 사용자가 추가한 코드에 관해 캠페이너스는 기술 및 고객지원을 하지 않습니다.
• 기본 위젯에 영향을 주는 코드는 캠페이너스 업데이트 이후 정상적으로 작동하지 않을 수 있습니다.
• 코드의 오작동을 막기 위해 실제 사이트에는 주석이 제거된 상태로 저장됩니다.

코드 작성하기

1. 디자인 모드에 접속합니다. 
2. 왼쪽 상단의 위젯 추가 ＋ 아이콘을 클릭합니다.
3. 코드 위젯을 클릭합니다.
4. 코드 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
5. 컨텍스트 메뉴가 나오면 코드 위젯 설정을 클릭합니다.
6. 코드 설정이 나오면 빈 칸에 코드를 입력합니다.
7. 오른쪽 하단의 저장 버튼을 클릭해 적용합니다.
8. 디자인 모드 오른쪽 상단의 미리보기 아이콘을 클릭해 코드가 정상적으로 동작하는지 확인합니다.