[코드활용팁] 사이트에 공통으로 CSS, javascript를 삽입하고 싶어요.
캠페이너스는 기본적으로 코딩을 몰라도 적절한 사이트 구성을 할 수 있도록 합니다. 하지만 캠페이너스에서 제공하지 않는 레이아웃이나 기능구현을 위해서는 코드를 사용해야 할 상황도 있습니다.
코드를 삽입할 때 디자인모드의 코드 위젯은 페이지마다 삽입해야 하는 불편함이 있습니다. 또한 수정사항이 발생하면 삽입한 모든 코드위젯을 수정해야 할 필요가 있습니다. 따라서 페이지마다 필요한 코드위젯에는 최소한의 코드로 HTML 정도만 선언하시는 것이 좋으며, 공통으로 사용할 CSS나 JavaScript는 공통으로 호출하는 부분에 삽입하는 것이 좋습니다.
내 사이트에 공통으로 코드 적용하기
- 내 사이트의 관리자 모드에 접속합니다.
- 환경설정의 SEO, 해더설정을 누릅니다.
- Header 부분에 공통으로 삽입될 CSS나 JavaScript를 삽입합니다. (필요에 따라 Footer에 삽입하셔도 됩니다.)
- 사이트에 적용하기 위해 저장 버튼을 누릅니다.
참고사항
- Header Code 에 삽입하게 되면 HTML의 <head>와 </head>사이에 삽입됩니다.
- Footer Code 에 삽입하면 </body> 태그의 바로 위에 삽입됩니다.
- 별도의 파일이 아닌 공통 HTML에 삽입되는 구조이기 때문에 CSS의 경우 <style>과 </style>을 선언하여 이 사이에 삽입해야 하며 JavaScript 또한 <script>와 </script>를 선언 후 이 사이에 삽입해야 합니다.