WordPress 사이트를 인쇄 준비로 만드는 방법

웹 디자이너, 개발자 또는 웹 사이트 소유자로서 웹 사이트 페이지를 인쇄해야 하는 경우는 거의 없습니다. 그러나 필요에 따라 웹 페이지를 프린터로 보내야 하는 경우에는 화면에서처럼 종이에서도 똑같이 나타나는지 확인하고 싶을 것입니다.

귀하의 웹 사이트가 인쇄 준비가 되어 있지 않으면 페이지가 종이에 뒤죽박죽으로 보일 뿐만 아니라 종이에 낮은 품질로 인쇄될 수도 있습니다. 분명히 그것은 귀하나 귀하의 웹 방문자가 보고 싶어하는 것이 아닙니다. 모든 웹 방문자가 온라인에서 웹 콘텐츠를 읽는 것은 아닙니다.

이 게시물에서는 인쇄된 모든 페이지가 종이에 선명하고 정돈되어 표시되도록 WordPress 웹사이트를 인쇄 가능하게 만드는 방법에 대해 논의하겠습니다. 첫째, 인쇄 가능한 웹사이트의 필요성은 무엇입니까?

WordPress 웹사이트를 인쇄 준비로 만드는 이유는 무엇인가요?

대다수의 인터넷 사용자가 디지털 장치를 사용하여 웹 서핑을 하고 있다는 점을 고려하면 웹사이트를 인쇄 가능하게 만들어야 하는 이유가 무엇인지 묻는 것이 당연할 것입니다. 사실은 사람들이 웹 사이트 콘텐츠를 어떻게 읽는지에 대해 가정을 해서는 안 된다는 것입니다. 사실 웹사이트 방문자의 대부분은 온라인에서 직접 콘텐츠를 읽지만, 웹페이지를 인쇄할 수 있는 소수의 방문자를 수용하는 것이 좋습니다. 그리고 웹사이트를 인쇄 가능하게 만드는 것이 많은 작업이 아니라는 점을 고려하면 그렇게 하지 않을 이유가 거의 없습니다.

일반적으로 인쇄를 포함하여 콘텐츠에 액세스할 수 있는 모든 가능한 방법을 지원해야 합니다. 기본적으로 귀하는 웹 방문자가 귀하의 콘텐츠를 사용하기를 원하는 모든 것에 대비하고 싶습니다. 예를 들어, 독자가 자신의 작업과 관련된 게시물을 발견하고 이를 프레젠테이션의 참조 지점으로 사용하기로 결정한 경우 이를 인쇄하고 싶어할 것입니다. 누가 귀하의 사이트를 방문할지, 그들이 콘텐츠를 어떻게 사용할지 결코 알 수 없습니다. 그렇다면 WordPress 블로그를 디지털 화면과 종이 모두에서 선명하고 또렷하게 렌더링하려면 어떻게 해야 할까요?

인쇄용 WordPress 플러그인

WordPress 수정에서 예상할 수 있듯이 항상 구조를 위한 플러그인이 있습니다. 인쇄용 CSS를 직접 작성하는 것은 강력하지만 약간의 계획이 필요하며, 발생하는 문제를 테스트하고 해결하는 데 추가 시간도 필요합니다. 따라서 CSS 작성에 손을 대고 싶지 않다면 작업을 수행할 수 있는 플러그인을 선택하세요. 블로그 레이아웃의 복잡성에 따라 사용할 수 있는 여러 플러그인이 있습니다. 고려해야 할 몇 가지 선택 사항은 다음과 같습니다.

간편한 소셜 공유 WordPress 플러그인

CodeCanyon에서 가장 인기 있는 플러그인 중 하나인 Easy Social Share에는 독자가 블로그를 쉽게 공유할 수 있는 훌륭한 기능이 포함되어 있습니다. 플러그인에는 20개 이상의 주요 소셜 네트워크에 대한 지원이 포함될 뿐만 아니라 모든 게시물이나 페이지에 추가할 수 있는 유용한 인쇄 옵션도 포함되어 있습니다. 인쇄 버튼은 모든 소셜 공유 버튼에 포함되어 있으므로 웹사이트에 인쇄 옵션을 빠르고 원활하게 추가할 수 있습니다.

인쇄 친화적인 PDF 버튼 무료 WordPress 플러그인

인쇄 친화적 및 PDF 버튼은 버튼 클릭만으로 웹 페이지의 인쇄 버전을 생성합니다. 그런 다음 페이지를 PDF로 저장하거나 종이에 인쇄할 수 있습니다. 20개 이상의 언어를 지원하며 사용자의 언어 설정에 맞게 자동으로 언어를 조정합니다. 플러그인에는 다양한 다른 기능이 포함되어 있으며 무엇보다도 무료로 사용할 수 있습니다(광고 포함). 광고 없는 버전을 원하시면 구독을 구매하셔야 합니다.

WP Print 무료 WordPress 플러그인

