Jak utworzyć niestandardowy motyw biletu

Motyw biletu to zbiór plików szablonów, które określają wygląd wiadomości e-mail z biletem FooEvents. W tym przewodniku pokażemy, jak utworzyć własny niestandardowy szablon i wdrożyć swój unikalny projekt. Zaczynajmy!

Jeśli planujesz wydarzenie i korzystasz z FooEventsprawdopodobnie jesteś już zaznajomiony z Motywy biletów FooEvents. Są one zasadniczo zbiorem plików szablonów, które renderują kod HTML dla wiadomości e-mail z biletami. Istnieje wiele szablonów biletów do wyboru, a podczas konfigurowania wydarzenia można spersonalizować logo, obraz nagłówka i kolory. Opcje te ułatwiają dostosowanie projektu biletu do marki, jednak jeśli wolisz użyć własnego niestandardowego projektu motywu biletu, jest to również łatwe.

W tym przewodniku omówimy:

1. Zrozumienie działania motywów biletów
2. Tworzenie niestandardowego motywu biletu
3. Dostosowywanie motywu biletu
4. Testowanie niestandardowego motywu Ticket
5. Ustawianie niestandardowego motywu biletów dla wydarzeń
6. Aktualizowanie niestandardowego motywu biletów

Zrozumienie działania motywów biletów #

Podczas pierwszej instalacji głównego FooEvents dla WooCommerce wtyczka utworzy folder w katalogu przesyłania WordPress o nazwie fooevents/themes. Kopia Domyślny motyw biletu FooEvents jest automatycznie dodawana do tego folderu: wp-content/uploads/fooevents/themes/default_ticket_theme. Lokalizacja tego folderu gwarantuje, że wszelkie dostosowania motywów biletów nie zostaną nadpisane podczas aktualizacji wtyczki FooEvents dla WooCommerce. Możesz również pobrać dodatkowe motywy biletów z naszej strony Galeria motywów biletów i prześlij je do swojej witryny, przechodząc do FooEvents > Motywy biletów > Dodaj nowy w obszarze administracyjnym WordPress.

Podczas konfigurowania wydarzenia, rozwijane opcje motywu biletu wyświetlą wszystkie motywy biletów aktualnie przesłane do folderu motywów. Wybrany motyw biletu zostanie następnie użyty podczas generowania biletu HTML, który otrzyma klient.

Tworzenie niestandardowego motywu biletu #

Aby utworzyć motyw biletu, należy utworzyć nowy szablon motywu biletu i przesłać go na swoją stronę internetową. Podczas tworzenia niestandardowego motywu biletu zalecamy zmodyfikowanie istniejącego motywu biletu i stworzenie własnego. Domyślny szablon biletu lub nasz szablon startowy to dobre miejsca na rozpoczęcie, ponieważ zawierają wszystkie niezbędne funkcje, aby zapewnić, że bilety odzwierciedlają prawidłowe dane biletu, wydarzenia i uczestnika.

Wykonaj poniższe kroki, aby skonfigurować niestandardowe szablony motywów biletów:

1. Pobierz w Domyślny motyw biletu FooEvents lub FooEvents Ticket Starter Theme z Galeria motywów FooEvents Ticket.
2. Wyciąg plik ZIP z motywem biletu, który został pobrany na pulpit.
3. Zmiana nazwy ten folder do czegoś innego. Użyj jednego słowa lub słów oddzielonych tylko podkreślnikami, bez spacji! Np, my_custom_theme
4. Otwórz folder i zmień nazwę pliku "name" w polu config.json aby dopasować nazwę folderu. Używaj tylko jednego słowa lub słów oddzielonych spacjami. Np, Mój niestandardowy motyw
5. Zapisz zmiany. Twój nowy szablon jest teraz gotowy do personalizacji.

Dostosowywanie motywu biletu #

Do dostosowania szablonów szablonów biletów wymagana jest podstawowa znajomość kodu HTML. Jeśli nie czujesz się komfortowo pracując z HTML, nawiązaliśmy współpracę z Kodowalnyktórą gorąco polecamy do tego typu projektów.

Następnie można rozpocząć dostosowywanie szablonu biletu. Każdy szablon zawiera trzy pliki szablonów:

• header.php: Zawiera logo, obraz nagłówka, ogólne szczegóły wydarzenia, takie jak godzina, lokalizacja i link "Dodaj do kalendarza".
• ticket.php: Zawiera kod kreskowy i szczegółowe informacje o uczestniku, takie jak imię i nazwisko, pola niestandardowe i miejsca. Kod w ticket.php zostanie powtórzona dla każdego biletu, jeśli klient zakupił wiele biletów na to samo wydarzenie w ramach jednej transakcji.
• footer.php: Zawiera informacje kontaktowe.

