PrintFriendly

Butang cetak, PDF, dan e-mel yang benar-benar akan digunakan oleh pembaca anda.

Sesuaikan di bawah, tampal kod ke dalam laman anda, selesai.

Mulakan

Langkah 1

Pilih butang yang anda ingin tambahkan ke laman anda

Langkah 2

Konfigurasikan tetapan imej

Imej Pengepala

Pilih imej yang anda ingin paparkan di bahagian atas halaman mesra pencetak anda. Anda boleh memilih ikon laman web anda, yang akan menggunakan favicon untuk laman anda. Atau, anda boleh memilih untuk memuat naik imej.

Tunjukkan imej pada halaman anda

Pilih sama ada anda ingin memaparkan imej pada halaman mesra pencetak dan PDF anda.

Kedudukan Imej

Pilihan ini membolehkan anda memilih cara anda ingin imej diletakkan pada halaman mesra pencetak anda.

Langkah 3

CSS Tersuai (Pilihan)

Untuk menyesuaikan penggayaan kandungan atau menyembunyikan elemen dalam Cetak/PDF, anda boleh menggunakan CSS tersuai.

Gunakan Fail CSS

Masukkan URL ke fail CSS anda dalam input CSS tersuai dan gunakan kod butang yang dijana.

Gunakan tag printfriendly-css

Anda boleh menambah tag printfriendly-css ke halaman dengan CSS yang disertakan di dalamnya bersama dengan kod butang.

<printfriendly-css style="display: none;">
  h4 {
    font-size: 24px !important;
  }
</printfriendly-css>
Contoh Penyesuaian▾

Nota:Hadkan peranan CSS anda kepada #printfriendly dan tambah !important untuk mengatasi gaya lalai

Sesuaikan jidar Cetak/PDF

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

Sembunyikan URL

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

Sembunyikan Tajuk

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

Gunakan Google Fonts

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

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

Cetak/PDF dalam Landskap

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

Langkah 4

Konfigurasikan ciri-ciri PrintFriendly

Benarkan perkongsian halaman melalui e-mel

Pilihan ini memaparkan butang E-mel pada tetingkap PrintFriendly kami. Pilih sama ada pengguna anda boleh menghantar URL halaman anda melalui e-mel kepada pengguna lain.

Benarkan muat turun PDF

Pilihan ini menambah butang PDF pada tetingkap PrintFriendly kami. Pilih sama ada pengguna anda boleh mengeksport halaman mesra pencetak anda ke format PDF.

Benarkan pengguna mencipta versi mesra pencetak bagi halaman web anda.

Pilihan ini menambah butang Cetak pada tetingkap PrintFriendly kami. Pilih sama ada anda ingin pengguna anda mencipta versi mesra pencetak bagi halaman web anda.

Benarkan pengguna memadam kandungan daripada halaman mesra-pencetak anda.

Pilihan ini membenarkan pengguna anda memadam kandungan daripada halaman mesra-pencetak anda sebelum mereka mencetak atau menjadikan halaman tersebut sebagai PDF. Pengguna tidak dapat memadam kandungan daripada laman web sebenar anda.

Ciri Eksklusif Pro

Enkod imej dalam base 64.

Aktifkan ciri ini jika laman web anda tidak boleh diakses secara awam atau jika pembekal anda menyekat permintaan imej daripada pihak ketiga (Cth. Zendesk) atau jika imej tidak hadir dalam PDF

Sertakan kandungan yang tidak kelihatan

Secara lalai, PrintFriendly Pro hanya akan menunjukkan kandungan yang kelihatan pada halaman. Aktifkan ciri ini jika anda mahu PrintFriendly menunjukkan kandungan tersembunyi. (Cth. Kandungan dalam tab tersembunyi)

Langkah 5

Masukkan kod ini di tempat anda mahu Butang Cetak PrintFriendly anda muncul.

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

Dapatkan PrintFriendly Pro

PrintFriendly Pro mematuhi GDPR, dan mempunyai banyak ciri hebat. Beli sekarang untuk domain anda.

Dapatkan Print Button Pro