Bądź kreatywny dzięki motywom biletów FooEvents - część 2

Czy chcesz dostosować bilety, które otrzymują Twoi klienci poza standardowymi opcjami? W Bądź kreatywny dzięki motywom biletów FooEvents - część 1 wyjaśniliśmy, co Motywy biletów FooEvents i jak z nich korzystać. W tym poście pokażemy ci, jak możesz uzyskać dostęp do plików źródłowych biletów HTML i bezpośrednio je modyfikować, aby bilety wyglądały dokładnie tak, jak chcesz! Jeśli chcesz dowiedzieć się, jak pracować z Motywy biletów PDF zalecamy, aby najpierw przeczytać poniższe kroki, a następnie przeczytaj ten artykuł w celu uzyskania dodatkowych informacji.

Oto przewodnik krok po kroku, który pokazuje, jak to osiągnąć:

UWAGA: Wymagana jest znajomość HTML i CSS!

Krok 1: Pobranie motywu Ticket

Pobierz FooEvents Ticket Starter Theme lub jeden z naszych wielu darmowy Motywy biletów premium

Krok 2: Wprowadź zmiany

1. Wyodrębnij pobrany plik ZIP z motywem biletu
2. Możesz zmienić nazwę tego folderu na inną. Użyj tylko jednego słowa lub słów oddzielonych podkreślnikami, bez spacji!
3. Otwórz pliki "header.php", "ticket.php" i "footer.php" w ulubionym edytorze tekstu:

• Plik "header.php" zawiera logo, obraz nagłówka, ogólne szczegóły wydarzenia, takie jak godzina, lokalizacja i link "Dodaj do kalendarza".
• Plik "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.
• Plik "footer.php" zawiera informacje kontaktowe

4. Dostosuj HTML i CSS:

• • Jeśli chcesz zmienić kolory w motywie premium, będziesz musiał wyszukać każde wystąpienie koloru w stylach CSS inline
  • Obrazy można przesłać do folderu "images" w folderze motywu lub umieścić je w innym miejscu
  • W obu przypadkach upewnij się, że używasz bezwzględnych adresów URL do odwoływania się do obrazów
  • Jeśli obrazy zostały przesłane do aplikacji "obrazy" upewnij się, że folder "src" zaczyna się od następującego kodu:

.

• Jeśli używasz obrazów w "obrazy" folder, należy pamiętać o zmianie "theme_name" do tego samego słowa, którym nazwano folder motywu w kroku 2
• Można zmienić obraz o nazwie "preview.jpg" do czegoś, co reprezentuje Twój motyw

Krok 3: Przesłanie zmodyfikowanych plików na serwer

1. Użyj klienta FTP, takiego jak Filezilla, aby uzyskać dostęp do plików na serwerze
2. Przejdź do katalogu "your-wordpress-install/wp-content/uploads/fooevents/themes/”
3. Prześlij cały folder motywów tutaj

Krok 4: Przetestuj swój motyw

1. Zaloguj się do panelu administracyjnego WordPress i przejdź do zakładki Ticket -> Ticket Themes.
2. Poszukaj nowego motywu biletu, który utworzyłeś.
3. Kliknij obraz
4. Wyślij podgląd na swój adres e-mail, aby zobaczyć przykład tego, jak bilety będą wyglądać, jeśli będą korzystać z tego motywu.
5. Jeśli nie jesteś zadowolony z rezultatu, wróć do modyfikacji HTML i CSS i ponownie prześlij pliki na serwer

Krok 5: Ustaw motyw

Możesz zastosować nowy motyw biletu do swojego wydarzenia, gdy będziesz z niego zadowolony.

1. Przejdź do sekcji "Produkty" w obszarze administracyjnym WordPress.
2. Edytuj wydarzenie
3. Kliknij zakładkę "Ustawienia biletu"
4. Wybierz motyw z listy rozwijanej "Motyw biletu HTML".
5. Zaktualizuj wydarzenie

Bilety, które klienci otrzymają na to wydarzenie w przyszłości, będą teraz korzystać z nowego szablonu. Możesz także ponownie przetestować szablon biletu, wysyłając istniejący bilet na swój własny adres e-mail.