Ένα κουμπί εκτύπωσης, PDF και αποστολής μέσω email που οι αναγνώστες σας θα χρησιμοποιούν πραγματικά.

Προσαρμόστε το παρακάτω, επικολλήστε το απόσπασμα στον ιστότοπό σας, και έτοιμο.

Βήμα 2

Ρύθμιση παραμέτρων εικόνας

Εικόνα κεφαλίδας

Εικονίδιο ιστότοπουΑνεβάστε μια εικόνα

Επιλέξτε ποια εικόνα θέλετε να εμφανίζεται στην κορυφή των σελίδων σας που είναι κατάλληλες για εκτύπωση. Μπορείτε να επιλέξετε το εικονίδιο του ιστότοπού σας, οπότε θα χρησιμοποιηθεί το favicon του ιστότοπού σας. Εναλλακτικά, μπορείτε να ανεβάσετε μια εικόνα.

Εμφάνιση εικόνων

Εμφάνιση εικόνων στις σελίδες σας

Επιλέξτε αν θέλετε να εμφανίζονται εικόνες στις σελίδες που προορίζονται για εκτύπωση και στις σελίδες PDF.

Θέση εικόνας

Κέντρο/ΜπλοκΕυθυγράμμιση αριστεράΕυθυγράμμιση δεξιάΧωρίς στοίχιση

Αυτή η επιλογή σας επιτρέπει να επιλέξετε τον τρόπο με τον οποίο θέλετε να τοποθετηθούν οι εικόνες στις σελίδες σας που είναι κατάλληλες για εκτύπωση.

Βήμα 3

Προσαρμοσμένο CSS (Προαιρετικό)

Για να προσαρμόσετε τη μορφοποίηση του περιεχομένου ή για να αποκρύψετε στοιχεία στην εκτύπωση ή στο PDF, μπορείτε να χρησιμοποιήσετε προσαρμοσμένο CSS.

Προσθήκη προσαρμοσμένου CSS

Χρησιμοποιήστε ένα αρχείο CSS

Εισάγετε τη διεύθυνση URL του αρχείου CSS σας στο πεδίο εισαγωγής του προσαρμοσμένου CSS και χρησιμοποιήστε τον κώδικα κουμπιού που δημιουργήθηκε.

Χρησιμοποιήστε την ετικέτα printfriendly-css

Μπορείτε να προσθέσετε την ετικέτα printfriendly-css στη σελίδα, με το 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

Ηλεκτρονικό ταχυδρομείο

Να επιτρέπεται η κοινή χρήση σελίδων μέσω email

Αυτή η επιλογή εμφανίζει ένα κουμπί «Email» στο παράθυρο του PrintFriendly. Επιλέξτε αν οι χρήστες σας θα μπορούν να στέλνουν τις διευθύνσεις URL των σελίδων σας μέσω email σε άλλους χρήστες.

PDF

Να επιτρέπεται η λήψη αρχείων PDF

Αυτή η επιλογή προσθέτει ένα κουμπί PDF στο παράθυρο του PrintFriendly. Επιλέξτε αν οι χρήστες σας θα μπορούν να εξάγουν τις σελίδες σας σε μορφή PDF.

Εκτύπωση

Δώστε τη δυνατότητα στους χρήστες να δημιουργούν εκτυπώσιμες εκδόσεις των ιστοσελίδων σας.

Αυτή η επιλογή προσθέτει ένα κουμπί «Εκτύπωση» στο παράθυρο του PrintFriendly. Επιλέξτε αν θέλετε οι χρήστες σας να μπορούν να δημιουργούν εκτυπώσιμες εκδόσεις των ιστοσελίδων σας.

Κάντε κλικ για διαγραφή

Δώστε τη δυνατότητα στους χρήστες να διαγράφουν περιεχόμενο από τις σελίδες σας που είναι κατάλληλες για εκτύπωση.

Αυτή η επιλογή επιτρέπει στους χρήστες σας να διαγράψουν περιεχόμενο από τις σελίδες που είναι κατάλληλες για εκτύπωση πριν τις εκτυπώσουν ή τις αποθηκεύσουν σε μορφή PDF. Οι χρήστες δεν μπορούν να διαγράψουν περιεχόμενο από τον ίδιο τον ιστότοπό σας.

Αποκλειστικές λειτουργίες της έκδοσης Pro

Κωδικοποίηση εικόνων

Κωδικοποίηση εικόνων σε βάση 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 συμμορφώνεται με τον ΓΚΠΔ και διαθέτει πολλές εξαιρετικές λειτουργίες. Αγοράστε το τώρα για τον ιστότοπό σας.

Αποκτήστε το Print Button Pro