Αυτό το άρθρο σας καθοδηγεί στη διαδικασία δημιουργίας της δικής σας Θέμα εισιτηρίων FooEvents το οποίο σας συνιστούμε να διαβάσετε πριν συνεχίσετε:
Γίνετε δημιουργικοί με τα θέματα εισιτηρίων FooEvents - Μέρος 1
Γίνετε δημιουργικοί με τα θέματα εισιτηρίων FooEvents - Μέρος 2
Είναι σημαντικό να έχετε κατά νου ότι ο τρόπος με τον οποίο δημιουργούνται τα εισιτήρια PDF διαφέρει ελαφρώς από την κανονική HTML και CSS. Υπάρχουν ορισμένα στυλ και στοιχεία που μπορεί να λειτουργούν άψογα κατά την απόδοση ενός email ή αρχείου HTML, αλλά αυτά τα στυλ μπορεί να μην είναι συμβατά με τη βιβλιοθήκη που χρησιμοποιείται για τη δημιουργία των αρχείων PDF.
Ακολουθούν ορισμένα σημαντικά πράγματα που πρέπει να γνωρίζετε όταν δημιουργείτε ή τροποποιείτε αρχεία PDF Ticket Theme:
1. Μπορείτε να χρησιμοποιήσετε είτε JPG ή PNG εικόνες. Εάν οι εικόνες PNG με διαφάνεια δεν αποδίδονται όπως προβλέπεται, τότε θα πρέπει να ενεργοποιήσετε την επέκταση "imagick" στην PHP. Εάν δεν είστε σίγουροι για το πώς να το κάνετε αυτό, τότε ο οικοδεσπότης σας μπορεί να σας βοηθήσει.
2. Προσπαθήστε να αποφύγετε τη χρήση <table> στοιχεία, αλλά μάλλον χρησιμοποιούν <div> ετικέτες.
3. Αν θέλετε να κεντράρετε τις εικόνες συγκεκριμένα, αποφύγετε τη χρήση της δήλωσης CSS "margin: auto", αλλά χρησιμοποιήστε τη δήλωση "text-align: center".
4. Μην χρησιμοποιείτε γραμματοσειρές Google. Οι ενσωματωμένες Γραμματοσειρά DejaVu υποστηρίζει ένα ευρύ φάσμα χαρακτήρων, συμπεριλαμβανομένου του ελληνικού, του κυριλλικού, του εβραϊκού και του αραβικού αλφαβήτου.
5. Προσπαθήστε να αποφύγετε την ένθεση στοιχείων, π.χ.
<div> <div>Κάποιο περιεχόμενο</div> <div>
6. Μην χρησιμοποιείτε τη δήλωση CSS "display: block" σε εικόνες, καθώς μπορεί να αποκρύψει την εικόνα σε ορισμένες περιπτώσεις.
7. Αν δεν θέλετε ένα στοιχείο να εκτείνεται σε δύο σελίδες, προσθέστε τη δήλωση "page-break-inside: avoid;"
8. Εάν εντοιχίζετε στοιχεία, τότε εφαρμόστε CSS padding στο εσωτερικό δοχείο και όχι στο εξωτερικό δοχείο.
9. Χρησιμοποιήστε διαδρομές για εικόνες αντί για διευθύνσεις URL όπως στην κανονική HTML.
10. Προσθέστε ένα κλείσιμο </body> tag μόνο και όχι μια τελική ετικέτα </html> ετικέτα για πολλαπλές σελίδες PDF
11. Μην χρησιμοποιείτε την ιδιότητα "float" της CSS σε μια ετικέτα που είναι φωλιασμένη μέσα σε μια άλλη ετικέτα με float.
12. Εάν ένας πελάτης αγοράζει περισσότερα από ένα εισιτήρια για την ίδια εκδήλωση, τότε τα περισσότερα θέματα εισιτηρίων PDF θα εμφανίζουν την επικεφαλίδα και τις πληροφορίες εκδήλωσης ακολουθούμενες από 3 εισιτήρια, ανά σελίδα. Εάν το εισιτήριο PDF φαίνεται σπασμένο, τότε αυτό μπορεί να οφείλεται στο γεγονός ότι όλες αυτές οι πληροφορίες δεν χωράνε σε μία σελίδα. Για να το διορθώσετε αυτό, μπορείτε να χρησιμοποιήσετε ένα ημερολόγιο και/ή μια εικόνα κεφαλίδας που δεν είναι τόσο υψηλή, να αφαιρέσετε το padding, τα περιθώρια ή το κείμενο ή να το ρυθμίσετε έτσι ώστε να εμφανίζονται μόνο 1 ή 2 εισιτήρια σε μια σελίδα.