നിങ്ങളുടെ വായനക്കാർ യഥാർത്ഥത്തിൽ ഉപയോഗിക്കുന്ന ഒരു പ്രിൻ്റ്, PDF, ഇമെയിൽ ബട്ടൺ.
താഴെ കസ്റ്റമൈസ് ചെയ്യുക, സ്നിപ്പറ്റ് നിങ്ങളുടെ സൈറ്റിൽ ഒട്ടിക്കുക, പൂർത്തിയായി.
ഘട്ടം 1
നിങ്ങളുടെ സൈറ്റിൽ ചേർക്കാൻ ആഗ്രഹിക്കുന്ന ബട്ടൺ തിരഞ്ഞെടുക്കുക
ഘട്ടം 2
ചിത്ര ക്രമീകരണങ്ങൾ കോൺഫിഗർ ചെയ്യുക
ഹെഡർ ചിത്രം
നിങ്ങളുടെ പ്രിൻ്റർ-ഫ്രണ്ട്ലി പേജുകളുടെ മുകളിൽ ഏത് ചിത്രം പ്രദർശിപ്പിക്കണമെന്ന് തിരഞ്ഞെടുക്കുക. നിങ്ങളുടെ സൈറ്റിന്റെ ഫേവിക്കോൺ ഉപയോഗിക്കുന്ന വെബ്സൈറ്റ് ഐക്കൺ തിരഞ്ഞെടുക്കാം. അല്ലെങ്കിൽ, ഒരു ചിത്രം അപ്ലോഡ് ചെയ്യാൻ തിരഞ്ഞെടുക്കാം.
നിങ്ങളുടെ പേജുകളിൽ ചിത്രങ്ങൾ കാണിക്കുക
നിങ്ങളുടെ പ്രിൻ്റർ-ഫ്രണ്ട്ലി, PDF പേജുകളിൽ ചിത്രങ്ങൾ കാണിക്കണമോ എന്ന് തിരഞ്ഞെടുക്കുക.
ചിത്ര സ്ഥാനം
നിങ്ങളുടെ പ്രിൻ്റർ-ഫ്രണ്ട്ലി പേജുകളിൽ ചിത്രങ്ങൾ എങ്ങനെ സ്ഥാനപ്പെടുത്തണമെന്ന് തിരഞ്ഞെടുക്കാൻ ഈ ഓപ്ഷൻ നിങ്ങളെ അനുവദിക്കുന്നു.
ഘട്ടം 3
കസ്റ്റം CSS (ഐച്ഛികം)
പ്രിന്റ്/PDF-ലെ ഉള്ളടക്കത്തിന്റെ സ്റ്റൈലിംഗ് ഇഷ്ടാനുസൃതമാക്കാനോ ഘടകങ്ങൾ മറയ്ക്കാനോ നിങ്ങൾക്ക് കസ്റ്റം CSS ഉപയോഗിക്കാം.
ഒരു CSS ഫയൽ ഉപയോഗിക്കുക
കസ്റ്റം CSS ഇൻപുട്ടിൽ നിങ്ങളുടെ CSS ഫയലിന്റെ URL നൽകി ജനറേറ്റ് ചെയ്ത ബട്ടൺ കോഡ് ഉപയോഗിക്കുക.
printfriendly-css ടാഗ് ഉപയോഗിക്കുക
ബട്ടൺ കോഡിനൊപ്പം CSS ഉൾക്കൊള്ളുന്ന printfriendly-css ടാഗ് പേജിൽ ചേർക്കാം.
<printfriendly-css style="display: none;">
h4 {
font-size: 24px !important;
}
</printfriendly-css>സാമ്പിൾ കസ്റ്റമൈസേഷനുകൾ▾
ശ്രദ്ധിക്കുക:നിങ്ങളുടെ CSS റോളുകൾ #printfriendly-ലേക്ക് സ്കോപ്പ് ചെയ്ത് ഡിഫോൾട്ട് സ്റ്റൈലുകൾ മറികടക്കാൻ !important ചേർക്കുക
പ്രിന്റ്/PDF-ന്റെ മാർജിൻ ഇഷ്ടാനുസൃതമാക്കുക
@media print {
@page {
margin: 5mm !important;
}
}URL മറയ്ക്കുക
#printfriendly #pf-src {
display: none !important;
}തലക്കെട്ട് മറയ്ക്കുക
#printfriendly #pf-title {
display: none !important;
}Google Fonts ഉപയോഗിക്കുക
/* Use the Inter Font */
@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');
#printfriendly {
font-family: 'Inter', sans-serif !important;
}പ്രിന്റ്/PDF ലാൻഡ്സ്കേപ്പിൽ
@media print {
@page {
size: landscape !important;
}
}ഘട്ടം 4
PrintFriendly സവിശേഷതകൾ കോൺഫിഗർ ചെയ്യുക
ഇമെയിൽ വഴി പേജുകൾ പങ്കിടാൻ അനുവദിക്കുക
ഈ ഓപ്ഷൻ നമ്മുടെ PrintFriendly വിൻഡോയിൽ ഒരു Email ബട്ടൺ കാണിക്കുന്നു. നിങ്ങളുടെ ഉപയോക്താക്കൾക്ക് മറ്റ് ഉപയോക്താക്കൾക്ക് പേജ് URL-കൾ ഇമെയിൽ ചെയ്യാൻ കഴിയുമോ എന്ന് തിരഞ്ഞെടുക്കുക.
PDF ഡൗൺലോഡ് അനുവദിക്കുക
ഈ ഓപ്ഷൻ നമ്മുടെ PrintFriendly വിൻഡോയിൽ ഒരു PDF ബട്ടൺ ചേർക്കുന്നു. നിങ്ങളുടെ ഉപയോക്താക്കൾക്ക് പ്രിന്റർ-ഫ്രണ്ട്ലി പേജുകൾ PDF ഫോർമാറ്റിലേക്ക് എക്സ്പോർട്ട് ചെയ്യാൻ കഴിയുമോ എന്ന് തിരഞ്ഞെടുക്കുക.
നിങ്ങളുടെ വെബ് പേജുകളുടെ പ്രിന്റർ-ഫ്രണ്ട്ലി പതിപ്പുകൾ സൃഷ്ടിക്കാൻ ഉപയോക്താക്കളെ അനുവദിക്കുക.
ഈ ഓപ്ഷൻ നമ്മുടെ PrintFriendly വിൻഡോയിൽ ഒരു Print ബട്ടൺ ചേർക്കുന്നു. നിങ്ങളുടെ ഉപയോക്താക്കൾക്ക് വെബ് പേജുകളുടെ പ്രിന്റർ-ഫ്രണ്ട്ലി പതിപ്പുകൾ സൃഷ്ടിക്കാൻ കഴിയുമോ എന്ന് തിരഞ്ഞെടുക്കുക.
നിങ്ങളുടെ പ്രിന്റർ-ഫ്രണ്ട്ലി പേജുകളിൽ നിന്ന് ഉള്ളടക്കം ഇല്ലാതാക്കാൻ ഉപയോക്താക്കളെ അനുവദിക്കുക.
ഈ ഓപ്ഷൻ നിങ്ങളുടെ ഉപയോക്താക്കളെ പ്രിന്റ് ചെയ്യുന്നതിനോ PDF ആക്കുന്നതിനോ മുമ്പ് പ്രിന്റർ-ഫ്രണ്ട്ലി പേജുകളിൽ നിന്ന് ഉള്ളടക്കം ഇല്ലാതാക്കാൻ അനുവദിക്കുന്നു. നിങ്ങളുടെ യഥാർത്ഥ വെബ്സൈറ്റിൽ നിന്ന് ഉള്ളടക്കം ഇല്ലാതാക്കാൻ ഉപയോക്താക്കൾക്ക് സാധ്യമല്ല.
Pro എക്സ്ക്ലൂസിവ് ഫീച്ചറുകൾ
ചിത്രങ്ങൾ base 64-ൽ എൻകോഡ് ചെയ്യുക.
നിങ്ങളുടെ സൈറ്റ് പൊതുവായി ആക്സസ് ചെയ്യാൻ കഴിയാത്ത അവസ്ഥയിൽ, അല്ലെങ്കിൽ നിങ്ങളുടെ ദാതാവ് മൂന്നാം കക്ഷികളിൽ നിന്നുള്ള ചിത്ര അഭ്യർത്ഥനകൾ തടയുന്ന അവസ്ഥയിൽ (ഉദാ. Zendesk), അല്ലെങ്കിൽ PDF-ൽ ചിത്രങ്ങൾ ദൃശ്യമാകാത്ത അവസ്ഥയിൽ ഈ ഫീച്ചർ പ്രവർത്തനക്ഷമമാക്കുക.
ദൃശ്യമല്ലാത്ത ഉള്ളടക്കം ഉൾപ്പെടുത്തുക
സ്ഥിരസ്ഥിതിയായി PrintFriendly Pro പേജിലെ ദൃശ്യമായ ഉള്ളടക്കം മാത്രം കാണിക്കും. മറഞ്ഞിരിക്കുന്ന ഉള്ളടക്കം കാണിക്കാൻ PrintFriendly-നെ ആഗ്രഹിക്കുന്നുവെങ്കിൽ ഈ ഫീച്ചർ പ്രവർത്തനക്ഷമമാക്കുക. (ഉദാ. മറഞ്ഞിരിക്കുന്ന ടാബുകളിലെ ഉള്ളടക്കം)
ഘട്ടം 5
നിങ്ങളുടെ PrintFriendly പ്രിന്റ് ബട്ടൺ ദൃശ്യമാകേണ്ട സ്ഥലത്ത് ഈ കോഡ് ചേർക്കുക.
<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>PrintFriendly Pro നേടുക
PrintFriendly Pro GDPR അനുസൃതമാണ്, കൂടാതെ ധാരാളം മികച്ച ഫീച്ചറുകളും ഉണ്ട്. നിങ്ങളുടെ ഡൊമൈനിനായി ഇപ്പോൾ വാങ്ങുക.
പ്രിന്റ് ബട്ടൺ Pro നേടുക