Αυτό το άρθρο σας καθοδηγεί στη διαδικασία δημιουργίας της δικής σας Θέμα εισιτηρίων FooEvents το οποίο σας συνιστούμε να διαβάσετε πριν συνεχίσετε:
Γίνετε δημιουργικοί με τα θέματα εισιτηρίων FooEvents - Μέρος 1
Γίνετε δημιουργικοί με τα θέματα εισιτηρίων FooEvents - Μέρος 2
Είναι σημαντικό να έχετε κατά νου ότι ο τρόπος με τον οποίο δημιουργούνται τα εισιτήρια PDF διαφέρει ελαφρώς από την κανονική HTML και CSS. Υπάρχουν ορισμένα στυλ και στοιχεία που μπορεί να λειτουργούν άψογα κατά την απόδοση ενός email ή αρχείου HTML, αλλά αυτά τα στυλ μπορεί να μην είναι συμβατά με τη βιβλιοθήκη που χρησιμοποιείται για τη δημιουργία των αρχείων PDF.
Ακολουθούν ορισμένα σημαντικά πράγματα που πρέπει να γνωρίζετε όταν δημιουργείτε ή τροποποιείτε αρχεία PDF Ticket Theme:
- You can use either JPG ή PNG εικόνες. Εάν οι εικόνες PNG με διαφάνεια δεν αποδίδονται όπως προβλέπεται, τότε θα πρέπει να ενεργοποιήσετε την επέκταση "imagick" στην PHP. Εάν δεν είστε σίγουροι για το πώς να το κάνετε αυτό, τότε ο οικοδεσπότης σας μπορεί να σας βοηθήσει.
- Try to avoid using
<table>στοιχεία, αλλά μάλλον χρησιμοποιούν<div>ετικέτες. - If you want to center images specifically avoid using the CSS declaration “margin: auto” but rather use “text-align: center”
- Don’t use Google Fonts. The built-in Γραμματοσειρά DejaVu υποστηρίζει ένα ευρύ φάσμα χαρακτήρων, συμπεριλαμβανομένου του ελληνικού, του κυριλλικού, του εβραϊκού και του αραβικού αλφαβήτου.
- Try to avoid nesting elements e.g.
<div>
<div>Some content</div>
<div> - Don’t use the CSS declaration “display: block” on images as it might hide the image in some cases.
- If you don’t want an element to stretch over two pages, add the declaration “page-break-inside: avoid;”
- If you are nesting elements then apply CSS padding on the inner container and not the outer container.
- Use paths for images instead of URLs like in regular HTML.
- Add a closing </body> tag μόνο και όχι μια τελική ετικέτα </html> ετικέτα για πολλαπλές σελίδες PDF
- Don’t use the CSS “float” property on a tag that is nested inside another floated tag
- If a customer is buying more than one ticket for the same event then most PDF ticket themes will display the header and event information followed by 3 tickets, per page. If the PDF ticket looks broken then it might be because all this information does not fit on one page. To fix this you can use a log and/or header image that are not as high, remove padding, margins or text or set it so that only 1 or 2 tickets are shown on one page.