PrintFriendly

Isang print, PDF, at email na button na talagang gagamitin ng iyong mga mambabasa.

I-customize ito sa ibaba, i-paste ang snippet sa iyong site, tapos na.

Magsimula

Hakbang 1

Piliin ang button na nais mong idagdag sa iyong site

Hakbang 2

I-configure ang mga setting ng larawan

Header na Larawan

Piliin kung aling larawan ang nais mong lumabas sa tuktok ng iyong mga printer-friendly na pahina. Maaari kang pumili ng icon ng iyong website, na gagamit ng favicon para sa iyong site. O, maaari kang pumili na mag-upload ng larawan.

Ipakita ang mga larawan sa iyong mga pahina

Piliin kung nais mong ipakita ang mga larawan sa iyong mga printer-friendly at PDF na pahina.

Posisyon ng Larawan

Ang opsyong ito ay nagbibigay-daan sa iyo na piliin kung paano mo nais iposisyon ang mga larawan sa iyong mga printer-friendly na pahina.

Hakbang 3

Custom na CSS (Opsyonal)

Upang i-customize ang istilo ng nilalaman o para itago ang mga elemento sa Print/PDF, maaari kang gumamit ng custom na CSS.

Gumamit ng CSS File

Ilagay ang URL ng iyong CSS file sa custom na CSS input at gamitin ang nabuong code ng button.

Gumamit ng printfriendly-css tag

Maaari kang magdagdag ng printfriendly-css tag sa pahina na may nakalagay na CSS sa loob nito kasama ang code ng button.

<printfriendly-css style="display: none;">
  h4 {
    font-size: 24px !important;
  }
</printfriendly-css>
Mga Halimbawa ng Pag-customize▾

Tandaan:Limitahan ang iyong mga CSS na papel sa #printfriendly at magdagdag ng !important upang i-override ang mga default na estilo

I-customize ang margin ng Print/PDF

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

Itago ang URL

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

Itago ang Pamagat

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

Gumamit 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;
}

Print/PDF sa Landscape

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

Hakbang 4

I-configure ang mga tampok ng PrintFriendly

Payagan ang pagbabahagi ng mga pahina sa pamamagitan ng email

Ang opsyong ito ay nagpapakita ng Email na button sa aming PrintFriendly na window. Piliin kung maaaring mag-email ang iyong mga gumagamit ng mga URL ng iyong pahina sa ibang mga gumagamit.

Payagan ang pag-download ng PDF

Ang opsyong ito ay nagdaragdag ng PDF na button sa aming PrintFriendly na window. Piliin kung maaaring i-export ng iyong mga gumagamit ang iyong mga printer-friendly na pahina sa PDF na format.

Payagan ang mga gumagamit na lumikha ng mga printer-friendly na bersyon ng iyong mga web page.

Ang opsyong ito ay nagdaragdag ng Print na button sa aming PrintFriendly na window. Piliin kung nais mong payagan ang iyong mga gumagamit na lumikha ng mga printer-friendly na bersyon ng iyong mga web page.

Payagan ang mga gumagamit na magtanggal ng nilalaman mula sa iyong mga printer-friendly na pahina.

Ang opsyong ito ay nagbibigay-daan sa iyong mga gumagamit na magtanggal ng nilalaman mula sa iyong mga printer-friendly na pahina bago nila i-print o i-PDF ang mga pahinang iyon. Hindi makakaya ng mga gumagamit na magtanggal ng nilalaman mula sa iyong aktwal na website.

Mga Eksklusibong Tampok ng Pro

I-encode ang mga larawan sa base 64.

Paganahin ang tampok na ito kung ang iyong site ay hindi available sa publiko o kung hinaharangan ng iyong provider ang mga kahilingan ng larawan mula sa mga third party (Hal. Zendesk) o kung ang mga larawan ay wala sa PDF

Isama ang nilalaman na hindi nakikita

Sa pamamagitan ng default, ang PrintFriendly Pro ay magpapakita lamang ng nakikitang nilalaman sa pahina. Paganahin ang tampok na ito kung nais mong ipakita ng PrintFriendly ang nakatagong nilalaman. (Hal. Nilalaman sa mga nakatagong tab)

Hakbang 5

Ipasok ang code na ito kung saan mo gustong lumabas ang iyong PrintFriendly Print Button.

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

Kunin ang PrintFriendly Pro

Ang PrintFriendly Pro ay sumusunod sa GDPR, at mayroon ding maraming magagandang tampok. Bumili na ngayon para sa iyong domain.

Kunin ang Print Button Pro