사용자 정의 코드 삽입 - 빌딩 - Carrd 문서

Last updated on 6/26/2025@mrbirddev
사용자 정의 코드 삽입 - 빌딩 - Carrd 문서

사용자 정의 코드 삽입

Pro Standard 이상 필요

삽입 요소를 사용하면 사이트의 거의 모든 위치( <head> 요소 포함)에 사용자 정의 HTML, CSS, 심지어 JavaScript 코드를 삽입할 수 있습니다. 아직 위젯 요소에서 지원하지 않는 타사 위젯을 추가해야 하거나 Carrd에서 현재 제공하는 기능을 넘어서는 사용자 정의 기능을 통합하려는 경우 다음과 같이 하십시오:

  1. 요소 추가클릭

  2. 삽입클릭하여 새 삽입 요소를 만듭니다.

  3. 유형코드로 설정합니다.

  4. 코드를 삽입할 사용자 정의 코드로 설정합니다. 이는 사이트의 HTML에 일반적으로 붙여넣는 거의 모든 것이 될 수 있으며, 표준 HTML, 사용자 정의 CSS 규칙을 포함하는 <style> 태그, 심지어 JavaScript 코드를 포함하는 <script> 태그도 모두 허용됩니다.

  5. (선택 사항) 이 특정 삽입을 식별하는 데 도움이 되는 레이블을 설정합니다 (예: 내 위젯 코드).

  6. 삽입의 스타일을 선택합니다:

  • 인라인으로 설정하여 사이트에서 삽입이 나타나는 위치에 코드를 정확히 삽입합니다 (다른 요소와 마찬가지로).
  • 숨김으로 설정하여 세 가지 특정 위치 중 하나에 코드를 삽입합니다:
  • 사이트의 <head> 요소에 대한 헤드,
  • 사이트의 시작 <body> 태그 바로 뒤에 대한 바디 상단, 또는
  • 사이트의 종료 </body> 태그 바로 앞에 대한 바디 끝.

이렇게 하면 삽입이 일반 요소 흐름 외부에 게시되므로 더 편리한 위치로 이동할 수 있습니다 (예: 사이트의 맨 끝으로).

  1. 완료되었습니다! 이제 사용자 정의 코드는 게시된 사이트에서 볼 수 있어야 합니다. 삽입 요소는 빌더에서 실제로 아무것도 출력하지 않으므로 사이트를 게시하여 작동을 확인해야 합니다.

목차 - carrd 문서

Last updated on 6/26/2025@mrbirddev
Loading...