WordPress 머리글 또는 바닥글에 코드 추가

다양한 이유로 WordPress 사이트의 머리글 또는 바닥글에 코드를 추가하고 싶거나 추가해야 하는 시점이 있을 수 있습니다. 불행하게도 플랫폼은 이 작업을 즉시 수행할 수 있는 간단하거나 간단한 방법을 제공하지 않습니다.

좋은 소식은 하위 테마와 functions.php 파일 또는 WordPress 플러그인의 도움으로 이 문제를 쉽게 해결할 수 있다는 것입니다. 어떤 방법을 선택하든 사용자 지정 기능, 사용자 데이터 및 성능 향상 전략을 사용하여 사이트를 쉽게 향상시킬 수 있습니다.

이 게시물에서는 WordPress 사이트의 머리글 및 바닥글에 코드를 추가해야 하거나 추가하려는 몇 가지 경우에 대해 설명합니다. 그런 다음 이러한 요소를 편집하여 사용자 지정 머리글 또는 바닥글을 만들 수 있는 두 가지 방법에 대한 단계별 지침을 공유합니다. 시작하자!

WordPress 머리글 및 바닥글 코드를 편집하는 이유는 무엇입니까?

WordPress 머리글 또는 바닥글을 편집하려는 이유는 많고 다양합니다. 아마도 가장 분명한 것은 때때로 사용자 지정 코드를 사용하여 사이트 스타일을 지정하고 이 코드를 머리글 및/또는 바닥글에 추가하는 방법이 필요하다는 것입니다.

그러나 이들은 Google Analytics에 사용되는 코드와 같은 추적 코드의 주요 위치이기도 합니다. 이러한 코드는 사용자 행동에 대한 귀중한 정보를 제공하여 마케팅 및 콘텐츠 전략을 향상시킬 수 있습니다.

또한 WordPress에는 기본적으로 메타 태그가 포함되어 있지 않습니다. 검색 엔진이 페이지를 크롤링할 수 있도록 사이트 헤더에 추가됩니다. 지금은 예전만큼 관련성이 없지만 헤더에 추가해도 아무런 해가 없습니다. 사이트의 가시성에만 도움이 될 수 있습니다.

마지막으로 렌더링 차단 JavaScript를 '접힌 부분 아래'로 이동하는 방식에 익숙할 것입니다. 이는 일반적으로 코드를 편집해야 하는 WordPress 바닥글에 추가하는 것을 의미합니다. 이 기술은 로딩 시간을 줄여 사이트의 성능을 향상시키는 데 도움이 될 수 있습니다.

WordPress 머리글 또는 바닥글에 코드를 수동으로 추가하는 방법(2단계)

WordPress 머리글 또는 바닥글에 코드를 추가하는 두 가지 기본 방법이 있습니다. 첫 번째는 사이트 테마를 수동으로 편집하는 것이고 두 번째는 플러그인을 사용하는 것입니다. 테마 파일을 수동으로 편집하는 것이 더 위험하고 어렵지만 일부 고급 사용자에게는 선호되는 방법입니다.

1단계: 하위 테마 만들기

WordPress 머리글 또는 바닥글에 수동으로 코드를 추가하려면 일부 테마 파일을 편집해야 합니다. 이 작업을 수행해야 하는 경우 부모 테마의 파일을 직접 조작하는 대신 자식 테마를 편집하는 것이 항상 현명합니다. 이렇게 하면 테마를 업데이트할 때 변경 사항이 손실되는 것을 방지할 수 있습니다.

다행스럽게도 하위 테마를 수동으로 만드는 과정은 매우 간단하며 헤더를 사용자 지정하는 데 필요한 WordPress 자습서에 액세스할 수 있습니다. 그러나 긴급히 자식 테마를 만들어야 하는 경우 Child Theme Configurator와 같은 테마 빌더 플러그인이 도움이 될 수 있습니다.

테마 빌더 플러그인을 사용하면 버튼 클릭만으로 자식 테마를 쉽게 생성할 수 있지만, 완전히 수동으로 접근하는 방법도 마찬가지로 빠를 수 있습니다.

2단계: 하위 테마의 functions.php 파일 편집

