Twórz interaktywne projekty za pomocą kodu Canva
Koder Canva umożliwia tworzenie responsywnych, interaktywnych projektów bez konieczności technicznej pisania kodu. Z Kodera Canva możesz korzystać na dwa sposoby:
- Twórz interaktywne projekty z kodera
- Twórz w pełni interaktywne projekty, takie jak strony docelowe, panele lub portfolio, a następnie edytuj i publikuj jako strony internetowe w edytorze Canva
- Dodawaj do projektów interaktywne elementy kodu
- Twórz interaktywne elementy, takie jak quizy, kalkulatory lub wykresy, do innego projektu i wykorzystuj je w wielu projektach
Wskazówki:
- Dowiedz się więcej o tym, jak ta funkcja wpływa na wykorzystanie sztucznej inteligencji.
- Naucz się pisać lepsze podpowiedzi, aby zmaksymalizować swój limit sztucznej inteligencji.
Twórz interaktywne projekty z kodera
Użyj projekt z kodera , jeśli chcesz stworzyć w pełni interaktywne środowisko.
- Twórz strony docelowe, panele, portfolio i nie tylko
- Edytuj i dopracowuj treści w edytorze Canva
- Opublikuj jako stronę responsywną
- Na stronie głównej Canva wybierz opcję Kod. Spowoduje to otwarcie edytora Canva.
- W edytorze Canva zacznij od opisania projektu na karcie Canva AI. Polecenie na przykład „Zaprojektuj interaktywny, przyjazny dla użytkownika tracker ćwiczeń”.
- Alternatywnie, na karcie „Szablony” możesz też przeglądać lub wyszukiwać szablony, od których można zacząć.
- Dopracuj go za pomocą Canva AI lub bezpośredniej edycji. Zobacz Edytowanie interaktywnych projektów i elementów z Kodera Canva, aby dowiedzieć się, jak to zrobić.
Dodawaj do projektów interaktywne elementy kodu
Przejdź do Canva AI , a następnie Kod, jeśli chcesz wygenerować pojedynczy interaktywny komponent.
- Twórz quizy, kalkulatory, wykresy i inne elementy jako elementy.
- Dodawaj je do prezentacji, Tablice i innych typów projektów. Publikuj jako strona internetowa lub wykorzystuj elementy ponownie w wielu projektach.
- Na stronie głównej platformy Canva wybierz opcję Canva AI.
- W polu „Podpowiedź” opisz, jaki interaktywny element kodu chcesz utworzyć. Dowiedz się więcej o podpowiedziach AI tutaj.
- Wybierz opcję </> Kod.
- Naciśnij Enter na klawiaturze lub kliknij przycisk przesyłania. Canva AI przygotuje projekt na podstawie Twojego polecenia.
- Po wygenerowaniu projektu kodu wybierz opcję Użyj w projekcie.
- W sekcji Dodaj jako element do wybierz typ dokumentu, aby dodać go jako interaktywny element kodu.
- Aby ulepszyć projekt wygenerowany przez Koder Canva, podaj opcje doprecyzowania w polu czatu w panelu bocznym.
Uwaga: możesz uzyskać dostęp do wersji projektów ze swojego wątku czatu za pomocą Canva AI.
Edytuj interaktywne projekty i elementy generowane przez Koder Canva
Dopracuj projekt wygenerowany z Kodera Canva za pomocą narzędzi w edytorze. Aby dowiedzieć się więcej, zapoznaj się z artykułem Edytowanie interaktywnych projektów i elementów wygenerowanych za pomocą Kodera Canva .
Wyświetl podgląd projektu i opublikuj go
Wybierz opcję Podgląd , aby wejść w interakcję z projektem. Gdy wszystko będzie już dobrze wyglądać, możesz opublikować to jako stronę internetową. Dowiedz się, jak publikować strony internetowe z Kodera Canva i zarządzać nimi.
Uwaga: interaktywność działa, gdy projekt jest wyświetlany na platformie Canva lub publikowany jako strona internetowa.
Uzyskiwanie dostępu do wersji z Kodera Canva i zarządzanie nimi
Za każdym razem, gdy aktualizujesz projekt z kodera Canva za pomocą poleceń, Canva automatycznie zapisuje nową wersję w ramach tego samego wątku czatu. Dzięki temu możesz wrócić do wcześniejszych wersji, kontynuować edycję z poprzedniej wersji lub skopiować wygenerowany kod do użytku zewnętrznego.
Wyświetl historię zmian
- Na stronie głównej platformy Canva otwórz Canva AI.
- Pod paskiem poleceń wybierz </> Kod , aby wyświetlić swoje czaty Koder Canva na pasku bocznym.
- Uwaga: czaty Koder Canva można rozpoznać po ikonie </> obok nich.
- Otwórz wątek czatu Koder Canva.
- Na pasku bocznym przejrzyj dostępne wersje (na przykład: Wersja 1, Wersja 2 i inne).
Uwaga: kontynuowanie wysyłania polecenia w ramach tego samego czatu automatycznie powoduje utworzenie nowej wersji.
Użyj poprzedniej wersji
- Otwórz wątek czatu Koder Canva.
- Wybierz wersję, której chcesz użyć.
- Wybierz opcję Użyj w projekcie , aby kontynuować edycję tej wersji na platformie Canva.
Wyświetl i skopiuj kod
Możesz wyświetlić kod wygenerowany przez Koder Canva i skopiować go w celu ponownego wykorzystania poza platformą Canva.
- W wątku Kod Canva włącz przełącznik Pokaż kod.
- Wybierz Kopiuj kod, aby zapisać go w schowku.
Ograniczenia Kodera Canva
- Koder Canva obsługuje wszystkie języki dostępne na platformie Canva z wyjątkiem języków użytkowników canva.cn.
- Koder Canva pobierze tylko instrukcje zawarte w opisie wprowadzonym lub używanym przez Ciebie. Im więcej kontekstu i instrukcji udzielisz, tym lepszy będzie rezultat.
- Kod można kopiować i ponownie wykorzystywać na zewnątrz, ale nie można go eksportować jako pliku ani bezpośrednio edytować na platformie Canva.
Co mogę zrobić, jeśli moja strona internetowa z Koderem Canva nie chce się opublikować?
Jeśli Twoja strona internetowa z kodera Canva jest duża lub złożona, zbyt duży widżet może uniemożliwić jej publikowanie. Możesz uprościć stronę internetową albo podzielić jej zawartość na mniejsze witryny lub strony.Na czacie Kodera Canva spróbuj wysłać polecenie Canva AI za pomocą:
- „Uprość tę stronę internetową i zmniejsz zbyt duże widżety/komponenty, aby można było publikować na platformie Canva”.
- „Proszę podzielić na dwie mniejsze, możliwe do opublikowania witryny/strony”.
Gdy Koder Canva wygeneruje zaktualizowaną wersję, spróbuj opublikować ją ponownie.
Wskazówka: dzielenie treści na mniejsze strony internetowe lub strony może być pomocne, ponieważ każda opublikowana strona internetowa zawiera mniej treści. Jeśli podzielisz swoją stronę internetową na osobne opublikowane strony internetowe, musisz osobno zarządzać adresami URL i je udostępniać.
Czy mogę ponownie użyć kodu poza platformą Canva?
Tak. Skopiowany kod może być używany we własnych projektach. Chociaż został stworzony dla platformy Canva, możesz go dostosować do narzędzi zewnętrznych lub procesów.
Czy mogę używać moich kreacji z Kodera Canva do użytku komercyjnego?
W przypadku relacji między użytkownikiem a platformą Canva oraz w zakresie dozwolonym przez prawo użytkownik jest właścicielem Danych wejściowych i wyjściowych funkcji AI (w tym Kodera Canva i utworzonych Kodów Canva), a platforma Canva nie rości sobie żadnych praw autorskich do Twoich Danych wejściowych lub wyjściowych. (w tym utworzone Kody Canva). Więcej informacji i pełny regulamin znajdziesz w Regulaminie Produktów AI.
Kto może zobaczyć to, co tworzę za pomocą Kodera Canva?
Tylko Ty widzisz swoje rozmowy za pomocą Kodera Canva. Gdy klikniesz Użyj w projekcie, zostanie utworzony nowy projekt w tej wersji, który możesz udostępnić (w tym Koder Canva) za pomocą przycisku Udostępnij .
Jeśli publikujesz projekt w witrynie internetowej, kontrola dostępu jest określana przez ustawienia, które konfigurujesz podczas publikowania witryny.
Czy mogę zarządzać dostępem mojego zespołu do Kodera Canva?
Jeśli jesteś administratorem, nauczycielem lub projektantem marki, możesz określić, kto może mieć dostęp do Kodera Canva w Twoim zespole lub klasie.
Nie możesz znaleźć kodu Canva na stronie głównej? Dowiedz się więcej o ograniczeniach dostępu do kodu Canva.
Dlaczego nie widzę zmiany wierszy kodu?
Koder Canva używa teraz edycji opartej na różnicach, co oznacza, że tylko niezbędne wiersze kodu są aktualizowane zamiast generowania całego bloku ponownie. Dzięki temu możesz szybciej otrzymywać opinię podczas wprowadzania drobnych zmian w logice projektu.
Jeśli po wysłaniu prośby nie widać zmiany linii kodu, oznacza to, że platforma Canva zastosowała w tle tylko niezbędne zmiany. Poczekaj na zakończenie generowania kolejnej wersji kodu Canva.
Czy artykuł był pomocny?
Pomocny
Niepomocny