캠페이너스는 기본적으로 코딩을 몰라도 적절한 사이트 구성을 할 수 있도록 합니다. 하지만 캠페이너스에서 제공하지 않는 레이아웃이나 기능구현을 위해서는 코드를 사용해야 할 상황도 있습니다.
코드를 삽입할 때 디자인모드의 코드 위젯은 페이지마다 삽입해야 하는 불편함이 있습니다. 또한 수정사항이 발생하면 삽입한 모든 코드위젯을 수정해야 할 필요가 있습니다. 따라서 페이지마다 필요한 코드위젯에는 최소한의 코드로 HTML 정도만 선언하시는 것이 좋으며, 공통으로 사용할 CSS나 JavaScript는 공통으로 호출하는 부분에 삽입하는 것이 좋습니다.
내 사이트의 관리자 모드에 접속합니다.
환경설정의 SEO, 해더설정을 누릅니다.
Header 부분에 공통으로 삽입될 CSS나 JavaScript를 삽입합니다. (필요에 따라 Footer에 삽입하셔도 됩니다.)
사이트에 적용하기 위해 저장 버튼을 누릅니다.
Header Code 에 삽입하게 되면 HTML의 <head>와 </head>사이에 삽입됩니다.
Footer Code 에 삽입하면 </body> 태그의 바로 위에 삽입됩니다.
별도의 파일이 아닌 공통 HTML에 삽입되는 구조이기 때문에 CSS의 경우 <style>과 </style>을 선언하여 이 사이에 삽입해야 하며 JavaScript 또한 <script>와 </script>를 선언 후 이 사이에 삽입해야 합니다.
아래 태그는 코드 위젯에서 사용할 수 없습니다. 해당 태그가 포함된 코드는 정상적으로 동작하지 않거나 저장 시 자동으로 제거될 수 있습니다.
script — 외부 스크립트 삽입 태그
iframe — 허용된 src 외의 외부 콘텐츠 삽입 태그
svg, applet
form, input, textarea
base, basefont, bgsound
body, head, html, meta, link, title
frame, frameset, ilayer, isindex, layer, plaintext, xml
<center>, <font>, <marquee>, <blink>, <u>, <s>, <strike>
위 태그가 포함된 코드는 정상적으로 동작하지 않거나 저장 시 자동으로 제거될 수 있습니다.
관련 도움말