사이트에 코드 추가하기

이 텍스트는 자동으로 번역되었습니다. 영어 원문을 보려면 여기를 클릭하세요.

WordPress.com 웹사이트에 사용자 정의 코드를 추가하는 방법은 여러 가지가 있습니다. 이 가이드에서는 WordPress.com 요금제에 따라 어떤 유형의 코드를 추가할 수 있는지 설명합니다.

WordPress.com 웹사이트에 추가할 수 있는 코드 유형은 요금제 수준에 따라 다릅니다.

• 무료 사이트에서는 추가할 수 있는 코드에 제한이 있습니다. 같은 호스팅 환경을 공유하는 모든 사이트의 안전과 보안을 보장하기 위한 조치입니다.
• 플러그인이 활성화되는 요금제 사이트에서는 요금제를 활성화하면 추가할 수 있는 코드에 제한이 없습니다.

지원되는 요금제로 업그레이드하지 않고 사이트에서 iframe, JavaScript 또는 기타 코드를 사용하려면 다음과 같은 대안을 고려해 보세요.

• 모든 WordPress.com 사이트에서 비디오, 오디오 파일, 문서를 안전하게 공유하는 방법이 여러 가지 있습니다.
• 코드 없이도 다양한 인기 서비스의 콘텐츠를 임베드할 수 있습니다. YouTube, Spotify, Giphy, 주요 소셜 미디어 플랫폼 등 지원되는 플랫폼의 전체 목록을 확인해 보세요.
• WordPress.com에는 코드나 플러그인 없이도 이용할 수 있는 다양한 추가 기능이 포함되어 있습니다. 문의 양식, 갤러리, Google 애널리틱스, 결제 버튼, 이벤트, 단일 설문, 퀴즈, 예약 일정 관리, 레스토랑 예약 등이 있습니다. 포함된 기능 목록은 이 가이드를 참조하세요.

HTML은 인터넷에서 방문하는 모든 웹페이지의 기본 언어입니다. 태그라고 불리는 특수 코드를 사용하여 텍스트, 이미지, 링크, 멀티미디어 등 웹페이지의 콘텐츠를 구조화하고 정리합니다. 모든 WordPress.com 사이트에서 다음 HTML 태그를 사용할 수 있습니다.

또한, 플러그인이 활성화되는 요금제를 사용하고 호스팅 기능이 활성화된 사이트에서는 다음 코드도 사용할 수 있습니다.

embed, frame, iframe, form, input, object, textarea, script, style, link

짧은 HTML 코드 조각을 삽입하려면 사용자 정의 HTML 블록을 사용할 수 있습니다.

워드프레스 편집기에서 HTML을 직접 편집하는 방법은 두 가지가 있습니다.

각 블록의 도구 모음(블록을 클릭하면 나타남)에서 줄임표(점 세 개)를 클릭하면 “HTML로 편집” 옵션이 있어 해당 블록의 HTML만 편집할 수 있습니다.

페이지 전체를 HTML로 편집하려면 오른쪽 상단의 줄임표를 클릭한 다음 “코드 편집기“를 선택하여 HTML로 전환하세요.

기본적으로 코드 편집기는 구문 강조 표시를 사용합니다. 이 기능은 사용자별, 사이트별로 비활성화할 수 있으며 다음 단계를 따르세요.

1. 사이트의 알림판에서 사용자 → 프로필로 이동하세요.
2. “코드를 편집할 때 구문 강조 표시 비활성화” 옆의 체크박스를 선택하세요.
3. “프로필 업데이트” 버튼을 클릭하여 변경 사항을 저장하세요.

CSS는 HTML 웹 콘텐츠의 표현과 외관을 담당합니다. CSS를 사용하면 웹페이지 요소의 색상, 글꼴, 크기, 간격, 위치를 제어할 수 있습니다.

CSS 편집은 개인, 프리미엄, 비즈니스 또는 커머스 요금제의 사이트에서 지원됩니다. 자세한 내용은 사용자 정의 CSS 가이드를 참조하세요.

JavaScript는 웹 페이지에 상호작용성과 동적 요소를 더해 줍니다. 대화형 양식, 애니메이션, 반응형 디자인 등 매력적인 기능을 만드는 데 사용됩니다.

JavaScript 코드는 일반적으로 <script> 태그로 시작하며, 플러그인이 활성화되는 요금제의 사이트에서 사용할 수 있습니다. 사용자 정의 HTML 블록을 사용하거나, 아래 코드 삽입 방법 섹션에 설명된 다른 방법으로 JavaScript 코드를 삽입할 수 있습니다.

YouTube나 Google 지도 등 신뢰할 수 있는 파트너의 JavaScript는 모든 요금제에서 지원되는 임베드 또는 쇼트코드로 변환할 수 있습니다.

위에서 설명한 제한 사항 내에서, 목적에 가장 적합한 방법으로 사이트에 코드를 추가할 수 있습니다. 다음 방법은 iframe과 JavaScript를 포함한 대부분의 코드를 삽입하는 데 사용할 수 있습니다.

• 사용자 정의 HTML 블록을 사용하여 페이지나 글에 코드를 임베드하기.
• 이미지, 비디오, 오디오, 문서를 직접 업로드하기. 자세한 내용은 허용되는 파일 유형을 참조하세요.
• Google 검색, Bing, Pinterest, Yandex, Facebook 비즈니스에서 사이트를 인증하기. 사이트 인증 서비스를 참조하세요.
• SyntaxHighlighter 코드 블록을 사용하여 소스 코드를 표시하기.

호스팅 기능이 활성화된 플러그인이 활성화되는 사이트에서만 사용 가능:

• 플러그인을 통해 AdSense, Facebook, Mailchimp 등의 서비스에 대한 확인 코드를 추가하기. 헤더에 코드 추가를 참조하세요.
• Code Snippets 같은 플러그인을 사용하여 functions.php에 코드를 추가하기.
• 보안 FTP(SFTP)를 사용하여 사이트 파일을 직접 편집하기.
• 플러그인을 설치하여 웹사이트에 거의 모든 기능을 추가하기.
• 자식 ��마를 만들어 테마를 수정하기.