PrintFriendly

독자들이 실제로 사용할 인쇄, PDF, 이메일 버튼.

아래에서 설정을 조정하고, 코드 조각을 사이트에 붙여넣기만 하면 끝입니다.

시작하기

단계 1

사이트에 추가하고 싶은 버튼을 선택하세요

단계 2

이미지 설정 구성

헤더 이미지

인쇄용 페이지 상단에 표시할 이미지를 선택하세요. 웹사이트 아이콘을 선택하면 해당 사이트의 파비콘이 사용됩니다. 또는 이미지를 직접 업로드할 수도 있습니다.

페이지에 이미지 표시하기

인쇄용 페이지와 PDF 페이지에 이미지를 표시할지 여부를 선택하세요.

이미지 위치

이 옵션을 사용하면 인쇄용 페이지에서 이미지가 배치될 위치를 선택할 수 있습니다.

단계 3

사용자 정의 CSS (선택 사항)

콘텐츠의 스타일을 사용자 지정하거나 인쇄/PDF에서 요소를 숨기려면 사용자 정의 CSS를 사용할 수 있습니다.

CSS 파일 사용

사용자 정의 CSS 입력란에 CSS 파일의 URL을 입력하고 생성된 버튼 코드를 사용하세요.

printfriendly-css 태그 사용

페이지에 printfriendly-css 태그를 추가하고, 그 안에 CSS와 버튼 코드를 함께 포함시킬 수 있습니다.

<printfriendly-css style="display: none;">
  h4 {
    font-size: 24px !important;
  }
</printfriendly-css>
사용자 지정 예시▾

참고:CSS 적용 범위를 #printfriendly 로 제한하고, 기본 스타일을 재정의하기 위해 !important 를 추가하세요

인쇄/PDF의 여백 설정

@media print {
  @page {
    margin: 5mm !important;
  }
}

URL 숨기기

#printfriendly #pf-src {
  display: none !important;
}

제목 숨기기

#printfriendly #pf-title {
  display: none !important;
}

Google Fonts 사용하기

/* Use the Inter Font */
@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');

#printfriendly {
  font-family: 'Inter', sans-serif !important;
}

가로 방향으로 인쇄/PDF

@media print {
  @page {
    size: landscape !important;
  }
}

단계 4

PrintFriendly 기능 설정

이메일을 통해 페이지를 공유할 수 있도록 허용

이 옵션을 선택하면 PrintFriendly 창에 ‘이메일’ 버튼이 표시됩니다. 사용자가 페이지 URL을 다른 사용자에게 이메일로 보낼 수 있도록 할지 여부를 선택하세요.

PDF 다운로드 허용

이 옵션을 선택하면 PrintFriendly 창에 PDF 버튼이 추가됩니다. 사용자가 인쇄용 페이지를 PDF 형식으로 내보낼 수 있도록 할지 여부를 선택하세요.

사용자가 웹 페이지의 인쇄용 버전을 생성할 수 있도록 합니다.

이 옵션을 선택하면 PrintFriendly 창에 ‘인쇄’ 버튼이 추가됩니다. 사용자가 웹 페이지의 인쇄용 버전을 생성할 수 있도록 할지 여부를 선택하세요.

사용자가 인쇄용 페이지에서 콘텐츠를 삭제할 수 있도록 허용합니다.

이 옵션을 사용하면 사용자가 인쇄용 페이지에서 내용을 삭제한 후 해당 페이지를 인쇄하거나 PDF로 저장할 수 있습니다. 단, 사용자는 실제 웹사이트에서 내용을 삭제할 수는 없습니다.

Pro 전용 기능

이미지를 Base64로 인코딩합니다.

사이트가 공개적으로 접근할 수 없는 경우, 호스팅 업체가 제3자(예: Zendesk)의 이미지 요청을 차단하는 경우, 또는 PDF 파일에 이미지가 포함되어 있지 않은 경우 이 기능을 활성화하십시오.

보이지 않는 콘텐츠 포함

기본적으로 PrintFriendly Pro는 페이지에 표시된 콘텐츠만 보여줍니다. PrintFriendly에 숨겨진 콘텐츠(예: 숨겨진 탭의 콘텐츠)도 표시되도록 하려면 이 기능을 활성화하세요.

단계 5

PrintFriendly 인쇄 버튼을 표시하고 싶은 위치에 이 코드를 삽입하세요.

<printfriendly-options style="display:none;" data-content-features="disableClickToDel=0;hideImages=0;imageDisplayStyle=block;disablePDF=0;disableEmail=0;disablePrint=0;encodeImages=0;showHiddenContent=0;"></printfriendly-options><script>var pfBtVersion='3';(function(){var js,pf;pf=document.createElement('script');pf.type='text/javascript';pf.src='//www.printfriendly.com/printfriendly.js';document.getElementsByTagName('head')[0].appendChild(pf);})();</script><a href="https://www.printfriendly.com" style="color:#6D9F00;text-decoration:none;" class="printfriendly" onclick="window.print();return false;" title="PrintFriendly and PDF"><img style="border:none;-webkit-box-shadow:none;box-shadow:none;" src="//cdn.printfriendly.com/buttons/new/three-icons-light.svg" alt="PrintFriendly and PDF"/></a>

PrintFriendly Pro 이용하기

PrintFriendly Pro는 GDPR을 준수하며, 다양한 유용한 기능을 갖추고 있습니다. 지금 바로 귀하의 도메인을 위해 구매하세요.

Print Button Pro 다운로드