워드프레스 헤더와 푸터에 쉽게 코드 삽입하기: Insert Headers and Footers 플러그인

0

워드프레스에서 헤더나 푸터에 코드를 추가해야 하는 경우 여러 가지 방법이 있습니다. 보통은 FTP에 접속하여 테마 파일을 수정하는 방법을 이용할 수 있습니다.

FTP에 접속할 수 없거나 테마 파일을 수정하고 싶지 않은 경우, 혹은 관리자 페이지에서 간단하게 코드를 삽입하고 싶은 경우 Insert Headers and Footers 플러그인을 사용할 수 있습니다.

워드프레스 헤더와 푸터에 쉽게 코드 삽입할 수 있는 Insert Headers and Footers 플러그인

워드프레스 Insert Headers and Footers 플러그인

Insert Headers and Footers 플러그인을 사용하면 Google Analytics, 사용자 정의 CSS, Facebook Pixel, 네이버 애널릭틱스, 네이버 웹마스터도구 소유 확인 메타태그 등의 코드를 워드프레스 관리자 페이지에서 간단하게 추가할 수 있습니다.

워드프레스 가입형(WordPress.com)에서는 사용자 코드를 추가할 수 없지만, 비즈니스 요금제에서는 플러그인을 사용하여 사용자 코드를 추가할 수 있습니다. 비즈니스 플랜을 사용하는 경우 이 플러그인을 설치하면 사용자 코드를 수월하게 추가가 가능합니다.

이 플러그인을 설치하려면 워드프레스 알림판 > 플러그인 > 새로 추가를 클릭하고 Insert Headers and Footers를 검색하여 플러그인을 설치하고 활성화합니다.

워드프레스 헤더 푸터 코드 추가하기

이 플러그인은 현재 60만 개 이상의 사이트에 설치되어 사용되고 있습니다. 이 플러그인을 활성화한 후에 설정 > Insert Headers and Footers 메뉴를 클릭하여 사용자 코드를 추가할 수 있습니다.

워드프레스 헤더나 푸터에 코드 추가하기

Scripts in Header에 코드를 넣으면 <head> 섹션에 스크립트가 추가됩니다. Scripts in Footer에 코드를 넣으면 </body> 태그 바로 위에 스크립트가 삽입합니다.

테마에서 제공하는 기능을 사용하여 사용자 코드 추가하기

일부 테마에서는 이 플러그인에서 제공하는 기능을 제공하기도 합니다. 예를 들어, Avada 테마에서는 Avada > Theme Options > Advanced > Code Fields (Tracking etc.)에서 사용자 코드를 입력할 수 있습니다.

아바다 테마에 사용자 코드 삽입

Enfold 테마의 경우 살펴보니 헤더와 푸터에 코드를 추가할 수 있는 별도의 옵션은 제공되지 않고, 구글 애널리틱스 코드와 Google Maps API 키를 삽입할 수 있는 옵션이 제공되네요.

Enfold 테마 코드 추가하기

구글 애널리틱스 코드는 SEO 플러그인(예: All in One SEO)을 통해서도 입력할 수 있습니다. 그리고 많은 유료 테마에서 Google Maps API 키를 추가할 수 있는 옵션을 제공합니다.

Divi 테마에서는 Divi > Theme Options > Integration에서 <head> 혹은 <body>에 코드를 추가할 수 있습니다.

Divi 테마 사용자 코드 추가하기

이처럼 테마에서 사용자 코드를 추가할 수 있는 기능을 제공하는 경우에는 Insert Headers and Footers와 같은 플러그인을 설치할 필요가 없이 테마에서 제공하는 기능을 사용하는 것이 좋습니다. (다만, 테마를 바꾸면 테마 옵션에 추가한 코드를 다시 추가해주어야 합니다.)

참고:

*일부 글에 제휴링크가 포함될 수 있습니다.기부를 통해 블로그 운영을 후원하실 수 있습니다.

Related Posts