PrintFriendly

Egy nyomtatás, PDF és e-mail gomb, amelyet az olvasóid valóban használni fognak.

Állítsd be az alábbiak szerint, illeszd be a kódrészletet a webhelyedre, és kész is.

Kezdés

1. lépés

Válassza ki azt a gombot, amelyet hozzá szeretne adni a webhelyéhez

2. lépés

Képbeállítások konfigurálása

Fejléc kép

Válassza ki, melyik kép jelenjen meg a nyomtatható oldalak tetején. Kiválaszthatja webhelyének ikonját, amely esetben a webhely faviconja kerül felhasználásra. Vagy feltölthet egy képet is.

Képek megjelenítése az oldalain

Válassza ki, hogy szeretne-e képeket megjeleníteni a nyomtatható és a PDF-oldalakon.

Kép elhelyezkedése

Ezzel az opcióval beállíthatja, hogyan szeretné elhelyezni a képeket a nyomtatható oldalakon.

3. lépés

Egyéni CSS (Opcionális)

A tartalom megjelenésének testreszabásához vagy elemek elrejtéséhez a Nyomtatás/PDF nézetben egyéni CSS-t használhat.

CSS-fájl használata

Írja be a CSS-fájl URL-címét az egyéni CSS mezőbe, majd használja a generált gombkódot.

Használja a printfriendly-css címkét

Az oldalhoz hozzáadhat egy „printfriendly-css” címkét, amelyben a CSS-kód és a gomb kódja is szerepel.

<printfriendly-css style="display: none;">
  h4 {
    font-size: 24px !important;
  }
</printfriendly-css>
Testreszabási példák▾

Megjegyzés:Határozza meg CSS-stílusainak hatályát a #printfriendly oldalon, és adja hozzá a !important kódot az alapértelmezett stílusok felülírásához

A Nyomtatás/PDF margójának beállítása

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

URL elrejtése

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

Cím elrejtése

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

Használja a Google Fonts szolgáltatást

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

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

Nyomtatás/PDF fekvő formátumban

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

4. lépés

A PrintFriendly funkcióinak beállítása

Lehetővé teszi az oldalak e-mailben történő megosztását

Ez az opció egy „E-mail” gombot jelenít meg a PrintFriendly ablakban. Itt állíthatod be, hogy a felhasználók elküldhessék-e másoknak az oldalad URL-jét e-mailben.

PDF-letöltés engedélyezése

Ez az opció egy PDF gombot helyez el a PrintFriendly ablakban. Itt állíthatja be, hogy a felhasználók exportálhassák-e a nyomtatásra optimalizált oldalakat PDF formátumba.

Lehetővé teszi a felhasználók számára, hogy nyomtatásra alkalmas változatokat készítsenek a weboldalairól.

Ez az opció egy „Nyomtatás” gombot helyez el a PrintFriendly ablakban. Itt állíthatja be, hogy a felhasználók készíthessenek-e nyomtatásra alkalmas változatot a weboldalairól.

Lehetővé teszi a felhasználók számára, hogy tartalmat töröljenek a nyomtatásra optimalizált oldalairól.

Ezzel az opcióval a felhasználók törölhetnek tartalmat a nyomtatásra optimalizált oldalairól, mielőtt azokat kinyomtatnák vagy PDF-fájlként mentenék. A felhasználók nem törölhetnek tartalmat a webhely tényleges tartalmából.

Pro exkluzív funkciók

Kódold a képeket Base64-ben.

Kapcsolja be ezt a funkciót, ha webhelye nem nyilvánosan elérhető, ha szolgáltatója blokkolja a harmadik felektől (pl. Zendesk) érkező képletöltési kéréseket, vagy ha a képek nem szerepelnek a PDF-fájlban

A nem látható tartalmakat is vegye fel

Alapértelmezés szerint a PrintFriendly Pro csak az oldalon látható tartalmat jeleníti meg. Engedélyezze ezt a funkciót, ha szeretné, hogy a PrintFriendly a rejtett tartalmakat is megjelenítse. (Például a rejtett lapokon található tartalmakat)

5. lépés

Helyezd be ezt a kódot oda, ahol a PrintFriendly nyomtatási gombot szeretnéd megjeleníteni.

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

Szerezd be a PrintFriendly Pro-t

A PrintFriendly Pro megfelel a GDPR előírásainak, és számos remek funkcióval rendelkezik. Vásárolja meg most a saját domainjéhez!

Szerezd be a Print Button Pro-t