WordPress Print Post

‘Print Page – Block’ 플러그인을 사용하여 특정 섹션(포스터 내용)만 인쇄하는 방법

이 플러그인은 기본적으로 페이지 전체를 인쇄하지만, 특정 섹션(예: 포스터 내용)만 선택하여 인쇄할 수도 있습니다. 이를 위해 다음 단계를 따르세요.


1. 플러그인 설치 및 활성화 확인

  1. 워드프레스 관리자 페이지로 이동합니다.
  2. 플러그인 > 설치된 플러그인으로 이동하여 'Print Page - Block'이 활성화되어 있는지 확인합니다.
  3. 만약 설치되지 않았다면, 플러그인 > 새로 추가에서 'Print Page - Block'을 검색하고 설치 후 활성화하세요.

2. 특정 섹션만 인쇄하도록 설정하기

‘Print Page – Block’을 사용하면 특정 블록(섹션)만 선택하여 인쇄할 수 있습니다.

방법 1: ‘Print Page – Block’의 특정 블록만 선택하여 인쇄

  1. 편집할 글(포스트) 또는 페이지로 이동합니다.
  2. ‘Print Page – Block’ 블록 추가
    • 글 편집기에서 + 버튼을 눌러 'Print Page - Block'을 검색하고 추가합니다.
  3. 인쇄할 섹션을 선택
    • 'Print Page - Block' 블록을 클릭하면 설정 옵션이 나옵니다.
    • 'Selector' 옵션에서 인쇄할 부분을 지정해야 합니다.
  4. CSS 선택자 입력
    • 'Selector' 항목에 인쇄할 섹션의 CSS 클래스를 입력합니다.
    • 예를 들어, 포스트 본문의 클래스가 .post-content라면 '.post-content'를 입력합니다.
    • 정확한 클래스를 모르겠다면 브라우저의 개발자 도구(F12)를 이용해 해당 섹션의 클래스명을 확인하세요.

방법 2: HTML & CSS 수정하여 특정 영역만 인쇄

‘Print Page – Block’이 제대로 작동하지 않는 경우, 직접 CSS를 추가하여 특정 영역만 인쇄하는 방법도 있습니다.

  1. 워드프레스 관리자 > 테마 편집기로 이동합니다.
  2. 추가 CSS (Customize > Additional CSS)에 다음 코드 추가:@media print { body * { display: none; } .post-content, .post-content * { display: block; } }
    • 위 코드는 .post-content 클래스가 있는 영역(포스터 내용)만 인쇄하고 나머지는 숨깁니다.
    • .post-content 부분을 본문이 포함된 실제 클래스명으로 변경해야 합니다.
  3. ‘Print’ 버튼 추가
    • 워드프레스 글(포스트)에 버튼을 추가하여 인쇄 기능을 활성화합니다.
    • HTML 블록을 추가하고 다음 코드를 입력하세요. <button onclick="window.print();">인쇄하기</button>
    • 이 버튼을 클릭하면 .post-content 부분만 인쇄됩니다.

3. 테스트 및 문제 해결

  • 설정을 마쳤다면 미리보기를 눌러 실제로 원하는 부분만 인쇄되는지 확인하세요.
  • 만약 여전히 전체 페이지가 인쇄된다면 CSS 선택자(Selector) 설정을 확인하세요.
  • ‘Print Page – Block’의 플러그인 설정에서 선택한 블록만 인쇄하는 옵션이 활성화되어 있는지도 점검하세요.

이 방법을 따르면 워드프레스에서 특정 섹션(포스터 내용)만 인쇄할 수 있습니다.

Leave a Reply

Your email address will not be published. Required fields are marked *