PrintFriendly

Tulosta-, PDF- ja sähköpostipainikkeet, joita lukijasi todella käyttävät.

Mukauta se alla, liitä koodinpätkä sivustollesi, ja valmista.

Aloita

Vaihe 1

Valitse painike, jonka haluat lisätä sivustollesi

Vaihe 2

Määritä kuvan asetukset

Otsikkokuva

Valitse, mikä kuva haluat näkyvän tulostusystävällisten sivujesi yläosassa. Voit valita verkkosivustosi kuvakkeen, jolloin sivustosi favicon otetaan käyttöön. Tai voit ladata kuvan.

Näytä kuvia sivuillasi

Valitse, haluatko näyttää kuvia tulostusversiossa ja PDF-tiedostoissa.

Kuvan sijainti

Tämän asetuksen avulla voit valita, miten kuvat sijoitetaan tulostusvalmiille sivuille.

Vaihe 3

Mukautettu CSS (Valinnainen)

Voit muokata sisällön ulkoasua tai piilottaa elementtejä tulostus- tai PDF-näkymässä käyttämällä mukautettua CSS-tyylitiedostoa.

Käytä CSS-tiedostoa

Kirjoita CSS-tiedostosi URL-osoite mukautetun CSS:n syöttökenttään ja käytä luotua painikekoodia.

Käytä printfriendly-css-tagiä

Voit lisätä sivulle printfriendly-css-tagin, jonka sisällä on CSS-koodi sekä painikkeen koodi.

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

Huomautus:Määritä CSS-tyylien soveltamisala sivustoille #printfriendly ja lisää !important ohittamaan oletustyylit

Määritä tulostuksen/PDF-tiedoston marginaalit

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

Piilota URL-osoite

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

Piilota otsikko

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

Käytä Google Fonts -fontteja

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

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

Tulosta/PDF vaakasuunnassa

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

Vaihe 4

Määritä PrintFriendly-ominaisuudet

Salli sivujen jakaminen sähköpostitse

Tämä asetus tuo näkyviin Sähköposti-painikkeen PrintFriendly-ikkunaan. Valitse, voivatko käyttäjät lähettää sivusi URL-osoitteita sähköpostitse muille käyttäjille.

Salli PDF-tiedoston lataaminen

Tämä asetus lisää PDF-painikkeen PrintFriendly-ikkunaan. Valitse, voivatko käyttäjät viedä tulostusystävälliset sivusi PDF-muotoon.

Anna käyttäjien luoda tulostusystävällisiä versioita verkkosivuistasi.

Tämä asetus lisää Tulosta-painikkeen PrintFriendly-ikkunaan. Valitse, haluatko käyttäjien voivan luoda tulostusystävällisiä versioita verkkosivuistasi.

Anna käyttäjille mahdollisuus poistaa sisältöä tulostusystävällisiltä sivuiltasi.

Tämän asetuksen avulla käyttäjät voivat poistaa sisältöä tulostusvalmiista sivuista ennen niiden tulostamista tai tallentamista PDF-tiedostoiksi. Käyttäjät eivät voi poistaa sisältöä varsinaiselta verkkosivustolta.

Pro-version erikoisominaisuudet

Koodaa kuvat Base64-muotoon.

Ota tämä ominaisuus käyttöön, jos sivustosi ei ole julkisesti saatavilla, jos palveluntarjoajasi estää kolmansien osapuolten (esim. Zendesk) kuvapyynnöt tai jos kuvia ei ole PDF-tiedostossa

Lisää sisältöä, jota ei näy

Oletusasetuksena PrintFriendly Pro näyttää vain sivulla näkyvän sisällön. Ota tämä ominaisuus käyttöön, jos haluat, että PrintFriendly näyttää piilotetun sisällön. (Esim. piilotettujen välilehtien sisältö)

Vaihe 5

Lisää tämä koodi kohtaan, johon haluat PrintFriendly-tulostuspainikkeen näkyvä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>

Hanki PrintFriendly Pro

PrintFriendly Pro on GDPR-yhteensopiva ja tarjoaa lisäksi monia hienoja ominaisuuksia. Osta se nyt verkkotunnuksellesi.

Hanki Print Button Pro