Canva Code ile etkileşimli tasarımlar oluşturun
Canva Programlama sayesinde teknik kod yazmanın zorlukları olmadan duyarlı ve etkileşimli tasarımlar oluşturabilirsiniz. Canva Programlamayı iki şekilde kullanabilirsiniz:
- Etkileşimli Kod tasarımları oluşturun
- Landing page, pano veya portföy gibi tam etkileşimli tasarımlar oluşturun ve Canva Editör'de web sitesi olarak yayınlayın
- Tasarımlarınıza etkileşimli Code bileşenleri ekleyin
- Başka bir tasarım için testler, hesap makinesi veya grafikler gibi etkileşimli bileşenler oluşturup bunları birden fazla tasarımda yeniden kullanın
Etkileşimli Kod tasarımları oluşturun
Eksiksiz bir etkileşimli deneyim oluşturmak istediğinizde Kod tasarım türünü kullanın.
- Landing page, pano, portföy ve daha fazlasını oluşturun
- Canva editörde düzenleyin ve iyileştirin
- Duyarlı web sitesi olarak yayınlayın
- Canva ana sayfasından Kod öğesini seçin. Bu, Canva editörünü açar.
- Canva editörde, ilk olarak Canva Yapay Zeka sekmesinde tasarımınızı tanımlayarak başlayın. "Etkileşimli ve kullanıcı dostu bir egzersiz takibi tasarlayın" gibi bir şey yazın.
- Ya da, Şablonlar sekmesinde başlamak için şablonlara göz atabilir veya şablonlar da arayabilirsiniz.
- Canva Yapay Zekayı kullanarak veya doğrudan düzenleme yaparak görsellerinizi geliştirin. Nasıl yapabileceğinizi öğrenmek için Etkileşimli Canva Programlama tasarımlarınızı ve bileşenlerinizi düzenleme bölümüne bakın.
Tasarımlarınıza etkileşimli Code bileşenleri ekleyin
Ardından tek bir etkileşimli bileşen oluşturmak istediğinizde Canva Yapay Zeka'ya gidin.
- Bileşen olarak testler, hesaplayıcılar, grafikler ve daha fazlasını oluşturun.
- Bunları Sunumlar, Beyaz Tahtalar veya diğer tasarım türlerine ekleyin. Web sitesi olarak yayınlayın veya Bileşenleri birden fazla tasarımda yeniden kullanın.
- Canva ana sayfasında Canva Yapay Zeka öğesini seçin.
- Komut kutusunda, oluşturmak istediğiniz etkileşimli Code bileşenini tanımlayın. Buradan yapay zeka komutları hakkında daha fazla bilgi edinebilirsiniz.
- </> Kod öğesini seçin.
- Klavyenizdeki enter tuşuna basın veya gönder düğmesine tıklayın. Canva Yapay Zeka, tasarımınızı verdiğiniz komuta göre hazırlar.
- Kod tasarımını oluşturduktan sonra Bir tasarımda kullan öğesini seçin.
- Etkileşimli Kod bileşeni olarak eklemek istediğiniz belge türünü Bileşen olarak ekle hedefine ekleyin.
- Canva Programlama ile oluşturulan tasarımı geliştirmek için yan paneldeki sohbet kutusundan düzenlemelerinizi isteyin.
Not: Canva Yapay Zeka ile sohbet dizinizin tasarım sürümlerine erişebilirsiniz.
Canva Programlama ile oluşturulan etkileşimli tasarımlarınızı ve bileşenlerinizi düzenleyin
Editördeki araçları kullanarak Canva Code tarafından oluşturulan tasarımınızı geliştirin. Daha fazla bilgi için Canva Programlama tarafından oluşturulan etkileşimli tasarımları ve bileşenleri düzenleme bölümüne göz atın.
Tasarımınızı önizleyin ve yayınlayın
Tasarımınızla etkileşime geçmek için Önizleme seçeneğine tıklayın. Her şey yolunda olduğunda web sitesi olarak yayınlayabilirsiniz. Canva Programlama web sitelerini nasıl yayınlayacağınızı ve yöneteceğinizi öğrenin.
Not: Etkileşimli özellikler, tasarım Canva'da görüntülendiğinde veya bir web sitesi olarak yayınlandığında çalışır.
Canva Programlama sürümlerine erişin, tasarımları kopyalayın ve yönetin
Canva Programlama tasarımınızı komutlar aracılığıyla her güncellediğinizde Canva aynı sohbet dizisine otomatik olarak yeni bir sürüm kaydeder. Bu sayede, önceki bir sürümü kullanarak düzenleme yapmaya devam edebilir veya oluşturulan kodu harici kullanım için kopyalayabilirsiniz.
Sürüm geçmişinizi görüntüleyin
- Canva ana sayfasından Canva Yapay Zeka sayfasını açın.
- Kenar çubuğunda Canva Programlama sohbetlerinizi görüntülemek için Komut çubuğu altındaki </> Kod seçeneğini belirleyin.
- Not: Canva Programlama sohbetlerini yanlarında </> simgesinden görebilirsiniz.
- Bir Canva Programlama sohbeti açın.
- Kenar çubuğunda mevcut sürümlere göz atın (örneğin: Sürüm 1, Sürüm 2 ve daha fazlası).
Not: Aynı sohbet içinde komut yazmaya devam ederseniz otomatik olarak yeni bir sürüm oluşturulur.
Önceki bir sürümü kullan
- Canva Programlama sohbeti dizisini açın.
- Kullanmak istediğiniz sürümü seçin.
- Bu sürümü Canva'da düzenlemeye devam etmek için Bir tasarımda kullan öğesini seçin.
Kodu görüntüleyin ve kopyalayın
Canva Programlama tarafından oluşturulan temel kodu görüntüleyebilir ve Canva dışında yeniden kullanmak için kopyalayabilirsiniz.
- Canva Code dizinizde Show code t oggle'ı açın.
- Panonuza kaydetmek için Kodu kopyala 'yı seçin.
Canva Programlama sınırlamaları
- Canva Programlama, canva.cn adresindeki kullanıcılar hariç Canva'da bulunan tüm dilleri destekler.
- Canva Programlama yalnızca girdiğiniz veya kullandığınız açıklamalara göre talimatları alır. Ne kadar çok bilgi ve talimat verirseniz, sonuç o kadar iyi olacaktır.
- Kodu harici olarak kopyalayıp yeniden kullanabilirsiniz, ancak dosya olarak dışa aktarılamaz veya doğrudan Canva içinde düzenlenemez.
Kodu Canva dışında yeniden kullanabilir miyim?
Evet. Kodu kopyalayarak kendi projelerinizde kullanabilirsiniz. Canva için oluşturulmuş olsa da harici araçlara veya iş akışlarına uyarlayabilirsiniz.
Canva Programlama'dan tasarımlarımı ticari kullanım için kullanabilir miyim?
Canva ile aranızda ve yasaların izin verdiği ölçüde, yapay zeka destekli özelliklerimize (Canva Programlama ve oluşturulan Canva Programlamalar dahil) ilişkin Girdi ve Çıktıların sahibi sizsiniz ve Canva, Girdiniz veya Çıktınız üzerinde herhangi bir telif hakkı sahipliği iddiasında bulunmayacaktır (oluşturulan Canva Programları dahil). Daha fazla bilgi ve koşulların tamamı için lütfen Yapay Zeka Destekli Ürün Koşulları sayfamıza bakın.
Canva Programlama ile oluşturduklarımı kimler görebilir?
Canva Programlama ile konuşmalarınızı sadece siz görebilirsiniz.Bir tasarımda kullan seçeneğine tıkladığınızda bu sürümle yeni bir tasarım oluşturulur ve Paylaş düğmesini kullanarak tasarımı (Canva Code dahil) paylaşabilirsiniz.
Tasarımınızı bir web sitesinde yayınlarsanız erişim kontrolü, web sitesi yayınlama akışı sırasında yapılandırdığınız ayarlar tarafından kontrol edilir.
Ekibimin Canva Programlama'ya erişimini yönetebilir miyim?
Yönetici, öğretmen veya marka tasarımcısıysanız ekibinizden veya sınıfınızdan kimlerin Canva Programlama'ya erişebileceğini seçebilirsiniz.
Canva Kodunu ana sayfanızda bulamıyor musunuz? Canva Kodu erişim kısıtlamaları hakkında daha fazla bilgi edinin.
Kod satırlarının değiştiğini neden görmüyorum?
Canva Programlama artık fark tabanlı düzenleme kullanıyor. Yani tüm blok yeniden oluşturmak yerine yalnızca gerekli kod satırları güncelleniyor. Bu, tasarım mantığımızda küçük değişiklikler yaparken daha hızlı geri bildirim almanızı sağlar.
Komutu gönderdikten sonra kod satırlarında değişiklik görmüyorsanız Canva arka planda çalışıyor ve yalnızca gerekli değişiklikleri uyguluyor demektir. Lütfen Canva Kodunun yeni bir sürümünü oluşturma işleminin tamamlanmasını bekleyin.
Bu yardımcı oldu mu?
Yardımcı oldu
Yardımcı olmadı