Możesz albo zmodyfikować istniejący kod HTML i CSS, aby uczynić motyw swoim własnym, albo zaimplementować zupełnie nowy projekt HTML. W tym drugim przypadku zalecamy skorzystanie z Motyw startowy jako punkt wyjścia. Oto kilka rzeczy, które należy wziąć pod uwagę podczas dostosowywania HTML i CSS:

• Możesz przesłać swoje obrazy do obrazy w folderze motywu lub umieścić je w innym miejscu. W obu przypadkach upewnij się, że używasz bezwzględne adresy URL, a NIE względne adresy URL aby odwołać się do obrazów; w przeciwnym razie nie będą one wyświetlane, gdy HTML zostanie wysłany jako wiadomość e-mail z biletem.
• Jeśli obrazy zostały przesłane do aplikacji obrazy upewnij się, że folder src zaczyna się od następującego kodu: .
• Można zmienić obraz o nazwie preview.jpg do czegoś, co reprezentuje motyw przewodni.

Testowanie niestandardowego motywu Ticket #

Teraz, gdy twój motyw ma nową nazwę i zaimplementowałeś nowy projekt HTML, nadszedł czas, aby przesłać go do WordPress:

1. 1. Użyj klienta FTP, takiego jak Filezilla, aby uzyskać dostęp do plików na serwerze
2. Przejdź do katalogu /wp-content/uploads/fooevents/themes/
3. Prześlij cały folder motywu biletu do folderu motywów FooEvents. Np, /wp-content/uploads/fooevents/themes/my_custom_theme

Następnie należy przetestować motyw biletu, aby upewnić się, że działa zgodnie z przeznaczeniem:

1. Zaloguj się do swojego Obszar administracyjny WordPress i przejść do Bilety > Motywy biletów.
2. Poszukaj nowego motywu biletu, który utworzyłeś i kliknij miniaturę obrazu.
3. Użyj Wyślij podgląd biletu aby wysłać wiadomość e-mail z testowym biletem na swój adres e-mail, aby zobaczyć przykład tego, jak bilety będą wyglądać przy użyciu szablonu.
4. Jeśli nie jesteś zadowolony z rezultatu, wróć do modyfikacji HTML i CSS i ponownie prześlij zmodyfikowane pliki na swój serwer. Kontynuuj ten proces, aż będziesz zadowolony z nowego niestandardowego motywu biletu.

Ustawianie niestandardowego motywu biletów dla wydarzeń #

Gdy już będziesz zadowolony z nowego motywu biletu, nadszedł czas, aby zastosować go do wydarzenia. Przejdź do Produkty w WordPress, edytuj wydarzeniei przejdź do Ustawienia biletów zakładka. Tutaj możesz wybrać swój niestandardowy motyw z listy Motyw biletu HTML menu rozwijane dla obu HTML. Jeśli masz Wtyczka FooEvents PDF Tickets Po zainstalowaniu można również ustawić motyw biletu dla biletu PDF. Nie zapomnij kliknąć Aktualizacja aby zapisać zmiany. Teraz bilety na wydarzenia będą miały nowy, świeży wygląd! Pamiętaj, aby dokładnie przetestować przed rozpoczęciem sprzedawać bilety do wiadomości publicznej.

Aktualizowanie niestandardowego motywu biletów #

Od czasu do czasu możemy wydawać aktualizacje naszych szablonów biletów, dodając nowe funkcje lub poprawiając funkcjonalność. Aby zachować aktualność niestandardowego szablonu, wystarczy pobrać najnowszą wersję, wprowadzić niestandardowe zmiany i przesłać go ponownie. Dobrą praktyką jest przechowywanie kopii zapasowej plików szablonu, zwłaszcza jeśli dokonałeś obszernych modyfikacji.

Wnioski

Dostosowanie motywu biletu to fantastyczny sposób na dodanie osobistego charakteru do biletów na wydarzenie. Nie chodzi tylko o estetykę; chodzi o stworzenie spójnego doświadczenia marki dla uczestników. Postępując zgodnie z tymi krokami, otrzymasz zestaw biletów, które nie tylko świetnie wyglądają, ale także wyróżniają twoje wydarzenie. Śmiało i bądź kreatywny - Twoi uczestnicy zauważą wysiłek włożony w uczynienie ich doświadczenia wyjątkowym.

Aby uzyskać bardziej szczegółowe instrukcje dotyczące korzystania i modyfikowania motywów biletów, zapoznaj się z sekcją ten przewodnik pomocy.