이것은 번거로움 없이 WordPress 블로그를 인쇄할 수 있도록 해주는 또 다른 훌륭하고 작은 플러그인입니다. 이전 플러그인만큼 기능이 많지는 않지만 인쇄할 페이지 요소를 제어하기 위한 상당한 설정 세트가 있습니다. 웹 페이지에는 사용자가 원하는 페이지의 인쇄 가능한 버전을 생성할 수 있는 단일 인쇄 버튼이 표시됩니다.

인쇄용 맞춤 CSS

코딩에 익숙하다면 WordPress 블로그 인쇄를 준비할 때 좋은 출발점이 CSS입니다. 실제로 웹사이트를 인쇄 가능하게 만들려면 요소를 숨기거나 표시하는 CSS 스타일을 작성하여 종이에 명확하게 표시해야 합니다. 테마가 인쇄 준비가 되지 않았거나 맞춤 인쇄 스타일을 추가하려는 경우 먼저 하위 테마를 생성하여 맞춤 CSS를 추가하거나 즐겨 사용하는 맞춤 CSS 플러그인을 설치 및 활성화하세요.

이제 맞춤 인쇄 스타일(CSS)을 추가하여 웹페이지 인쇄를 준비하기만 하면 됩니다. 이 작업도 쉽습니다. 선언을 한 다음 다음과 같이 해당 선언 내에 스타일을 작성하세요.

@media print {
/* your print styles */
}

선언은 지정된 스타일을 사용하여 인쇄 시 웹 페이지의 모양을 제어하는 미디어 쿼리입니다.

두 번째 방법은 모든 인쇄 스타일을 별도의 CSS 파일에 저장하는 것입니다. 이는 작업을 수행하는 보다 깔끔하고 체계적인 방법이며 블로그 유지 관리 작업을 수행할 때 특히 유용합니다. 새 CSS 파일을 만들고 스타일을 작성한 다음(@media print 선언으로 시작하는 것을 잊지 마세요) 그런 다음 맞춤 인쇄 CSS 파일을 테마에 로드하세요. 스타일 파일에 넣는 내용은 전적으로 귀하에게 달려 있지만 기본적으로 블로그의 인쇄 버전에 표시하려는 모든 내용을 포함하게 됩니다.

다음은 인쇄용 스타일 지정 시 몇 가지 일반적인 지침입니다.

사이드바와 같이 인쇄 버전에 표시하고 싶지 않은 부분이 있습니다. 이 경우 display: none을 사용하여 해당 부분을 숨길 때 페이지가 인쇄될 때 뒤죽박죽으로 보이지 않도록 나머지 블록을 다시 구성하세요.
디지털 화면에 가장 적합한 em 또는 픽셀 단위 대신 글꼴 크기에 포인트를 사용하세요. 반면에 프린터는 포인트를 사용하는 것이 가장 좋습니다.
블로그의 인쇄 버전은 전체 폭을 사용해야 합니다. 디지털 기기에서는 너비 크기를 제한하는 것이 좋지만 종이에 인쇄할 때는 보기 좋지 않습니다.
특히 귀하의 블로그가 매우 활동적인 블로그인 경우 댓글 섹션의 콘텐츠를 제거하십시오.
탐색 및 바닥글 콘텐츠를 제거합니다(해당 요소에 display: none 사용). 대부분의 경우 인쇄 버전에서는 페이지의 텍스트 내용이 중요하므로 인쇄 CSS를 작성할 때 텍스트 내용에 중점을 두어야 합니다.
이전 요점에 덧붙여, 관련 텍스트 내용을 이해하는 데 절대적으로 필요한 경우를 제외하고 모든 이미지를 숨기는 것도 고려해야 합니다. 분명히 다른 모든 대화형 미디어 요소는 종이 위에 어수선하게 놓여 있을 뿐이므로 기본적으로 숨겨야 합니다. 링크도 종이에서는 의미가 없으므로 제거해야 합니다.

WordPress.org에는 스타일시트를 작성할 때 참조로 사용할 수 있는 인쇄 스타일시트의 좋은 예가 있습니다. 여기를 참조하세요.

마무리

웹사이트를 인쇄 가능하게 만드는 것은 많은 사람들이 웹사이트를 구축할 때 생각하는 것이 아닙니다. 그러나 처음부터 웹과 인쇄 모두에 맞게 디자인하는 것이 중요합니다. 그럼에도 불구하고 이 작업을 수행하지 않았고 이제 막힌 느낌이 든다면 해결하기가 매우 쉽습니다. 실제로 인쇄 스타일을 테마에 구현하는 것이 얼마나 간단한지 고려할 때 대부분의 사람들은 심지어 WordPress 초보자도 이러한 변경을 스스로 수행할 수 있습니다. 특히 위에서 권장하는 플러그인 중 하나를 사용하는 경우에는 더욱 그렇습니다.

그렇다면 블로그를 인쇄할 수 있도록 만들 계획이신가요? 이미 이러한 조치를 취했다면 어떻게 진행되었나요? 아래 댓글을 통해 귀하의 경험에 대해 모두 듣고 싶습니다.