PrintFriendly

Nút in, PDF và email mà độc giả của bạn sẽ thực sự sử dụng.

Tùy chỉnh bên dưới, dán đoạn mã vào trang web của bạn, hoàn tất.

Bắt đầu

Bước 1

Chọn nút bạn muốn thêm vào trang web của mình

Bước 2

Cấu hình cài đặt hình ảnh

Hình ảnh tiêu đề

Chọn hình ảnh bạn muốn hiển thị ở đầu các trang thân thiện với máy in. Bạn có thể chọn biểu tượng trang web của mình, tức là sử dụng favicon của trang web. Hoặc bạn có thể chọn tải lên một hình ảnh.

Hiển thị hình ảnh trên các trang của bạn

Chọn xem bạn có muốn hiển thị hình ảnh trên các trang thân thiện với máy in và PDF của mình hay không.

Vị trí hình ảnh

Tùy chọn này cho phép bạn chọn cách định vị hình ảnh trên các trang thân thiện với máy in của mình.

Bước 3

CSS tùy chỉnh (Tùy chọn)

Để tùy chỉnh kiểu dáng của nội dung hoặc ẩn các phần tử trong bản in/PDF, bạn có thể sử dụng CSS tùy chỉnh.

Sử dụng tệp CSS

Nhập URL đến tệp CSS của bạn vào ô nhập CSS tùy chỉnh và sử dụng mã nút đã được tạo.

Sử dụng thẻ printfriendly-css

Bạn có thể thêm thẻ printfriendly-css vào trang với CSS được đặt bên trong nó cùng với mã nút.

<printfriendly-css style="display: none;">
  h4 {
    font-size: 24px !important;
  }
</printfriendly-css>
Các tùy chỉnh mẫu▾

Lưu ý:Giới hạn phạm vi các quy tắc CSS của bạn vào #printfriendly và thêm !important để ghi đè các kiểu mặc định

Tùy chỉnh lề của bản in/PDF

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

Ẩn URL

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

Ẩn tiêu đề

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

Sử dụng Google Fonts

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

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

In/PDF theo chiều ngang

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

Bước 4

Cấu hình các tính năng của PrintFriendly

Cho phép chia sẻ trang qua email

Tùy chọn này hiển thị nút Email trên cửa sổ PrintFriendly của chúng tôi. Chọn xem người dùng của bạn có thể gửi URL trang của bạn đến người dùng khác qua email hay không.

Cho phép tải xuống PDF

Tùy chọn này thêm nút PDF trên cửa sổ PrintFriendly của chúng tôi. Chọn xem người dùng của bạn có thể xuất các trang thân thiện với máy in sang định dạng PDF hay không.

Cho phép người dùng tạo các phiên bản thân thiện với máy in của trang web của bạn.

Tùy chọn này thêm nút In trên cửa sổ PrintFriendly của chúng tôi. Chọn xem bạn có muốn người dùng của mình tạo các phiên bản thân thiện với máy in của trang web hay không.

Cho phép người dùng xóa nội dung khỏi các trang thân thiện với máy in của bạn.

Tùy chọn này cho phép người dùng của bạn xóa nội dung khỏi các trang thân thiện với máy in trước khi in hoặc xuất PDF các trang đó. Người dùng không thể xóa nội dung khỏi trang web thực tế của bạn.

Tính năng độc quyền Pro

Mã hóa hình ảnh trong base 64.

Bật tính năng này nếu trang web của bạn không thể truy cập công khai hoặc nếu nhà cung cấp của bạn chặn yêu cầu hình ảnh từ bên thứ ba (Ví dụ: Zendesk) hoặc nếu hình ảnh không hiển thị trong PDF

Bao gồm nội dung không hiển thị

Theo mặc định, PrintFriendly Pro chỉ hiển thị nội dung hiển thị trên trang. Bật tính năng này nếu bạn muốn PrintFriendly hiển thị nội dung ẩn. (Ví dụ: Nội dung trong các tab ẩn)

Bước 5

Chèn mã này vào nơi bạn muốn Nút In PrintFriendly xuất hiện.

<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>

Dùng PrintFriendly Pro

PrintFriendly Pro tuân thủ GDPR, đồng thời có nhiều tính năng tuyệt vời. Mua ngay cho tên miền của bạn.

Dùng Print Button Pro