‘Print Page – Block’ 플러그인을 사용하여 특정 섹션(포스터 내용)만 인쇄하는 방법
이 플러그인은 기본적으로 페이지 전체를 인쇄하지만, 특정 섹션(예: 포스터 내용)만 선택하여 인쇄할 수도 있습니다. 이를 위해 다음 단계를 따르세요.
1. 플러그인 설치 및 활성화 확인
- 워드프레스 관리자 페이지로 이동합니다.
- 플러그인 > 설치된 플러그인으로 이동하여
'Print Page - Block'이 활성화되어 있는지 확인합니다. - 만약 설치되지 않았다면, 플러그인 > 새로 추가에서
'Print Page - Block'을 검색하고 설치 후 활성화하세요.
2. 특정 섹션만 인쇄하도록 설정하기
‘Print Page – Block’을 사용하면 특정 블록(섹션)만 선택하여 인쇄할 수 있습니다.
방법 1: ‘Print Page – Block’의 특정 블록만 선택하여 인쇄
- 편집할 글(포스트) 또는 페이지로 이동합니다.
- ‘Print Page – Block’ 블록 추가
- 글 편집기에서
+버튼을 눌러'Print Page - Block'을 검색하고 추가합니다.
- 글 편집기에서
- 인쇄할 섹션을 선택
'Print Page - Block'블록을 클릭하면 설정 옵션이 나옵니다.'Selector'옵션에서 인쇄할 부분을 지정해야 합니다.
- CSS 선택자 입력
'Selector'항목에 인쇄할 섹션의 CSS 클래스를 입력합니다.- 예를 들어, 포스트 본문의 클래스가
.post-content라면'.post-content'를 입력합니다. - 정확한 클래스를 모르겠다면 브라우저의
개발자 도구(F12)를 이용해 해당 섹션의 클래스명을 확인하세요.
방법 2: HTML & CSS 수정하여 특정 영역만 인쇄
‘Print Page – Block’이 제대로 작동하지 않는 경우, 직접 CSS를 추가하여 특정 영역만 인쇄하는 방법도 있습니다.
- 워드프레스 관리자 > 테마 편집기로 이동합니다.
- 추가 CSS (Customize > Additional CSS)에 다음 코드 추가:
@media print { body * { display: none; } .post-content, .post-content * { display: block; } }- 위 코드는
.post-content클래스가 있는 영역(포스터 내용)만 인쇄하고 나머지는 숨깁니다. .post-content부분을 본문이 포함된 실제 클래스명으로 변경해야 합니다.
- 위 코드는
- ‘Print’ 버튼 추가
- 워드프레스 글(포스트)에 버튼을 추가하여 인쇄 기능을 활성화합니다.
HTML 블록을 추가하고 다음 코드를 입력하세요.<button onclick="window.print();">인쇄하기</button>- 이 버튼을 클릭하면
.post-content부분만 인쇄됩니다.
3. 테스트 및 문제 해결
- 설정을 마쳤다면 미리보기를 눌러 실제로 원하는 부분만 인쇄되는지 확인하세요.
- 만약 여전히 전체 페이지가 인쇄된다면 CSS 선택자(Selector) 설정을 확인하세요.
- ‘Print Page – Block’의 플러그인 설정에서 선택한 블록만 인쇄하는 옵션이 활성화되어 있는지도 점검하세요.
이 방법을 따르면 워드프레스에서 특정 섹션(포스터 내용)만 인쇄할 수 있습니다.