Ten artykuł przeprowadzi Cię przez proces tworzenia własnej aplikacji. FooEvents Ticket Theme które zalecamy przeczytać przed kontynuowaniem:
Bądź kreatywny dzięki motywom biletów FooEvents - część 1
Bądź kreatywny dzięki motywom biletów FooEvents - część 2
Ważne jest, aby pamiętać, że sposób generowania biletów PDF różni się nieco od zwykłego HTML i CSS. Istnieją pewne style i elementy, które mogą działać dobrze podczas renderowania wiadomości e-mail lub pliku HTML, ale te style mogą nie być kompatybilne z biblioteką używaną do generowania plików PDF.
Oto kilka ważnych rzeczy, o których należy pamiętać podczas tworzenia lub modyfikowania plików PDF Ticket Theme:
1. Można użyć JPG lub PNG obrazy. Jeśli obrazy PNG z przezroczystością nie są renderowane zgodnie z przeznaczeniem, należy włączyć rozszerzenie "imagick" w PHP. Jeśli nie masz pewności, jak to zrobić, Twój host może być w stanie pomóc.
2. Staraj się unikać używania <table> elementy, ale raczej użyj <div> tagi.
3. Jeśli chcesz specjalnie wyśrodkować obrazy, unikaj używania deklaracji CSS "margin: auto", ale raczej użyj "text-align: center"
4. Nie używaj czcionek Google. Wbudowane Czcionka DejaVu obsługuje szeroką gamę znaków, w tym alfabety grecki, cyrylicę, hebrajski i arabski.
5. Staraj się unikać zagnieżdżania elementów, np.
<div> <div>Niektóre treści</div> <div>
6. Nie używaj deklaracji CSS "display: block" na obrazach, ponieważ może to ukryć obraz w niektórych przypadkach.
7. Jeśli nie chcesz, aby element rozciągał się na dwie strony, dodaj deklarację "page-break-inside: avoid;".
8. Jeśli zagnieżdżasz elementy, zastosuj dopełnienie CSS do kontenera wewnętrznego, a nie zewnętrznego.
9. Używaj ścieżek dla obrazów zamiast adresów URL, jak w zwykłym HTML.
10. Dodaj zamknięcie </body> tylko tag, a nie zamknięcie </html> dla wielu stron PDF
11. Nie używaj właściwości CSS "float" na tagu, który jest zagnieżdżony wewnątrz innego pływającego tagu.
12. Jeśli klient kupuje więcej niż jeden bilet na to samo wydarzenie, większość motywów biletów PDF wyświetli nagłówek i informacje o wydarzeniu, a następnie 3 bilety na stronie. Jeśli bilet PDF wygląda na uszkodzony, może to być spowodowane tym, że wszystkie te informacje nie mieszczą się na jednej stronie. Aby to naprawić, możesz użyć loga i/lub obrazu nagłówka, które nie są tak wysokie, usunąć wypełnienie, marginesy lub tekst lub ustawić tak, aby tylko 1 lub 2 bilety były wyświetlane na jednej stronie.