자식 테마가 설정되면 functions.php 파일에 액세스하여 편집해야 합니다. 시작하기 전에 실수를 하거나 이전 상태로 쉽게 복원하려는 경우를 대비하여 항상 사이트를 백업하는 것이 좋습니다.

functions.php 파일을 편집하는 일반적인 방법은 파일 전송 프로토콜(FTP)과 FileZilla와 같은 FTP 클라이언트를 사용하는 것입니다. 그러나 WordPress 대시보드에서 특정 파일을 편집할 수도 있습니다. 액세스하려면 모양 > 테마 편집기 로 이동합니다.

테마 파일을 편집하려고 한다는 경고가 표시됩니다. 계속하려면 이해합니다 버튼을 클릭하세요. 다음으로 올바른 파일을 선택했는지 확인해야 합니다. 사이트 편집기 오른쪽의 사이드바에서 테마 함수(functions.php)가 선택되어 있는지 확인합니다.

이제 이 파일 끝에 사용자 지정 코드를 추가하고 완료되면 파일 업데이트를 클릭할 수 있습니다.

플러그인을 사용하여 WordPress 머리글 또는 바닥글에 코드를 추가하는 방법(2단계)

경우에 따라 WordPress 테마 파일을 수동으로 편집하여 바닥글 또는 머리글 섹션에 코드를 추가하는 것이 더 쉬울 수 있지만 일반적으로 플러그인을 사용하는 것이 더 안전한 경로입니다. 이 기사의 목적을 위해 우리는 Header, Footer 및 Post Injection 작업에 대해 가장 유명하고 높은 평가를 받는 플러그인 중 하나를 사용할 것입니다.

그러나 WordPress Plugin Directory 및 이 작업에 도움이 될 수 있는 다른 곳에서 사용할 수 있는 많은 플러그인이 있습니다.

1단계: 선택한 플러그인 설치 및 활성화

먼저 사용하려는 플러그인을 설치하고 활성화해야 합니다. Plugin Directory 또는 다른 온라인 마켓플레이스에서 플러그인의 .zip 파일을 다운로드한 다음 사이트에 업로드하면 됩니다. 또는 대시보드에서 플러그인 > 새로 추가 로 이동합니다.

여기에서 사용하려는 바닥글 또는 헤더 플러그인을 검색할 수 있습니다. 어떤 방법을 선택하든 설치 버튼을 클릭한 다음 옵션이 표시되면 활성화를 클릭하여 이 단계를 완료합니다.

2단계: 머리글, 바닥글 및 사후 삽입에 코드 스니펫 추가

플러그인이 설치되면 대시보드에서 설정 > 머리글 및 바닥글 로 이동할 수 있어야 합니다.

여기에서 머리글 및/또는 바닥글에 포함하려는 코드 스니펫(예: Google 애널리틱스 추적 코드 또는 맞춤 자바스크립트)을 추가하기 위한 텍스트 편집기를 찾을 수 있습니다.

이 페이지에서 수행할 수 있는 작업이 많이 있습니다. 처음 두 필드에서 헤더 섹션에 코드를 추가할 수 있습니다. 왼쪽 필드는 사이트의 모든 페이지에 코드를 추가합니다. 예를 들어 Google Analytics에 유용합니다. 오른쪽 필드는 홈페이지에만 코드를 추가합니다.

다음 필드는 페이지의 본문 및 바닥글 코드에 코드를 추가합니다. 왼쪽 필드는 데스크톱 보기용이고 오른쪽 필드는 코드의 모바일 버전용입니다. 편집이 완료되면 화면 하단의 저장 버튼을 클릭하는 것을 잊지 마십시오.

WP 엔진으로 사이트 경험 향상

WordPress 웹 사이트가 사용자에게 최고의 디지털 경험을 제공하기를 원한다는 데는 의심의 여지가 없습니다. WordPress 바닥글 또는 머리글에 코드를 추가하는 것은 사이트를 사용자 지정하거나 Google Analytics를 구현하거나 성능을 개선하는 데 유용한 전술입니다.

WP Engine에는 WordPress 웹사이트의 경험을 새로운 차원으로 끌어올리는 데 도움이 되는 다양한 개발자 리소스가 있습니다. 오늘 확인해보세요!