WordPress는 여러 PHP 템플릿 파일을 조합하여 브라우저에서 사용자가 읽을 수 있는 콘텐츠를 렌더링합니다.WordPress 테마에는 header.php, footer.php, single.php(게시물용), page.php(페이지용) 및 sidebar.php 파일이 포함되어 있으며, 최신 테마는 추가 템플릿 섹션을 사용하여 기본 콘텐츠를 생성합니다.
이 모든 템플릿은 브라우저에서 WordPress 페이지를 볼 때 깔끔하게 조합되어 표시됩니다.일반적으로 이러한 파일을 수정할 필요가 없으며 사용자 지정 기능을 삽입하는 데 사용할 수 있는 플러그인이 있습니다.그러나 경우에 따라 WordPress의 머리글 및 바닥글 섹션에 코드를 삽입해야 합니다.
이 기사에서는 플러그인을 사용하거나 사용하지 않고 수행하는 방법을 설명합니다.
머리글이나 바닥글에 코드를 삽입하는 이유는 무엇입니까?
머리글 및 바닥글 섹션은 다양한 코드 통합 및 사이트에 추가 기능 추가에 편리합니다.다음은 WordPress 사이트의 머리글과 바닥글에 코드를 삽입해야 하는 몇 가지 최고의 예입니다.
Google 애드센스의 자동 광고 코드 또는 다른 광고 프로그램의 마스트헤드 입찰 광고 코드를 삽입합니다.
Google Analytics 및 Facebook Pixel 추적 코드를 설치합니다.
Bing Webmaster Tools, Google Search Console, Baidu, Yandex 및 Pinterest와 같은 기타 플랫폼에서 보안 문자를 삽입합니다.
바닥글의 Google 글꼴 스타일 시트 및 JavaScript와 같은 맞춤 CSS를 머리글에 추가합니다.
Yoast SEO와 같은 플러그인을 사용할 때 헤더에 이동 경로와 같은 사용자 정의 구성 요소를 삽입하십시오.
보시다시피 목록은 필요에 따라 더 길어질 것입니다.
WordPress의 머리글 및 바닥글 섹션에 코드 추가
기본적으로 WordPress는 머리글 및 바닥글 섹션에 코드를 삽입하는 옵션을 제공하지 않습니다.쉬운 옵션은 파일을 직접 편집하고 코드를 삽입하는 것입니다.그러나 이 용도로 사용할 수 있는 플러그인도 있습니다.이 기사에서는 WordPress 사이트의 머리글 및 바닥글 섹션에 코드를 추가하는 두 가지 방법을 설명합니다.
WordPress 테마의 header.php 및 footer.php 파일을 수동으로 편집합니다.
또한 wp_head 및 wp_footer 후크를 사용하여 머리글과 바닥글에 코드를 삽입하는 몇 가지 테마를 사용하는 방법을 설명합니다.
수동으로 WordPress 머리글 및 바닥글 코드 삽입
이 옵션을 사용하려면 WordPress 사이트 테마에서 header.php 또는 footer.php 파일을 편집해야 하며 초보자에게 친숙하지 않을 수 있습니다.
먼저 코드 조각을 준비하거나 타사 사이트에서 복사하여 시작합니다.머리글과 바닥글 코드가 준비되면 사이트 대시보드의 모양 메뉴 위로 마우스를 가져간 다음 테마 편집기 탭을 클릭합니다.
수신한 경고 메시지를 무시하고 "편집할 주제 선택:" 드롭다운 목록에서 활성 주제를 선택하십시오.
현재 보기의 오른쪽에 있는 "header.php" 또는 "footer.php" 파일을 선택합니다.
머리글의 경우 닫는 "" 태그 아래에 코드를 붙여넣고 바닥글 코드는 "" 라벨.때로는 닫는 태그 앞에 코드를 삽입해야 할 수도 있습니다.
마지막으로 "파일 업데이트" 버튼을 클릭하여 추가된 스니펫으로 사이트의 변경 사항을 저장합니다.
사이트를 테스트하고 연결한 기능이 예상대로 작동하는지 확인하십시오.
플러그인을 사용하여 WordPress 머리글 및 바닥글 코드 삽입
기본적으로 WordPress에서는 "모양 > 사용자 정의 > 추가 CSS" 섹션에서 웹사이트에 사용자 정의 CSS를 추가할 수 있습니다.그러나 이 섹션에는 JavaScript를 삽입할 수 없습니다.코드를 삽입할 수 있는 무료 플러그인과 플러그인이 많이 있습니다. 여기서는 "WPBeginner 머리글 및 바닥글 삽입"을 사용하여 설명합니다.플러그인에는 초보자가 쉽게 사용할 수 있는 매우 간단한 인터페이스가 있습니다.
먼저 "머리글 및 바닥글 삽입" 플러그인을 설치하고 활성화합니다.WordPress 사이트 대시보드에서 플러그인 메뉴 위로 마우스를 가져간 다음 새로 추가를 클릭합니다.
검색 플러그인 기능을 사용하여 "머리글 및 바닥글 삽입"을 찾아 "지금 설치" 버튼을 클릭합니다.설치 프로세스가 완료되면 플러그인을 "활성화"합니다.
플러그인 설치
설정 메뉴로 이동하여 머리글 및 바닥글 삽입 하위 메뉴를 찾아 클릭합니다.
플러그인은 코드를 삽입하기 위해 머리글, 본문 및 바닥글에 스크립트를 배치하기 위한 세 개의 상자를 제공합니다.그때까지는 Google Analytics와 같은 타사 제공업체에서 코드 스니펫을 배치할 상자를 알려줍니다.그렇지 않으면 코드를 삽입할 위치를 정확히 알고 있어야 합니다.
비활성화하면 사용자 정의 기능이 추가되지 않고 이전에 사이트에 추가된 모든 스크립트가 비활성화되므로 언제든지 코드를 추가로 편집하고 플러그인을 활성 상태로 유지할 수 있습니다.
플러그인을 사용하여 코드 삽입
실수로 "머리글 및 바닥글 삽입" 플러그인이 비활성화되거나 제거된 경우 코드가 사이트 데이터베이스에 남아 있습니다.플러그인을 다시 설치하거나 다시 활성화하면 이전 코드가 작동합니다.또한 플러그인의 머리글 및 바닥글 코드 조각에 변경 사항을 추가 및 저장할 때 WordPress 사이트의 캐시를 지우는 것이 좋습니다.
테마가 있는 머리글 및 바닥글 편집
테마 파일을 수동으로 편집하든 플러그인을 사용하든, 삽입하는 코드는 전체 웹사이트에 영향을 미칩니다.특정 게시물이나 페이지에만 사용자 정의 코드를 삽입하려면 HTML 스니펫 삽입과 같은 플러그인을 사용하거나 구텐베르그 편집기에서 사용자 정의 HTML 블록을 시도해야 합니다.그러나 GeneratePress Premium 및 Astra Pro와 같은 최신 테마를 사용하여 머리글과 바닥글에 코드를 삽입할 수 있습니다.이러한 테마는 표준 wp_head 및 wp_footer 후크를 사용하고 사용자 지정 제한을 적용할 수 있습니다.예를 들어 페이지에 영향을 주지 않고 단일 게시물에 이동 경로를 삽입할 수 있습니다.
여기에서는 지침에 Astra Pro 테마를 사용하고 '요소' 옵션을 사용하여 GeneratePress Premium 테마에서 유사한 단계를 수행할 수 있습니다.
Astra Pro 애드온을 설치한 후 모양 > Astra 옵션으로 이동합니다.
사용자 정의 레이아웃 옵션을 활성화하고 해당 옵션에 대한 설정 링크를 클릭합니다.
"새로 추가" 버튼을 클릭하고 상자에 삽입하려는 코드를 붙여넣습니다.
사용자 지정 레이아웃 설정 섹션에서 레이아웃 드롭다운 메뉴를 클릭하고 후크 옵션을 선택합니다.
테마 파일을 편집하거나 플러그인 접근 방식을 고수하게 될 사용자 정의 테마를 사용하는 데에는 많은 단점이 있습니다.다음은 전문가가 아니거나 초보자일 수 있다는 점을 제외하고 플러그인을 사용하여 얻을 수 있는 몇 가지 이점입니다.
플러그인 스토어는 별도의 위치에 스크립트를 추가하기 때문에 업그레이드, 업데이트 또는 테마 변경 중 코드 삭제에 대해 걱정할 필요가 없습니다.플러그인은 사이트 테마와 독립적으로 작동하므로 하위 테마도 필요하지 않습니다.
머리글과 바닥글에 사용자 지정 코드를 쉽고 빠르게 추가할 수 있습니다.또한 단일 위치에서 코드 조각의 구성을 유지하는 데 도움이 됩니다.
WordPress 테마 편집을 선택할 때 실수가 발생할 수 있으므로 플러그인을 사용하면 그러한 실수를 방지하고 예방하는 데 도움이 될 수 있습니다.
마지막 생각들
대부분의 경우 모양을 변경하거나 방식을 변경하거나 WordPress 사이트에 다른 기능을 추가해야 합니다.두 경우 모두 기술적으로 관심이 없다면 플러그인 방법을 사용하여 머리글 및 바닥글 코드를 삽입하는 것을 잊지 마십시오.Astra 및 GeneratePress와 같은 테마가 도움이 될 수 있지만 프리미엄 버전을 구입해야 합니다.또한 테마 변경을 어렵게 만들 수 있으므로 사용할 플러그인을 찾아야 합니다.
