WordPress는 기사에 헤드 코드를 어떻게 추가합니까?WP 플러그인은 헤드 코드를 최적화합니다-Chen Weiliang Blog

업데이트 날짜: 2021년 8월 19일

기사 디렉토리

" 워드프레스 헤더를 사용자 정의하는 방법? 워드프레스 푸터 및 헤더 플러그인 설치 " 라는 글에서 소개된 Header Footer Code Manager 플러그인은 현재 PHP 코드를 추가할 수 없습니다.

따라서 워드프레스 플러그인 웹사이트 에서 검색해 보니 헤더와 푸터에 PHP 코드를 추가할 수 있는 워드프레스 플러그인인 'Head, Footer and Post Injections'를 찾았습니다.

Head, Footer 및 Post Injection 플러그인이란 무엇입니까?

Head, Footer 및 Post Injections 플러그인을 사용하면 WordPress 사이트에서 10개 이상의 플러그인을 설치하지 않고도 다음과 같은 공통 코드를 헤더에 추가할 수 있습니다.

Head, Footer, and Post Injections 플러그인을 활성화하기만 하면 코드를 중앙에서 관리 할 수 있으며 , WordPress 테마를 변경할 때 추가한 코드가 손실될 염려가 없습니다.

게시물 콘텐츠 위 또는 뒤에 광고 배너를 삽입해야 합니까?

네, Head, Footer, and Post Injections 플러그인을 사용하면 게시글이나 페이지의 상단과 하단에 코드를 추가할 수 있습니다.

Head, Footer and Post Injections 플러그인의 "고급 기능" 탭 에서 WordPress 게시물의 헤드 코드를 최적화할 수 있습니다.

다음은 Head, Footer, and Post Injections 플러그인 개발자들이 작성한 글 입니다.

CSS 병합 스타일 ID가 제거됨

WordPress에는 "스타일 대기열"이라는 이름을 지정할 수 있는 멋진 기능이 있습니다.페이지에 스타일을 추가해야 하는 모든 플러그인은 WordPress에 "대기열"에 추가하도록 요청할 수 있으며 WordPress는 이를 올바르게 추가합니다.
그러나 WordPress는 이 CSS에 고유 ID를 추가하기까지 하므로 CSS를 병합하려는 모든 모듈이나 플러그인은 일반적으로 차단됩니다.스타일 리소스에 고유 ID를 부여하면 누군가가 이를 참조할 수 있고 병합하면 그 고유성이 깨집니다.
일반적으로 id는 전혀 사용하지 않으며, 제거하면 CSS 병합이 발생할 수 있습니다.예를 들어 mod_pagespeed는 id를 제거해야 하며 그렇지 않으면 스타일을 병합하지 않습니다.
(또한 압축을 제거해야 하므로 캐싱 플러그인을 사용하는 경우 mod_pagespeed를 사용할 때 압축을 비활성화하십시오).

CSS 병합 미디어 제거

위의 단락을 읽었다면 다른 CSS 링크 속성이 병합에 영향을 미치고 "미디어" 속성이라는 것을 알아야 합니다. media 속성은 더 많은 옵션과 사용이 가능하더라도 인쇄할 때 페이지의 모양을 변경하기 위해 스타일 세트를 추가하는 데 주로 사용됩니다.
일반적으로 모든 플러그인은 "media" 속성이 "all"로 설정된 CSS를 추가하고 이 모든 것을 결합할 수 있습니다.그러나 미디어가 "screen"으로 설정된 상태에서 CSS를 "screen"에 추가하는 플러그인이 있습니다. 이는 블로그에서 중요할 수도 있고 중요하지 않을 수도 있습니다(미디어 유형에 대한 자세한 내용은 여기 참조).
블로그에서 미디어 속성을 제거해도 된다면 광범위한 스타일 병합의 이점을 누릴 수 있습니다."인쇄" 미디어 유형은 어쨌든 예약되어 있습니다.