-
워드프레스 메타 데이터 넣는 방법WordPress 2023. 12. 10. 03:28
웹페이지의 <head> 섹션에 특정 HTML 태그를 추가하려면 워드프레스에서 몇 가지 방법을 사용할 수 있습니다. 여기 몇 가지 일반적인 방법을 소개합니다:
An illustrative image showing various methods to add specific HTML tags to the _head_ section in WordPress. 테마의 header.php 파일 수정:
- 워드프레스 대시보드에서 '외모' > '테마 편집기'로 이동합니다.
- 테마 파일 목록에서 header.php 파일을 찾아 클릭합니다.
- <head> 태그 안에 원하는 HTML 코드를 추가합니다.
- 변경 사항을 저장합니다.
자식 테마 사용:
- 자식 테마를 사용하는 것이 안전합니다. 이렇게 하면 원본 테마가 업데이트 될 때 변경한 내용이 유지됩니다.
- 자식 테마의 header.php 파일을 수정하여 <head> 섹션에 코드를 추가합니다.
플러그인 사용:
- 특정 HTML 태그를 <head> 섹션에 추가하려면, 'Insert Headers and Footers' 또는 유사한 플러그인을 사용할 수 있습니다.
- 이 플러그인을 설치하고 활성화한 후, 설정 페이지에서 원하는 HTML 코드를 입력합니다.
functions.php 파일을 이용한 방법:
테마의 functions.php 파일에 사용자 정의 함수를 추가하여 <head> 섹션에 코드를 삽입할 수 있습니다.
이 방법은 약간의 PHP 지식이 필요합니다.
이러한 방법 중 하나를 선택할 때는 항상 원본 파일의 백업을 만들고, 가능한 자식 테마를 사용하는 것이 좋습니다. 이는 테마가 업데이트될 때 변경 사항이 유지되도록 하기 위함입니다. 또한, 웹사이트의 성능에 영향을 줄 수 있으므로 필요한 코드만 추가하는 것이 중요합니다.자식 테마
워드프레스에서 자식 테마(Child Theme)를 사용하여 웹페이지의 <head> 섹션에 코드를 추가하는 방법에 대해 자세히 설명해 드리겠습니다.
자식 테마 생성 및 설정
1. 자식 테마 디렉토리 생성:
- 웹 서버의 /wp-content/themes/ 디렉토리 내에 새로운 폴더를 만듭니다. 이 폴더가 자식 테마의 디렉토리가 됩니다. 폴더 이름은 보통 부모 테마 이름에 '-child'를 붙여서 지정합니다.
- 예를 들어, 부모 테마가 'twentytwenty'라면, 'twentytwenty-child'와 같이 지정할 수 있습니다.
2. 스타일시트 파일 생성 (style.css): 자식 테마 폴더 안에 style.css 파일을 생성합니다.- 파일의 상단에 다음과 같은 헤더 정보를 포함합니다:
/* Theme Name: Twenty Twenty Child Theme URI: http://example.com/twenty-twenty-child/ Description: Twenty Twenty Child Theme Author: Your Name Author URI: http://example.com Template: twentytwenty Version: 1.0.0 */- 'Template'는 부모 테마의 디렉토리 이름으로 설정해야 합니다.
3. functions.php 파일 생성:- 자식 테마 디렉토리 안에 functions.php 파일을 생성합니다.
- 이 파일에 PHP 코드를 추가하여 부모 테마의 기능을 상속받고, 추가적인 기능을 정의할 수 있습니다.
<head> 섹션에 코드 추가
1. 자식 테마의 functions.php 파일에 다음과 같은 함수를 추가하여 <head> 섹션에 원하는 HTML 태그를 삽입할 수 있습니다:
function add_to_head() { echo '<!-- 여기에 원하는 HTML 또는 스크립트 태그를 추가하세요 -->'; } add_action('wp_head', 'add_to_head');2. 이 함수는 워드프레스의 wp_head 액션 훅을 사용하여 웹페이지의 <head> 섹션에 코드를 추가합니다.
자식 테마 활성화
- 워드프레스 대시보드에 로그인한 후 '외모' > '테마'로 이동합니다.
- 만든 자식 테마를 찾아 활성화합니다.
이제 자식 테마를 사용하여 웹페이지의 <head> 섹션에 안전하게 코드를 추가할 수 있습니다. 자식 테마를 사용하는 것은 부모 테마가 업데이트 되더라도 변경사항이 유지되도록 해줍니다.
워드프레스 블로그에 meta tag나 head에 다른 고정 코드 넣을 때 유용한 플러그인
워드프레스 블로그의 <head> 섹션에 메타 태그나 기타 코드를 쉽게 추가할 수 있는 유용한 플러그인 몇 가지를 추천드리겠습니다:
- Insert Headers and Footers
매우 간단하고 직관적인 인터페이스를 제공합니다.
헤더와 푸터에 스크립트나 스타일시트, 메타 태그 등을 쉽게 추가할 수 있습니다.
코드를 직접 편집하지 않고도 사이트 전체에 걸쳐 코드를 삽입할 수 있습니다.
- Yoast SEO
SEO 최적화에 중점을 두고 있는 플러그인입니다.
메타 태그를 자동으로 생성하고 관리하는 기능을 제공합니다.
웹사이트의 검색 엔진 최적화를 향상시키기 위한 다양한 도구를 포함하고 있습니다.
- All in One SEO Pack
SEO 기능뿐만 아니라, 메타 태그와 기타 필요한 코드를 쉽게 추가할 수 있는 기능을 제공합니다.
초보자부터 고급 사용자까지 사용하기 적합합니다.
다양한 추가 기능을 통해 사이트의 SEO를 개선할 수 있습니다.
- WP Meta and Date Remover
메타 태그 관리에 초점을 맞춘 플러그인입니다.
메타 데이터를 쉽게 추가하거나 제거할 수 있습니다.
사용자가 원하는 메타 정보만을 표시하도록 커스터마이즈할 수 있습니다.
- Header and Footer Scripts
헤더와 푸터에 HTML, CSS, JavaScript 코드를 추가할 수 있는 플러그인입니다.
사용하기 쉬운 인터페이스를 제공하며, 코드를 사이트의 모든 페이지에 적용할 수 있습니다.
이 플러그인들은 워드프레스 사이트에 코드를 추가하거나 관리하는 데 매우 유용하며, 특히 비개발자 사용자에게 친숙한 인터페이스를 제공합니다. 사용 전에 각 플러그인의 기능과 호환성을 확인하는 것이 좋습니다.
위의 플러그인들을 사용할 때 테마 업데이트와의 관계
플러그인을 사용해 워드프레스 사이트의 <head> 섹션에 코드를 추가하는 경우, 테마 업데이트와의 관련성 및 호환성 문제에 대해 이해하는 것이 중요합니다.
테마 업데이트와의 관계
- 테마 독립성: 위에서 언급된 플러그인들은 테마와 독립적으로 작동합니다. 즉, 테마를 업데이트하거나 변경해도, 플러그인을 통해 추가한 코드는 영향을 받지 않습니다. 이는 테마 파일을 직접 수정하는 대신 플러그인을 사용하는 주요 이점 중 하나입니다.
- 지속적인 기능성: 테마가 업데이트되어도 플러그인에서 추가한 코드나 설정은 그대로 유지됩니다. 따라서 테마 업데이트 후에도 다시 코드를 추가할 필요가 없습니다.
- 호환성 확인의 중요성
- 워드프레스 버전 호환성: 플러그인이 현재 사용 중인 워드프레스 버전과 호환되는지 확인하는 것이 중요합니다. 워드프레스는 정기적으로 업데이트되며, 이러한 업데이트는 때때로 플러그인의 작동 방식에 영향을 줄 수 있습니다.
- 테마 호환성: 일부 플러그인은 특정 테마와 더 잘 호환될 수 있습니다. 테마와 플러그인 간의 충돌을 방지하기 위해, 사용하고자 하는 플러그인이 현재 활성화된 테마와 호환되는지 확인해야 합니다.
- 다른 플러그인과의 충돌: 워드프레스 사이트에서 다수의 플러그인을 사용할 경우, 이들 간에 충돌이 발생할 수 있습니다. 특히, 같은 기능을 제공하는 여러 플러그인을 동시에 사용할 때 이러한 문제가 발생하기 쉽습니다.
- 성능 문제: 일부 플러그인은 웹사이트의 로딩 시간에 영향을 줄 수 있습니다. 웹사이트의 성능을 최적화하기 위해서는 플러그인의 영향을 정기적으로 모니터링하고, 필요하지 않은 플러그인은 비활성화하는 것이 좋습니다.
결론
플러그인을 사용하여 워드프레스 사이트의 <head> 섹션에 코드를 추가하는 것은 테마 업데이트와 관계없이 안전하며, 호환성 문제를 최소화하기 위해 워드프레스 버전, 테마, 그리고 다른 플러그인들과의 호환성을 주기적으로 확인해야 합니다.
WordPress 플러그인에 대한 가격 및 Astra 테마와 호환성에 대한 요약
- Insert Headers and Footers: 이 플러그인은 검색 결과에 구체적인 가격 정보를 표시하지 않았습니다. Astra 테마와의 호환성과 관련하여 이 플러그인은 머리글과 바닥글에 코드를 삽입하는 인기 있고 간단한 플러그인이므로 일반적으로 Astra를 포함한 대부분의 테마와 호환될 것으로 예상됩니다.
- Yoast SEO: Yoast SEO는 SEO에 필수적인 기능을 갖춘 무료 버전을 제공합니다. 또한 추가 SEO 강화 기능, 연중무휴 지원, 모든 Yoast SEO 아카데미 과정에 대한 액세스가 포함된 연간 99 EUR의 프리미엄 버전도 있습니다 . Yoast SEO는 Astra를 포함한 WordPress 테마와의 광범위한 호환성으로 유명합니다. 참고
- All in One SEO Pack: 이 플러그인은 다양한 가격 계층을 제공합니다. 기본: $49.60/년 .추가: $99.60/년 .장점: $199.60/년 .
- 엘리트: $299.60/년 . 올인원 SEO 팩은 Astra를 포함한 다양한 WordPress 테마와도 널리 호환됩니다. 참고
- WP Meta and Date Remover: 플러그인 자체는 무료로 보이지만 프리미엄 지원 구매 옵션이 있습니다 . 이 플러그인은 일반적으로 Astra를 포함한 대부분의 WordPress 테마와 호환됩니다.
- Header and Footer Scripts: 검색 결과 이 플러그인에 대한 구체적인 가격 정보가 나오지 않았습니다. 그러나 머리글과 바닥글에 스크립트 삽입을 용이하게 하는 플러그인은 일반적으로 Astra를 포함한 광범위한 테마에서 잘 작동합니다. 참고
Astra 테마와의 호환성을 위한 최고의 플러그인과 관련하여 이러한 모든 플러그인은 일반적으로 다양한 WordPress 테마와 잘 작동하도록 설계되었습니다.
최고의 플러그인 선택은 고급 SEO 기능, 코드 삽입 기능 또는 메타데이터 관리가 필요한지 여부와 같은 특정 요구 사항에 따라 달라집니다. Yoast SEO와 올인원 SEO 팩은 모두 SEO 목적에 탁월한 반면, Header and Footer Scripts , WP Meta and Date Remover , Header and Footer Scripts 는 코드 삽입 및 메타데이터 관리와 같은 특정 기능에 더 중점을 둡니다.
'WordPress' 카테고리의 다른 글
메타데이터 관리 플러그인 제작 과정 (0) 2023.12.14 워드프레스 사이트맵 다운받는 방법 (0) 2023.12.14 모바일 최적화 : 터치 이벤트 (0) 2023.12.13 woocommerce에 대해서 (0) 2023.12.13 워드프레스 호스트 서버 wp_language 폴더의 파일에 대해 (0) 2023.12.13 플러그인 제작 개발 환경과 브라우저 로컬 연결 과정 (0) 2023.12.12 메타데이터 및 코드 삽입 플러그인 제작 (2) 2023.12.11 키워드를 분석하는 워드프레스 플러그인과 웹페이지 (2) 2023.12.06